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

Design Points n PixelS


Single Line Icon - Shower Head

3/23/2020

0 Comments

 
Create icons can be made a lot easier when using a Grid. Illustrators grid is easy to set up, your creations can snap to the grid making icon create a quick and easy task. See how easily this abstract shower head icon can be created.
Picture

Picture
Set up the grid structure that will appear behind the artwork. Go to Preferences > Grids & Guides. I use millimeters as they are base10 so easy to create content in units of 10. Set the Guideline every at 10mm. Set the subdivisions as 10.
Picture
To turn the underlying grid on your document, choose View > Show Grid. Choose Snap to Grid so the shapes will snap to the grid automatically.
Picture
Start you creation by creating a rectangle 10 units wide, 2 units high. Below that create a rectangle 6 units wide, 2 units high. Repeat both shapes again. 

Picture
When you see the grid, you will notice that the main guides are a bit bolder and the subdivision are a bit lighter. This gives you a good idea of the block of 10 units and makes it easy to use that as a reference when creating. 
Picture
Create a rectangle 46 units wide, 5 units high. Create another rectangle 46 units wide , 3 units high 2 units down from the upper rectangle. 
Picture
Create "drips" using rectangles that are 2 units wide. Make each one a varied height to create the water drip effect. Start them 2 units in from the edge. 

Picture
Add a 3 unit wide, 2 unit high rectangle at the far left between the two large rectangles. Make the lower large rectangle 50 units wide (2 units longer on each side).
Picture
Select all the shapes and use the Unite mode in the Pathfinder Panel to join them together as one unit. 
Picture
Select the lower edges of the drips with the Direct Selection Tool to activate the Corner Widgets. Pull the corners in to round them. 

Picture
Select the ends of the longest rectangle with the Direct Selection Tool and pull in the Corner Widgets.
Picture
Select upper left and right corners of the largest rectangle with the Direct Selection Tool and pull in the Corner Widgets.
Picture
Select the right end of the inside slit with the Direct Selection Tool and pull in the Corner Widgets.

Picture
Select the top ends of the water drips with the Direct Selection Tool and pull in the Corner Widgets.
Picture
Select the outer ends of the threaded part with the Direct Selection Tool and pull in the Corner Widgets.
Picture
Select the inner ends of the threaded part with the Direct Selection Tool and pull in the Corner Widgets.

Picture
Select the line segment at the right middle and delete the line with the Direct Selection Tool. In the Stroke panel, round (hot dog) the ends of the stroke.
Picture
Add a few circles 2 units x 2 units. Increase the stroke weight and add a color to the stroke. Done!
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