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

Design Points n PixelS


INFOGRAPHIC SERIES - THERMOMETER

4/17/2016

0 Comments

 
It is starting to feel like summer early. So lets make a thermometer to show the rising temps.
Picture

Picture
Start with a circle, fill it with a gray, no stroke. 
Picture
Create a rounded rectangle to form the body of the thermometer.
Picture
Select both shapes with the Selection Tool and use the Unite feature in the Pathfinder Panel to create one shape.
Picture
Swap the fill for the stroke and set the stroke to 12 pt weight.

Picture
Select the outlined shape, then choose Object > Path > Offset path. Set the path in (negative number) to create a second shape.
Picture
Swap the stroke for the fill in the new offset shape.
Picture
Draw a line, 4 pt weight. 
Picture
Round the ends of the line using the Stroke Panel to cap the end. I call it HotDogging since it makes it look like a hot dog! I should trademark that. HotDogging™

Picture
OPTION + CLICK and DRAG the line once, then use COMMAND + D to duplicate the line several times.
Picture
Change the color of the lines to white. 
Picture
Choose Object > Path > Outline Stroke. Then Object > Compound Path > Make. This will make all the "pills" act as one shape.
Picture
Then select the center gray image and use the Pathfinder Panel to Minus Front and subtract eh "pills" from the center of the thermometer.

Picture
Select the center section of the thermometer. At the bottom of the tool bar, select the Draw Inside Mode (far right option)
Picture
Draw Inside Mode shows the section with dotted edges or "clipping". This is really a clipping mask just made easier to use.
Picture
With the center object selected and the Draw Inside Mode active, draw a box and fill it with red. Then click back to Normal Draw mode. (Left icon of the Draw icons at the bottom of the tool bar.
Picture
Use the Arc Tool to draw a quarter circle at the bottom. White stroke.

Picture
Round the ends of the line using the Stroke Panel. (Hot Dogging the ends)
Picture
And there you have your final thermometer. Have fun and share it!
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