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

Design Points n PixelS


infographic series - Creating lightbulbs: fluorescent and incandescent

11/19/2015

0 Comments

 
This infographic comes at the request of the students at Georgetown Day School in Washington DC and MIchelle Cobb teaching the infographic class there. And of course having just presented a lecture there, I thought a follow up with a great infographic was a nice way to round out a great day.
Picture
Start with drawing a line in Illustrator. I made this one 30 pts wide and rounded the end caps using the Stroke Panel, and added a color to it as well.
Picture
Selecting the first line, use the OPTION key to click and drag to duplicate the line down from the first line. 
Next, use COMMAND + D to duplicate. It's also under the Object Menu > Transform > Transform Again. I call it duplicate because it duplicates the last move/transform that was last done.
Picture
Using the DIRECT SELECT tool, click on the upper right point of the top line. Move the point down the line until the Smart Guides show that it lines up at the top of the second line. If your Smart Guides are not on, COMMAND + U turns them on.
Picture
Using the last line at the bottom as a reference I copy (select + OPTION + CLICK AND DRAG) the top line and place it over the last line at the bottom, lining it up with the line at the bottom. Then I delete the longer line, this was just used as placement.
Picture
Add a bottom line, colored gray, 8 pts wide and at a 15° angle for the bottom base.
Picture
Select the base gray line, click and drag while holding OPTION to duplicate the line down. Then use COMMAND + D to duplicate that move to get 4 more lines spaced the same distance apart.
Picture
Picture
Draw an oval. Then use the DIRECT SELECTION tool to click on the top point of the ova, then DELETE the point. This will leave you with a half oval shown on the right.
Picture
Then move the half oval into place under the base and you have a fluorescent light bulb icon.
Create an Incandescent Light Bulb Icon
Picture
Draw a circle, hold SHIFT while drawing to get a perfect circle. Fill it with a color
Picture
Picture
Draw a rectangle and fill it with the same color as the circle. Select both the rectangle and the circle, then choose the Align Panel (Windows >Align) and choose the Horizontal Align Centers. This aligns them perfectly on their centers.
Picture
Picture
With both the circle and rectangle selected, click the Unite Shape Mode in the Pathfinder Panel (Window > Pathfinder). 
This combines both shapes into 1 shape.
Picture
Using the DIRECT SELECTION tool, drag over the two point shown highlighted in RED. This will select just the corner points and allow you to adjust the corners only on these two points.
Picture
Pull the corner point widgets away from the corners to get the curve shown here. This gives the opposite curve back to the base.
Picture
Copy the base from the other light bulb, scale it and move it into place under the new light bulb!
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