Illustrator to create a three-dimensional style of Apple style icon tutorial

Source: Internet
Author: User
To give you illustratror software users to detailed analysis to share the creation of the Apple style icon Stereo style tutorial.
Tutorial Sharing:
Select the Wrench shape, execute the Illustrator object > Path > Offset path command, eject the Offset Path dialog box, and enter a value of 0.4. (Note:-0.4 of the value is only based on the size of the shape, the offset path command can only calculate absolute value, but not the relative value, hope to be able to update in the CS3 version, so everyone in the use of this command, to try the appropriate size to do. )

Click the "OK" button to get a shape similar to the outer contour.

Select two shapes and use the Illustrator Cutter tool to cut the shape off the end of the shape's wrench head, and be careful not to cut to the wrench head.

This shape will be divided into two sections. You can temporarily turn off the upper-smaller shape on the illustrator layer palette.

Select the two outer outlines at the same time, and click the Gradient button at the bottom of the toolbox.

Use the gradient tool to drag from top down, while dragging to notice the change in the gradient.

In the gradient palette, move the left side of the slider phase center position

And a dark gray in the color palette.

Click on the left margin of the gradient palette to automatically add a gradient slider.

and change the slider's color to light gray.

You can then use the gradient tool to change the orientation and position of the gradient.

Display the hidden shapes again in the Layer palette and select the wrench head points

Apply the gradient you just created, just change the direction of the gradient.

Similarly, the handle part is changed in the direction of the gradient

Look at the overall effect

2 Select the shape inside the wrench head, execute the "object > Path > Offset path" command, the same displacement of the numerical fit.

The resulting shape is filled with white.

Use the tool knife to cut, pay attention to the beginning and end of the cut, but also must maintain a certain degree of smoothness.

After cutting the result, if not satisfied, you can press Ctrl+z to return to the previous step and cut again.

Using the direct Selection tool, select the upper part and press Del to delete

Draws a rectangle using the Rectangle tool.

Fills the gradient from top to bottom, and this gradient is black to white.

You can take advantage of the layer palette and hold down the SHIFT key to select the two shapes shown in the diagram.

To perform the Create opacity Mask command in the Transparency palette

The translucent fading effect is obtained.

At this point, the wrench part of the three-dimensional finish, we can select it, and execute CTRL + G command.

3
Fill the handle portion of the screwdriver's graphic with the gradient as shown below, which explains the creation of the gradient in detail, and is no longer described here.

Use the gradient tool to change the direction of the gradient.

Select the shape of the tool bar and use the Illustrator Cutter tool in Split.

The left half fills the gradient as shown in the figure.

The right half fills the gradient as shown in the figure.

and executes the object > path > Offset Path command, and the resulting new shape is populated with gray.

Execute the object > Path > Offset Path command again, and the resulting new shape fills the gradient as shown in the figure.

Select the two paths to offset the resulting shape, hold down the ALT key, and move it.

Copy to get the same two shapes.

Perform the Subtract from Shape area button in the Path Finder and press the Extend button

Use the illustrator cutter for cutting.

Remove the lower part, the upper part is white, and use the selection tool to shift it to the position shown in the figure.

At this point, the screwdriver's part of the stereo is complete, we can select it all, and execute CTRL + G command.

4
Open the part of the icon.

Create two green distinctions and note that these two green colors are as close as possible.

Select a circle and create a gradient as shown in the figure.

Change the type of gradient.

Move the gradient slider above the diamond to the right.

Use the selection tool to select the shape of the pea in the diagram, right-click, and select Arrange > Put top on the pop-up associated menu.

Fill it with white.

Draw the rectangle, larger than the shape of the pea, and apply the gradient as shown in the figure.

Select the rectangle gradient and the shape of the pea to perform the Create opaque mask command in the Transparency palette.

The results are as shown in the figure.

At this point, the screwdriver's part of the stereo is complete, we can select it all, and execute CTRL + G command.

We can store the files again, and in the next section we'll bring you the third part of the tutorial--a combination of techniques, a combination of shapes, and a Management section of shapes.
Well, the above information is small make up to you illustratror of this software users brought to the detailed creation of the Apple style icon stereoscopic style of the tutorial to share the full content of the, you see the users here, small knitting believe that everyone is now very clear the method of making it, Then everyone go to follow the small series of tutorials to draw their own test results.

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.