TFT Monitor

Step 1

In this tutorial you will learn how to do a realistic TFT monitor using Illustrator.

Create a new document in Illustrator. To do this, select File > New. Set the document size to 800×600 pixels and the “color mode” to CMYK (use the CMYK color mode for more colors in your color’s swatches in the Swatches Tab). Crate a rectangle on the scene using the Rectangle Tool (M) (you can find it in the Tools Tab; if the Tools Tab is not open, open it using Window > Tools). Set the rectangle color to a light grey like me:

light grey rectangle

Step 2

Draw another rectangle using the same tool and set the rectangle color to a dark grey. The size of the new rectangle should be a little small. Add an “Inner Glow” effect to the new rectangle; select Effects > Stylize > Inner Glow and use the next settings to apply the effect:

inner glow

This is the result after this step:

dark grey rectangle

Step 3

Duplicate the rectangle which you draw and set the color to gradient. To do this select the rectangle color to gradient (in the Swatches Tab) with the next color settings:

gradient settings

Using the Gradient Tool (in the Tools Tab) set the gradient direction like this:

gradient direction

Resize the rectangle to be like this:

resize rectangle

Step 4

Select the first rectangle which you draw it and round the rectangle’s corners using for this Effect > Stylize > Round Corners. Apply this effect using the settings:

round corners

Set the rectangle stroke to a grey a little bit more dark like the rectangle color (the stroke size 0.25pt) and apply the effect Effect > Stylize > Inner Glow with the next settings:


Step 5

Use the step 3 to apply a gradient color to the rectangle which you draw first but this time use these settings for the gradient colors:

gradient colors

And here’s an intermediary result:

intermediary result

Continued on next page…