Your Ad Here
Thanks for visiting my Blog.It contains latest information on Software,Game,Mobile n Many more.I try to update it regularly so visit regularly.If u like my blog,then please suscribe it & please write a comment on my post either u like it or not

Recent Post

Your Ad Here

Thursday, December 20, 2007

Creating the Photoshop CS3 Icon Tutorial

Here you can look out a simple exemplification how to create the Photoshop icon. The rules are simple, all you have to do is follow the instructions.

We will supply you with all necessary information, links and screen shots, for completing this tutorial. You can enlarge every tutorial image provided bellow.
Tutorial Creating the Photoshop CS3 Icon Tutorial 1


Made with the new Photoshop CS3 but will most likely work with previous versions up to at least 7.

Step 1. New Document.

Tutorial Creating the Photoshop CS3 Icon Tutorial 2


RGB, 8 bit, 200px by 200px.

Step 2. Get out the Rounded Rectangle Tool.

Tutorial Creating the Photoshop CS3 Icon Tutorial 3


With the following settings:

Tutorial Creating the Photoshop CS3 Icon Tutorial 4


Tutorial Creating the Photoshop CS3 Icon Tutorial 5


Hold down “Shift” while making this shape to make a perfect rounded square.

Right-click and then “Make Selection”.

Tutorial Creating the Photoshop CS3 Icon Tutorial 6


Tutorial Creating the Photoshop CS3 Icon Tutorial 7


Foreground color:

Tutorial Creating the Photoshop CS3 Icon Tutorial 8


Background color:

Tutorial Creating the Photoshop CS3 Icon Tutorial 9


Gradient settings:

Tutorial Creating the Photoshop CS3 Icon Tutorial 10


Make a gradient like such:

Tutorial Creating the Photoshop CS3 Icon Tutorial 11


And if you press “Ctrl + D” to deselect the selection, then it should look like this:

Tutorial Creating the Photoshop CS3 Icon Tutorial 12


Step 3. Add a Bevel and Emboss.

Tutorial Creating the Photoshop CS3 Icon Tutorial 13


Add a stroke next:

Tutorial Creating the Photoshop CS3 Icon Tutorial 14


Tutorial Creating the Photoshop CS3 Icon Tutorial 15


Tutorial Creating the Photoshop CS3 Icon Tutorial 16


Step 4. Enter in “Ps” in white text:

Tutorial Creating the Photoshop CS3 Icon Tutorial 17


Now, let’s add in a reflection. Create a new layer but Ctrl + Click on the main layer where our main shape is.

With a white foreground, make sure you have these following gradient shapes:

Tutorial Creating the Photoshop CS3 Icon Tutorial 18


Tutorial Creating the Photoshop CS3 Icon Tutorial 19


Tutorial Creating the Photoshop CS3 Icon Tutorial 20


Make the following marquee selection (or something similar):

Tutorial Creating the Photoshop CS3 Icon Tutorial 21


Now press “Del”.

Tutorial Creating the Photoshop CS3 Icon Tutorial 22


And finally lower the opacity to 60%.

Step 5. Adding in a glow and, of course, the white background.

Create a new layer below all others. Press “D” to reset to black foreground and white background. Press “X” to switch those two. Then Alt + Backspace to fill with white.

Double-click on our main layer:

Tutorial Creating the Photoshop CS3 Icon Tutorial 23


And then set an outer glow:

Tutorial Creating the Photoshop CS3 Icon Tutorial 24


Alternatively, you could have set a drop shadow, but there we have it: our own CS3 Icon!

Final:
Tutorial Creating the Photoshop CS3 Icon Tutorial 1

0 Comments:

Subscribe to Software Helper by Email
Free Advertising - Get millions of visitors for your website for FREE!
Subscribe to hobby_fun
Powered by launch.groups.yahoo.com