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

Design Points n PixelS


INFOGRAPHIC SERIES - Robot

10/16/2017

0 Comments

 
This looks like a complex robot but to build it is entirely easy and fun. Add come of your own touches to create a unique mechanical robot in just a few minutes. Simple tricks in here to create shadows and highlights will have you adding these to all your creations.
Picture

Picture
Create a rectangle for the body.
Picture
Use the Corner Widgets to round the corners. 
Picture
Create a rectangle for the neck.
Picture
Create a Square for the head and use the Corner Widgets to round the corners.

Picture
Draw a line on top of the head. Use the Stroke Panel to add a small dot to the end of the line.
Picture
Picture
Add lines to the antenna on top the head. Round the ends of the lines in the Stroke Panel. 
Picture
Add 2 circles for eyes and a rectangle with rounded corners.

Picture
Draw white lines over the mouth. Group all the lines and CUT the lines. 
Picture
Select the mouth and choose the Draw Inside Mode at the bottom of the Tool Bar. Paste the lines and move them into position. 
Picture
Click on the Draw Normal mode at the bottom of the Tool Bar when done. 
Picture
Add small rectangles for ears. 

Picture
Add rectangles for the arm joints. 
Picture
Add larger rectangles for the arms.
Picture
Add smaller rectangles for the fore arms.
Picture
Draw a circle for the hands. Grab the Angle Widget off the right side of the circle and move it 90°.

Picture
Or use the Transform Panel to set the Angle Widget to 90° on the panel.
Picture
Place a smaller circle over the 3/4 circle. Select both and use the Pathfinder Minus Front Command.
Picture
Here is the hand.

Picture
Rotate the hands into position. 

Picture
Duplicate the upper arms and use them for the legs. 
Picture
Add a stroke to the hands, set the stroke to the OUTSIDE in the stroke panel. 
Picture
Create a rectangle and round the corners to the max amount to create wheels.
Picture
Add some interesting components to the center of the robot. The wavy line is a line with the Zig-Zag effect on it with smooth corners. 

Picture
Add some color to the center components. 
Picture
Add color to the neck, arm sockets and the wheels. I added another white circle to the eyes.
Picture
I added 15% gray to the body parts, 30% gray to the forearms. 

Picture
To add shadows to the body parts, create a rectangle with a 60% gray fill and 30% opacity. Copy the "shadow"
Picture
Select the arm and choose the Draw Inside Mode at the bottom of the Tool Bar. 
Picture
Paste the shadow and move it into position. ​Click on the Draw Normal mode at the bottom of the Tool Bar when done. 

Picture
Picture
Repeat the shadow process on the tops of all the body parts; head, arms, legs, neck. I added shadows to the interior components and the bottoms of the wheels. 
Create lines with "hot dog ends" (rounded ends) and place them on one side of the body parts for highlights. Duplicate them and change the length to create long and short highlights. You have done a great job!
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