Step 6

Draw a small rectangle for the monitor’s buttons. Use a very light grey for the rectangle color and a little bit more dark for the stroke. Now draw small rectangles on top of this rectangle with a white background color and the same grey stroke:

Step 7

Now, let’s go further with the rest of the monitor’s pieces.
Make another rectangle on the monitor’s base. Center it with the flat display rectangle and set the color rectangle to grey. Transform the rectangle’s perspective, use the effect Effect > Distort & Transform > Free Distort. In the new window which appears drag the bottom rectangle’s corners like here:

This rectangle must be on the back of the stage (select it, right click and Arrange > Send to Back).
And another intermediary result:

Duplicate the rectangle set the color a dark grey apply the Effect > Stylize > Feather (use the “Feather Radius” 14) and resize the rectangle size like here:

Step 8

Draw another rectangle to make the base of the monitor. Add some perspective using Effect > Distort & Transform > Free Distort. Set the color to black and add “Inner Glow”. Set the opacity to 65% and duplicate it. Adjust the new rectangle size and change the opacity to 100% (in the Transparency Tab).
Now select the monitor’s pieces but not the leg elements and add some kind of perspective. Go to step 7 and see there how to apply the perspective.
After this, the result should be:

Step 9

Draw another rectangle on the monitor’s base to add more perspective:

And you have a TFT Display for your graphics. You can use Adobe Photoshop to add more realistic look to the monitor:

Pages: 1 2

Filed under Illustrator Tutorials

Tags: illustrator, adobe, illustrator+tutorials, graphics, design, tutorials