Create a Set of Weather Icons in Adobe Photoshop

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.

Pages: 1 2 3

8 comments on “Create a Set of Weather Icons in Adobe Photoshop”

  1. Thank you Razvan. Nice and clear tutorial. Although I think you should have made it higher-res to begin with since you are using layer styles. Also a lighter background would look better. But nonetheless it is a good tutorial.

Leave a Reply

Your email address will not be published.

cross