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

Design Points n PixelS


INFOGRAPHIC SERIES - Fire Hydrant

4/9/2018

2 Comments

 
Create a fun fire hydrant icon with a dramatic shadow. 
Picture

Picture
Start the body with a red rectangle. 
Picture
Use the Direct Selection Tool to select the top corners, and pull the corner widgets in toward the center. 
Picture
Create a rectangle at the base. Fill with a darker red. 
Picture
Use the Direct Selection Tool to select the corners, and pull the corner widgets in toward the center. 

Picture
Duplicate the base rectangle at the base of the arc. 
Picture
Add darker rectangle, one on each side. 
Picture
Create a circle in the middle of the base. Add a darker circle inside this circle. 

Picture
Draw a rectangle. Use the Direct Selection Tool to select the corners, and pull the corner widgets in toward the center to round the ends. 
Picture
Copy the shape. Click on the Draw Inside Mode at the bottom of the Tool Bar. Paste the shape, change the color and move it to the right. Click on the Draw Normal mode when complete.
Picture
Duplicate these shapes across the face for ridges. Add a hex shape using the Polygon Tool. Fill it with gray. 

Picture
Add a gray rectangle to the side rectangles.
Picture
Duplicate the shape, make it half as tall, fill it with a darker gray and place it over the light gray rectangle. Group the two gray rectangle together. 
Picture
Duplicate the gray rectangle and put on on top, and one on the other side of the hydrant.

Picture
Select the entire hydrant and duplicate it. Use the Pathfinder Unite Mode to create a solid shape. Fill it with gray. 
Picture
Draw a rectangle over half of the shape. Select both shapes and use the Pathfinder Minus Front Mode. 
Picture
This will leave you with half the hydrant. 

Picture
In the Control Bar, click on the Opacity Link, open the Opacity window and set the Mode from Normal to Multiply, and the opacity at 50%. 
Picture
Place it over the left side of the hydrant and you are done! Fire hydrant with a darker shadow on the side. 
2 Comments
buy essays online australia link
4/20/2018 05:11:05 am

i am looking for some great links similar to these by the same author, if anyone have anything to share kindly please do. i want to explore more about this author.

Reply
lee
6/7/2021 02:00:58 pm

buy his book, I did. or check out his courses on creative live. I think he's one of the founder

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