tutorial iconTFT Monitor - page 2 of 2

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:

rectangle distort

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

intermediary result1

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:

intermediary result2

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:

intermediary result3

Step 9

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

intermediary result4

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

photoshop final result

Pages: 1 2

Filed under Illustrator Tutorials

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































Copyright DesignTutorials.info 2005 | Contact | Privacy Policy