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

Design Points n PixelS


    BLOG
    ​SIGN UP

Sign Me Up

INFOGRAPHIC SERIES - VEHICLE ICONS

4/24/2016

4 Comments

 
I love cars, just in case you didn't know. And doing a set of vehicles is fun and it's quite simple. Just a few steps and you can get a car, bus, SUV, 4X4 or truck icon easily. And when I am not teaching or making infographics, I am most likely working on one of my 37 cars. Yes, 37, really. Enjoy!
Picture

Picture
Start with a rounded corner rectangle and fill it with a color.
Picture
Duplicate the original shape inline with the first one.
Picture
Create a new rounded corner rectangle wider that the the 2 "wheels".
Picture
Draw a circle and place it in the horizontal bar, fill the circle with white and duplicate it above the other wheel.

Picture
Draw a rectangle a bit narrow than the horizontal rectangle. Apply a stroke of 14 pt with no fill. 
Picture
Select the top two corners with the Direct Selection Tool and round the corners a little bit. 
Picture
Then select the upper left corner with the Direct Selection Tool, use the RIGHT arrow to move the point in toward the center. Repeat the process with the upper right corner to bring in the corners to form a trapezoid shape.
Picture
Put all the pieces together.

Picture
Darken the fill on the wheels, add a light blue to the upper rectangle to show the window.
Picture
Use the Direct Selection Tool to move the top of the car down to create a sportier look.
Picture
Now you have a sporty car, with a shorter roof.
Picture
You can round the top more, add a smaller set of lights inboard of the larger lights to create a sports car icon. This one I also made the tires to make it look more like a sports car.

Picture
To make the back of the sports car, add rectangles with a white stroke for tail lights.
Picture
To make an SUV or 4X4 look, move the body of the car up, duplicate the main horizontal rectangle and make it half as high. Put a gap between the two horizontal rectangles to show the tires a bit.
Picture
To create a small truck, take the main horizontal rectangle and make it twice as high. Add smaller lights under the main lights. Increase the height of the top. 
Picture
To make the truck a 4X4, move the wheels down to reveal more to create a higher look. 

Picture
To create a mini-van or a smaller delivery truck. Make a taller top, taller main section. Add a rectangle at the bottom and add another light to the set.
Picture
To create a bigger pickup. Select the right half of the truck with the Direct Selection Tool and move everything to the right.
Picture
This makes a wider truck and add a rectangle in the middle for a grill.
Picture
To create the back of the truck, add vertical rectangles for the tail lights. 

Picture
Move the wheels down to create a 4X4 truck icon.
Picture
Create a bus by making the shapes wider, making the top more square. Adding two sets of circles for lights.
Picture
For a bigger truck, add more white rectangles at the bottom, keep the top more square, single lights and a big grill.
Picture
And now you have a great set of vehicle icons to choose from and more to make!
4 Comments
Best Dash Cams link
8/12/2017 11:59:32 pm

Very nice!

Reply
Care Your Car link
12/17/2017 05:36:53 pm

Easy tips, Nice icon, Thanks

Reply
Best Shallow mount Subwoofer 2018 link
3/2/2018 09:34:45 am

Thanks for wonderful info.

Reply
Tara Gill link
4/16/2018 01:49:24 pm

Really! 37 cars. Do you have a favorite?

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