Her

Home Photoshop Tutorials Drawing Techniques Learn to Draw a Weather Icon for Your Webpage

Learn to Draw a Weather Icon for Your Webpage

Author: YourPhotoshopGuide.com Author's URL: www.yourphotoshopguide.com More by this author

Select this autoshape :

image 1

Drag the shape in the canvas as shown:

image 2

Apply these layer styles in it:

image 3

image 4

Image after applying above layer styles :

image 5

Control+click on its layer name in layer palette to select the layer. Go to Select>Modify>Contract and contract it 2 pixels. Create a new layer and fill the selection with white :

image 6

Select high feathered eraser tool and erase the part of the layer as shown:

image 7

Now, draw this circle with ellipse tool :

image 8

Draw another small white color circle in the middle of the black circle :

image 9

Again erase the lower part of the white colored circle. This will give the glossy effect to the eye :)

image 10

Group and merge two eye layers. Duplicate and place the eye layer as shown:

image 11

Now, select Ellipse tool, but click on Path. Draw a path with it as shown:

image 12

Set the foreground color to stroke color i.e. #3250AA. Set the brush size to 4 pixels. Create a new layer and right click on the path. Select stroke path and choose brush. It will give stroke or outline to the path as shown in the following figure :

image 13

Select Rectangular marquee tool and draw a selection as shown.

image 14

Press delete. You have a smiling cloud :)

image 15

Select Ellipse tool again. Draw a #FFBC01 colored circle behind the clouds as shown:

image 16

Add #FE7E01 colored 3 point stroke in it:

image 17

Again, draw a white color smaller circle in the sun layer as shown:

image 18

Use high feather eraser tool to erase the part as shown:

image 19

Now, draw some #F79C06 colored lines to complete the icon :)

Learn to Draw a Weather Icon for Your Webpage