These thing are always optional and you can add whatever shapes, buttons, numbers or text of your liking. Now we are just adding some stylistic elements. 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. Smaller number means fast rotation.Open up a new document in Illustrator and set the color mode to RGB. If your clock runs too fast or slow, please adjust the value named MILLIS_PER_MIN at line 3.If your clock is not stable, check the quality of the power source (USB wall adapter).Stepper motor never breaks by changing orders. If the motor does not run smoothly, or generates noise with weak torque, change the order to find better one.Where the numbers are related to the pins of Arduino nano (D2 - D5). If your motor runs to the wrong direction or generates noise with weak torque, please change the order of the numbers in code as Some motor runs to the opposite direction. From the comments to this thing, I noticed there are some different versions of the stepper motors in the market.If the square shaft of the worm gear is too loose with the square hole of the bevel gear, please use bevel-gear-small-hole.stl.If the engagement of the two bevel gears are too loose, use washer1.stl and washer2.stl to tighten the clearance.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |