Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - RAIN WITH CLOUDS

3/13/2016

0 Comments

 
Clouds with rain. Perfect for March weather here in Seattle. This is a tutorial on creating a clouds with some rain. Either light rain or some more moderate rain. 
Picture

Picture
Start with a circle, fill it with a blue suitable for a cloud. 
Picture
Duplicate the circles several times, overlapping them half-way over each other.
Picture
Duplicate 3 of the circle to the top of the "cloud"  
Picture
Use the Pathfinder to Unite all the shapes into one shape. 

Picture
Create a vertical line, using your SHIFT key to draw a straight line. Round the ends, by adding rounded end caps. In this case, it is a 4 pt line.
Picture
With the line drawn, duplicate the line by clicking on the line, the OPTION + DRAG to create a duplicate.
Picture
Once you have duplicated the line once, use COMMAND + D to duplicate the line several times.
Picture
Using the Direct Selection Tool. Select he bottom point of each line, one at a time. Using the UP and DOWN arrows on the key board, move the selected end points up and down to create longer and shorter lines.

Hold SHIFT to move the point up and down at 10X the normal up/down increments.

Picture
Here is the "rain" drips all done, pulled to different lengths.
Picture
Select all the rain lines, and select the Shear Tool in the Tool Bar. Hold COMMAND and then CLICK on the upper left corner. This will locate the Shear "pivot"  location AND bring up the dialog box.
Picture
Choose the amount of Shear you want to shear the rain to create a slanted rain look.
Picture
This is a 20° shear to create the rain effect.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022