Professional Web Design Logo in Photoshop

Final image



Step 1

In 600x600 px document size, star with drawin shape from Shapes tool.



Step 2

With Skew rotation option deform him like this.



Step 3

In Layer Options use Gradient Overlay. Replace defaul color (black) with Pantone Orange 021C



Step 4

replace second defaul color (white) with Pantone Warm Red C



Step 5

Open new layer and draw new shape inside of first layer. Put Second layer in front of.



Step 6

In Gradient Option use Foreground to Transparent with white.



Step 7

This is how it look's.



Step 8

Then put layer opacity to 60%



Step 9

Go back to first layer and give Bevel and Emboss like in picture.



Step 10

Now duplicate first layer and color him in black.



Step 11

Put behind of first two layers and make position of him like in picture.



Step 12

Now select first layer.



Step 13

Stay with selection but select third black layer.



Step 14

Press delete. Dont move him, this is only preview of to see what part of layer stay.



Step 15

Now give him gradient overlay with black and gray color. Dont go with lighter gray. Just some 10-20% minus of black.



Step 16

Now duplicate again layer. you can use and third layer to duplicate. Move him like in picture and color him in P Warm Red.



Step 17

Simply thing's give best results. Use ariel rounded font. Tipe text. Color him in black.



Step 18

Next word color in Pantone Orange 021C



Step 19

When we finish with text, open new layer and draw right line below the text.



Step 20

In Filter>Blur use Gausian blur.



Step 21

And we get very professional logo who can be nice element for any web design concept.
In next step you can see one more solution.



Step 22

Finish

Read more...

Create a Flash Web2.0 Icon in 10 Steps

Step 1
Open photoshop > new file > using the Ellipse Tool creates a circle. > Center of the layout.





Step 2

While the circle is selected to go to layers (right side on this screen) > right click on the shape layer, Select blending option.




Step 3
Layer style window opens > under it > Apply Gradient Overlay Effect.



Step 4

We have to put original colors code of icon which I had already (Dark red. #961700 , Red #f60101,Light red #ffd4d4 ) to change it, go to > gradient > click on edit gradient > gradient editor > fill the right side color code to #961700 and left side to #ffd4d4. 20% from the right side , insert new “Color stop” > change color of it as #f60101, that’s it. We get the right color. Click “ok” for close the window. Now we will back on the layer style window > under it, there is “Style” > change the linear to be radial. Then select apply”Stork” > structure > change size to 3 > change color to. #fb7272 click ok for close this windows.





















Step 5

Select Ellipse tool create oval shape . Align it to center top of a circle > make sure the color of circle should be white. While the circle is selected. Go to layers (right side on this screen) > right click on the shape layer.
Select blending option > layer style window opens > under it > apply gradient overlay effect.







Step 6

Under gradient > we have select colors, for that click on edit gradient > gradient editor > presets > select 2nd presets(Foreground to Transparent) >
click ok to close gradient editor window > layer style window is still open > gradient > under it angle > change it to -90 degree > then clicks ok to close.





Step 7

While the oval shape is selected under “Layer” > there is fill on top of it > make that 100%to 0 % .



Step 8

Create a shape of “F” using the Pen tool.



Step 9

After creating F shape > go to layer > while the shape is selected, right click on it . Select blending option > layer style window opens > under it > select stroke > stroke structure > size increase to 7 px > click ok to close it.







Step 10

Go to file menu > save as > name it > change the format to .png > and save it . That’s it.

Read more...