![]() Step 8: Small Details Can Make a Big Difference This effect will give the clock face the needed inset look. Select the inner rectangle and add an Inner Glow (Effect > Stylize > Inner Glow). Now we will add an effect to bring the clock instantly to life. ![]() Next, select the inner rectangle (the clock face base shape), add a light gray stroke, and then set the fill to the same gradient as in the previous step. Step 6: Create the Clock Face’s Background Then, fill it with a dark teak to light teak color. Cut away a big part of the top-you can do so by either using the Eraser Tool (Shift + E) or the Scissors Tool (C). Make a copy of the inner rectangle on top by copying it (Cmd/Ctrl + C) and then using the Paste in Front command (Cmd/Ctrl + F). Here is our digital clock icon thus far with all the gradients. Here’s the highlight for the top-right corner. As you can see, our clock is already coming to life.įor the corners, create small, semi-rounded shapes and fill them with a gradient. And then create another highlight at the bottom. By placing the gradient highlight towards the top and blending into the black color of the frame towards the bottom, the shape will look like it bevels outwards.Ĭreate a similar shape for the top part of the framework and also give it a linear gradient. Fill the shape with a black/gray linear gradient with the Gradient Tool (G), oriented vertically. Leave a small gap between the edge of the rectangle and don’t overlap into the smaller inner (clock face) rectangle. Select the Pen Tool (P) and draw a similar shape for the highlight on the left side of the frame. Now, I will show you how a few simple shapes created with the Pen Tool (P) can add a 3D look. ![]() This is the framework (or base shape) for the digital clock: the outer/bigger shape is the frame and the inner/smaller shape is the clock face. Now that we have created two rounded rectangles (one smaller than the other) we can fill them both with black. Afterwards, expand the appearance again ( Object > Expand Appearance). Once that is done, ungroup the two shapes (Cmd/Ctrl + Shift + G), select the smaller inner rectangle and apply another round corner effect with the Radius of 5 pt. This will proportionally shrink the rectangle. To do so, go to Object > Path > Offset Path and enter a negative number (-25pt). Select the rounded corner shape and apply an Offset Path to it. We want them to be expanded, so go to Object > Expand Appearance. Step 2: An Easy Way to Apply Rounded Corners With the rectangle still selected, apply some rounded corners (20 pt) by going to Effect > Stylize > Rounded Corners. Then select the Rectangle Tool (M) and draw a rectangle with width of 346 pt and height of 237 pt. Open up a new document in Illustrator and set the color mode to RGB.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |