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

Design Points n PixelS


INFOGRAPHIC SERIES - Chainsaw

11/11/2018

2 Comments

 
Chainsaw! Why not? Not something you see or use everyday but there are some cool tricks with this one, including text on a path to create the teeth of the chain. Simple, yes and easy to build. 
Picture

Picture
Start with a rectangle, filled with a color, no stroke. Use the corner widgets to round the corners slightly. 
Picture
Add a rectangle to the right, shorter than the first.
Picture
Use the Direct Selection Tool to select the upper right corner of the second shape and move the point down.

Picture
Select the shape with the Selection Tool and choose Object> Path> Offset Path. Set the offset to a negative number to create a smaller shape inside the shape. 
Picture
Picture
Select both of the main shapes. Select the Shape Builder Tool (SHIFT + M)​, drag the tool across the two selected shapes to merge them together. 
You can also use the Pathfinder Unite mode to get the same results. 
Picture
Use the Direct Selection Tool to select the two point at the the far right of the combined shape to highlight the the corner widgets and pull them in to the center to round the corners. 

Picture
Use the Direct Selection Tool to select the two point at the the far right of the offset shape to highlight the the corner widgets and pull them in to the center to round the corners. ​
Picture
Draw a rectangle over the offset shape. Select both shapes and choose the Pathfinder Minus Front mode. 
Picture
This is the result. of the Minus Front mode. 

Picture
Select both shapes and use the Pathfinder Exclude mode to knock out the shape to create the handle. 
Picture
Draw a rectangle for the bar that the chain goes around. 
​Send the bar to the back. Object> Arrange> Send To Back. 
Picture
Use the Direct Selection Tool to select the two point at the the far left of the shape to highlight the the corner widgets and pull them in to the center to round the corners fully. 

Picture
Add a circle to the body. Copy the bar, flip it and fill it with a darker color and place it over the bar. 
Picture
Select the circle and body. Use the Shape Builder Tool and hold OPTION to turn the tool into minus mode, then click on the lower part of the circle to remove the excess part of the shape. 
Picture
Select the circle, use the Object> Path> Offset Path to make a smaller shape inside. Fill it with a darker color. 
Picture
Copy and paste the bar. Select the Type on a Path Tool and click on the path of the bar to activate the type on a path. 

Picture
To get the teeth for the saw, I use a font. To explore the optional character fonts have, choose Type> Glyphs. The Glyphs panel allows selection of a font showing all the options. I chose Wingdings 2 that has half circle bumps. 
Picture
Double click on the "character" in the Glyphs panel with the type on a path is selected to display the font on the path. Copy and pasted until the line is filled. OPTION + RIGHT ARROW will kern the characters with more spacing. SHIFT + OPTION + DOWN ARROW will baseline shift the characters down to the baseline. 
Picture
Move the bar with the type and send it to the back behind the bar.

Picture
Draw a triangle with the Polygon Tool.
Picture
Pull the triangle taller. Round the corners with the Corner Widgets. 
Picture
Move it behind the handle, rotate it to make it look like a trigger handle. 

Picture
Select both shapes. Select the Shape Builder Tool​, drag the tool across the two selected shapes to merge them together. 
You can also use the Pathfinder Unite mode to get the same results. ​
Picture
Using the Direct Selection Tool, select all but the bottom two points and pull the corner widgets in slightly to round the edges. 
Picture
Move the handle to the case by the handle. 

Picture
• Add a dark circle at the end of the bar.
• Add two hexagons at the base of the bar where it bolts to the body.
• Add lines on the body for vents, round (hot dog) the ends. 
• Add a darker oval under the handle to anchor it to the case. 
Picture
Draw two line, one at an angle coming off the body, the other vertical at the end point of the angle line. This is the safety bar. 

Picture
Repeat the process for the main grab handle, making the lines weights heavier. 
Picture
Add heavy, darker outlines to the body shapes, bar, trigger. On the body, bar and internal circles, set the stroke to be in the INISDE of the shape in the Stroke Panel

Picture
To add outlines to the safety bar and handle, select both line and join them using COMMAND + J or Object> Path> Join
Picture
Repeat those same steps with the main handle to join them together. 

Picture
Select both shape and convert the strokes to outlines using Object> Path> Outline Stroke. 
Picture
Add a darker heavier stroke to the handles and set the stroke to be on the OUTSIDE of the shape )in the Stroke Panel) so the fills don't get choked. You are done! Nice job, you just created a chainsaw icon.  
2 Comments
Tools Detail link
10/15/2022 10:16:52 am

I'm glad I found this article! Not only is the information helpful, but it's also practical with the included images. After reading it, I learned many things I can apply to my project. Keep up the excellent work!

Reply
Afsana link
11/8/2022 06:02:21 am

I'm glad I found this article! Not only is the information helpful, but it's also practical, with the included images. After reading it, I learned many things I can apply to my project. Keep up the excellent work!

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