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

Design Points n PixelS


INFOGRAPHIC SERIES - Lawn Sprinkler

7/10/2017

1 Comment

 
Playing in a lawn sprinkler is nothing but fun. Creating one is fun too! Learn a few cool tricks to making the water look like dots or flowing water streams in this tutorial. 
Picture
Picture

Picture
Create an Arc with the Arc Tool. Hold SHIFT to create a perfect 1/4 arc. 
Picture
Change the color of the stroke to blue and cap the ends of the stroke in the Stroke Panel.
Picture
Select the Arc and RIGHT + CLICK on it. Choose Transform>Reflect
Picture
Reflect the arc on the vertical axis and click COPY.

Picture
Place the 2 arcs apart to allow for other arcs in between. Use the BLEND TOOL and click on the first Arc, then the second Arc. 
Picture
Double click on the Blend Tool in the tool bar to open the dialog box. Select Specified Steps from the drop-down menu. 
Picture
Click the Preview button to see the results then increase the number of steps.
Picture
This is the result of the blend tool blending both shapes. Keep in mind that these lines in between are an effect, not real lines yet.

Picture
To turn the Blend Effect into lines, choose Object>Expand. Then click OK. 
Picture
Once these have been expanded, all the lines will now be editable.
Picture
To change the length of the water streams, open the Stroke Panel, click on Dashed Line, then add random lengths of gaps and strokes in the lines
Picture
This is the result of the random length strokes and lines. 

Picture
Use the Direct Selection Tool to increase the heights of the lines to get more of a crown-look to the water. 
Picture
To create the base, start with a rectangle. 
Picture
Direct-Select the top 2 corners and pull the corner widgets in a small amount. 
Picture
Create another wider rectangle for the base. 

Picture
Select both shapes, and Unite the shapes in the Pathfinder Panel.
Picture
Group the water spray together then create a rectangle over the water sprays. Make sure the box cuts off the bottom edge of the water to give it a flat edge. 
Picture
Select both the box and the water spray then choose Object>Clipping Mask>Make. Or COMMAND + 7. This will clip the water and give the appearance of the flat bottom. 

Picture
Add some highlight lines to the base, I added a few dots to give it a reflective look. 
Picture
Select the base shape, click on the Draw Inside button at the bottom right of the Tool Bar. 
Picture
Create a rectangle that is darker that covers about 1/2 the base. Then click the Draw Normal button at the bottom left of the Tool Bar to exit this mode. 

Picture
One trick to get perfect round dots on a line is this tip here. Create a line with rounded end caps, then used the Dashed line feature. set the dash length to ZERO. 
Picture
Dotted line are lines with ZERO length and rounded ends. Basically it is 2 rounded ends together with no length that give you a dotted line.
Picture
Either way, the lines look like a fun time with the water spraying. Enjoy!
1 Comment
Sara Rosinsky link
7/22/2019 09:15:57 am

Thanks for this. Lots of good little lessons in there, and the writing is nice and clear. Just what I need!

Reply



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