DrawingPhotoshop TutorialsUpdated

Create a Set of Weather Icons in Adobe Photoshop

Place it as shown below.

wi_11

Step 12

Make sure that the vector shape made in the previous step is still selected and pick the Direct Selection Tool.

Select the top anchor point and press the Up arrow button from your keyboard twice.

Return to the Layers panel and rename the vector shape edited in this step “WaterDrop”.

wi_12

wi_12a

Step 13

Duplicate (Control + J) your “WaterDrop” vector shape and spread the copies as shown in the next image.

wi_13

Step 14

Look into the Layers panel, select one of your “WaterDrop” vector shape and then open the Layer Stylewindow to enter the settings shown in the next images.

Right click on this vector shape and go to Copy Layer Style then select all “WaterDrop” and go to Paste Layer Style.

wi_14

wi_14a wi_14b wi_14c wi_14d

wi_14e

Step 15

Make a new copy of your “Cloud” vector shape, rename it “SnowyCloud” and place it like in the image below.

wi_15

Step 16

Concentrate on your “SnowyCloud” vector shape, change the foreground color to #FFFFFF and select theEllipse Tool.

Create a 5x5px circle and place it as shown in the image.

wi_16

Step 17

Select the Rounded Rectangle Tool and set the Radius at 1px from the top bar.

Next go to your canvas, create 1x3px vector shape and place it exactly as shown in the first image.

Duplicate (Control + J) this vector shape and place the copy exactly as shown in the second image.

wi_17

wi_17a

Step 18

Look inside the Layers panel, select the vectors shapes made in the previous step, right click on one of these shapes and go to Merge Shapes.

Duplicate this new vector shape, make sure that the copy is selected and hit Control + T.

Rotate your shape 45 degrees and then hit Enter. Repeat this technique twice.

Tip: Hold the Shift button from your keyboard to perfectly rotate your selection.

wi_18

wi_18a

wi_18b

Step 19

Select the vector shapes that make up your snow flake and go to Merge Shapes.

Open the Layer Style window for this vector shape and enter the settings mentioned in the next images.

wi_19

wi_19a wi_19b wi_19c wi_19d

Step 20

Duplicate the vector shape made in the previous step and place the copy as shown in the image below.

wi_20

Step 21

Make a new copy of your “Cloud” vector shape, rename it to “StormyCloud” and place it as as you can see in the image.

wi_21

Step 22

Look inside the Layers panel, select one of your “WaterDrop” vector shapes an make two copies.

Select these copies one by one, focus on your “StormyCloud” and place them as shown below.

wi_22

Step 23

Change the foreground to #FFDF45 and using the Pen Tool create the vector shape that you can see in the image below( follow the numbers and try to use the grid as a reference ).

wi_23

Step 24

Bring on the Layer Style window for the vector shape that makes up your lightning and enter the settings mentioned in the next images.

wi_24 wi_24a wi_24b wi_24c wi_24d wi_24e

Step 25

Change the foreground color to #FFFFFF, take the Ellipse Tool and move to your canvas.

Create a 36 x36 px circle and a 30 x30 px circle. Make sure that these new vector shapes are placed as shown below.

wi_25

Step 26

Make sure that the circles made in the previous step are still selected and go to Merge Shapes.

Pick the Path Selection Tool, click inside on the small circle (30 x30), focus on the top bar and select Subtract Front Shape.

wi_26

Step 27

Look inside the Layers panel, select the “Cloud” vector shape, hit right click and go to Copy Layer Style.

Related posts
DownloadsPhotoshop ActionsUpdated

Create Double Exposures with These Photoshop Actions

Photo ManipulationPhotoshop TutorialsUpdated

How to Create an Infernal Scene in Photoshop

DrawingPhotoshop TutorialsUpdated

Quick Tip: Easily Add Cartoon Color and Shading to Lineart

Photo ManipulationPhotoshop TutorialsUpdated

How to Create an Amazing Watercolor Artwork in Photoshop

8 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).