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

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

wi_7
wi_7a
wi_7b
wi_7c
wi_7d
wi_7e
wi_7f

Step 8

Now select the "Sun" vector shape and place it as shown in the image below.

wi_8

Step 9

Select your "Cloud" and "Sun" vector shapes and duplicate them using the Control + J keyboard shortcut.

Look into the Layers panel and make sure that the "Sun" copy is below the "Cloud" copy.

Now, select these copies one by one, focus on your canvas and place the copies as you can see below.

wi_9

Step 10

Make a new copy of your "Cloud" vector shape and place it as shown in the next image.

Look into the Layers panel and rename this new copy "RainyCloud".

wi_10

Step 11

To ease your work, you must change the grid to every 1px. Go to to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box.

Switch the foreground color with #57DAFF, concentrate on the "RainyCloud" vector shape and use the Ellipse Tool to create a 4x4px circle.

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.

Pages: 1 2 3 4

Luminar: AI Photo Editing
Sponsored

Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.

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. Required fields are marked *

cross