The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Learn to Draw a Weather Icon for Your Webpage

Learn to Draw a Weather Icon for Your Webpage


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 Tutorial: Final Result



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Learn to Draw a Weather Icon for Your Webpage"

Captcha