Create a Set of Weather Icons in Adobe Photoshop

Create a Set of Weather Icons in Adobe Photoshop

Create a Set of Weather Icons in Adobe Photoshop

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.

Return to your moon vector shape, right click and go to Paste Layer Style.

wi_27

Step 28

Duplicate (Control + J) your moon vector shape and place it as shown in the image below.

Pages: 1 2 3 4

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

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