Illustrator design high-light alarm clock production course

Source: Internet
Author: User
To give you illustrator software users to detailed analysis to share the design of the high light alarm clock production tutorial.
Tutorial Sharing:
Step 1 Create a new document and draw a positive circle

Step 2 Use the gradient tool and change the first color block to gray, and the second to dark gray. Pull out vertically as shown at the end of the chart.

Step 3 Select the Ellipse and execute the object > Path > Path offset command to change the parameters as shown.

Step 4 Select the offset ellipse and adjust the gradient panel. Each color block color as shown.
This step is to make a high light effect.

Step 5 Select just the ellipse and execute the object > Path offset command, the parameters are modified as shown below

Step 6 fills an ellipse and changes the first color block to white and the second to Gray.

Step 7 selects the topmost ellipse and executes the object path > Path offset command, as shown in the figure.
Change the first color block to dark gray and the second to dark gray. The following figure.

Step 8 at the moment, select the topmost ellipse and execute the object path to offset the path command and change the offset parameter to -5px, changing the fill type to radial in the gradient panel. and set the gray block range to 87%.

Step 9 uses a line tool to draw a 15px line, such as the position of the diagram, and hold down SHIFT + ALT to vertically copy a line to the symmetrical position at the other end of the ellipse.
Finally, two lines are made into one group.

Step 10 Select the line group you just edited and perform the special Effects > Transformations & Transformations > Conversion command to change the parameters in the Conversion dialog box as shown below.
Then execute the menu command object > extension to separate the resulting objects that you just converted.

Step 11 first change the stroke color of the line is bright gray then select menu Command object > Undo Group, then select 12, 9, 3, 6 but the line jumps and remove them.

Step 12 Use the Type tool to enter the corresponding points in the 4 point species direction that you just deleted. and adjust the position of the objects appropriately so that they align to 4 directional points.

Step 13 Select the smallest ellipse and execute the object > Path > Path offset command, change the offset value to -105px in the pop-up dialog box

Step 14 at this point, we need to check the View "Smart Guide." Draw a small ellipse like the figure and adjust the stroke to 7pt and click the round Head endpoint icon in the Stroke panel. Then select the Ellipse execution object in the diagram to arrange the post

Step 15 on the other end of the line draw an hour hand, width 12pt, and change the stroke to gray.

Step 16 to create a small ellipse, repeat the above method. and change the stroke color to red, width is 3pt. Put it under the first two small ellipses

Step 17 copies three lines, at which point the copied line is still selected, we perform the object > path > Contour Stroke, and then change the position of the three jumpers to make them look like the shadow of the pointer, and change the color of the line to light gray.

Step 18 selects the topmost ellipse, copies it, and then uses the Pen tool to outline an ellipse and uses the subtraction of the path finder to get the shape of the crescent moon, as shown in the following diagram.

Step 19 changes the crescent shape's gradient effect, the color block first is white, and the second is gray.
The next step is to set white transparency to 0%.

Step 20 always do almost, the following is to highlight his stereo effect.
First, create a 55px positive circle and fill the ellipse with the radial. Add two color blocks to the radial, at which point the total color block is 4.
Change the color of the first color to white, the second to Gray, the third to dark Gray, and the fourth to Gray (same as the second).
Then use the gradient tool to pull out a 45-degree gradient by clicking on the left hand side of the ellipse

Step 21 Moves the small ellipse you just made to the lowest level (Ctrl + Shift + [)).

Step 22 copies the small ellipse that you just made (the position and the first small ellipse overlap), and then hold down Shift + ALT to move the alarm this big oval to make it and the small copy out of the little ellipse have 4px The intersection of the left and right. Then change the selection of two shapes and select the intersection set in the Pathfinder. Fills the new shape with gray and changes the layer mode to the front stack in the transparency panel.
This is the shadow of the alarm clock that appears above the small ellipse.
At this point we need to change the transparency according to our own vision to make him look more natural.

Step 23 Copies the freshly made ball and the shadow above him, executes the object > Transform > Symmetry and selects the level in the pop-up dialog box, then copies the resulting ball to the right side of the alarm and the symmetry on the left.

Step 24 uses the Rectangle tool to create a rectangle of 10px width and 50px height.
Then in the gradient panel, change the first color block to bright gray, the second to Gray, the third to dark Gray, and the fourth to Gray. (same as the second one)

Step 25 creates another rectangle with a width of 15px and a height of 20px.
Perform special effects > Styling > Rounded corners, and set the fillet value to 10px in the pop-up dialog box.
Then in the gradient panel, change the first color block to bright gray, the second to Gray, the third to dark Gray, and the fourth to Gray. (same as the second one)
and use the gradient tool to vertically drag the effect of the following diagram.

Step 26 aligns the rectangle to the middle of the rounded rectangle. Then move the two shapes above the alarm and perform the object > Arrange > Post.

Step 27 Creates a rectangle with 110px width and 80px height. Perform special effects > Styling > Rounded corners, and change the angle value to 30px in the pop-up dialog box. Execute object > Extended appearance
This creates another rectangle and allows the rectangle to circle the lower part of the rounded rectangle.
Select two shapes and click the Subtract button within the path Finder.
Then in the gradient panel, change the first color block to bright gray, the second to Gray, the third to dark Gray, and the fourth to Gray. (same as the second one)
Vertically fills a gradient to the new shape.

Step 28 Copies a new alarm graph (the one just made). Then copy the two alarm graphics and press ALT to adjust the width so that the two new copies come out as shown below. Then execute the Subtract button in the Pathfinder. Change the fill graphic to white and make it transparent to 15%.

Step 29 Select the alarm and copy the new graphics again, press ALT to narrow it down to the middle of the alarm, and the width looks like a 16 minute 1 of the alarm graph.
Fill this small shape with a light gray and change the layer mode to multiply on the transparency panel.

Step 30 creates a 20px positive circle that fills a graphic with the same gradient.
Then in the gradient panel, change the first color block to bright gray, the second to Gray, the third to dark Gray, and the fourth to Gray. (same as the second one)
Vertically fills a gradient to the new shape.

Step 31 creates a rectangle with a 8px width and 45px height. Fills a linear gradient.
Then in the gradient panel, change the first color block to bright gray, the second to Gray, the third to dark Gray, and the fourth to Gray. (same as the second one)
Vertically fills a gradient to the new shape.

Step 32 Select All Alarm graphics and double-click the Rotate tool to set the angle value to 30 in the pop-up dialog box. (The tutorial does not say group, I personally think the group easier to control)
Put this figure on the top left of the alarm clock.

Step 33 copies a new alarm and executes the object > Transform > Symmetric command, selecting the level in the pop-up dialog box. Copy the result graph to the right end of the alarm and the left alarm.

Step 34 is almost finished Wow quack ... but we need him three-dimensional must give him the shadow. Oh, fairy. Let's create a 200px positive circle.
The first color block is white in the gradient panel and the second is gray. and change the gradient type to radial. Layer mode is a positive overlay.
Moving the Xinzheng round to the alarm clock and adjusting the height properly makes him look like the shadow of the alarm clock.

Step 35 copies a new shadow. and shrink it appropriately, as if it were the shadow of the small ball on either side of the shadow.
Then copy a shadow that has been adjusted to look like a small ball shadow ... =_=|| To the right side of the ball below.

Step 36 now use the handy tool to pull out a radial gradient background, and you can pull out a background that best fits the alarm.
The authors recommend white and Gray.

The effect picture comes out, is it very simple? Especially the final background makes him look great!
Now! let's give him a logo on his own. Thank God, Jesus, Athena.

Well, the above information is small set to you illustrator this software users of the detailed design of the high light alarm clock production tutorials to share the full content of the You see the users here, small series believe that you see here is very clear to draw a tutorial it, Then everyone is going to try to draw it yourself.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.