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.
Tutorial Details
- Program: Adobe Photoshop CC
- Estimated Completion Time: 45 minutes
- Difficulty: Beginner-Intermediate
Step 1
Create a 600x600px document, go to View > Show > Grid to enable the Grid and then go to View > Snap To > Grid to enable the Snap to Grid. Hit Control + K to open the Preferences, go to Guides, Grid & Slices and enter the settings mentioned in the next image. The grid will make it easier for you to create the shapes.
Step 2
Concentrate on your Toolbar, fill the foreground color with #02C0D1 and select the Paint Bucket Tool. Move to your canvas and click there to change the background color.
Step 3
Change the foreground color to #FFFFFF and using the Ellipse Tool create 4 circles: 30x30px, 30x30px,35x35px, 20x20px. Place them as you can see below. Tip: Hold the Shift button from your keyboard to create a perfect circle.
Step 4
Use the Rectangle Tool to create a 15x35px vector shape and place it as shown in the image below. Look inside the Layers panel, select the vector shape made in this step with the vectors shapes made in the previous step, right click on one of these shapes and click on Merge Shapes.
Step 5
Look inside the Layers panel, double click on the name of the vector shape made in the previous step and rename it "Cloud". Now, double click on this vector shape to open the Layer Style window and enter the settings mentioned in the next images. In the end, place this cloud in the upper left corner of your canvas, approximately as shown in the last image of this step.
Step 6
Change the foreground color with #FCD524 and use the Ellipse Tool to create a 35x35 px circle.
Step 7
Rename the yellow vector shape made in previous step "Sun". Go to the Layer Style window for this vector shape and enter the settings mentioned in the next images.
Step 8
Now select the "Sun" vector shape and place it as shown in the image below.
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.
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".
8 comments on “Create a Set of Weather Icons in Adobe Photoshop”
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.
Cool!!!
gr8 m8 i r8 it 8/8
Thank U
Very easy tutorial.
Nice work
Great job.. if you were a preschooler
Very good tutorial!!!
Nice tutorial, well done.
NICE!!!