How to Create a Twitter Icon Using Photoshop
Create a new document., Once all are set, press OK. , Create a rectangular shape image., Select the image created., Fill out the selected rectangle with color., Fill out the image with gradient using the Gradient Tool., Choose a layer style., Click...
Step-by-Step Guide
-
Step 1: Create a new document.
Fill out the settings according to your preference.
In this tutorial, we will be using the following values:
Size: 128 x 128 Resolution: 72 pixels/inch Color Mode:
RGB Color at 8 bit Background Contents:
Transparent -
Step 2: Once all are set
, Select Rounded Rectangle Tool from the Shape Menu.
Use the ruler as guide. , Use magic wand or quick selection tool , You can opt to use the official Twitter icon colors, the ones that blend or match with your website palette, or anything that you like.
But we will use the following values for the meantime in this tutorial:
Foreground: #63d2f4 Background: #10b8ec , Hold the Shift key to accomplish a straight gradient line. , Take note that you can use any style that you prefer.
Access Layer > Layer Style > Pattern Overlay.
Set the level of opacity as desired. , Arrange the letter “t” on the center of the rectangle. -
Step 3: press OK.
-
Step 4: Create a rectangular shape image.
-
Step 5: Select the image created.
-
Step 6: Fill out the selected rectangle with color.
-
Step 7: Fill out the image with gradient using the Gradient Tool.
-
Step 8: Choose a layer style.
-
Step 9: Click the Text Tool
-
Step 10: type letter “t” using Pico (T1) Font Black A1 with white font.
Detailed Guide
Fill out the settings according to your preference.
In this tutorial, we will be using the following values:
Size: 128 x 128 Resolution: 72 pixels/inch Color Mode:
RGB Color at 8 bit Background Contents:
Transparent
, Select Rounded Rectangle Tool from the Shape Menu.
Use the ruler as guide. , Use magic wand or quick selection tool , You can opt to use the official Twitter icon colors, the ones that blend or match with your website palette, or anything that you like.
But we will use the following values for the meantime in this tutorial:
Foreground: #63d2f4 Background: #10b8ec , Hold the Shift key to accomplish a straight gradient line. , Take note that you can use any style that you prefer.
Access Layer > Layer Style > Pattern Overlay.
Set the level of opacity as desired. , Arrange the letter “t” on the center of the rectangle.
About the Author
Willie Miller
With a background in education and learning, Willie Miller brings 10 years of hands-on experience to every article. Willie believes in making complex topics accessible to everyone.
Rate This Guide
How helpful was this guide? Click to rate: