Give your illustrator software users a detailed analysis to share the reference line tool using experience tips.
The first approach is similar to PS, press Cmd+r, display the ruler, and then click the ruler, drag the guide from the ruler, and align it to the object you want to align to, as shown in the figure:
In this way, the guides are set up to use:
Another approach is more flexible, and AI can turn any line into a reference line. Diagonal straight lines can be turned into guides, and even a circle can be converted into a reference line. This time, use actual combat to Example: Create a iOS7 icon Template:
As many people know, IOS7 's icon shape has a two-point change relative to the previous version:
1. On the iphone, Ipodtouch, from the original 114x114px (57X57PT) into the 120x120px, no longer support the non-Retina screen (the picture is excerpted from wwdc2013session208: What ' snewiniosuserinterfacedesign pdf):
2. The use of pure rounded corners will look like the rounded corners and straight edge connections are very "Luo hard",ios7 use the claw spiral as a relaxation curve to solve this problem, because the curvature of the claw helix is more smooth. The transition curve "fillet" size is about 38px. As shown in figure:
OK, after you know this, let's make an icon template.
First, create a new document, size 120x120, color mode RGB, do not check "make new object and pixel grid snap."
Then, here: File:Eulerspiral.svg download the SVG vector image of the claw helix, open with AI:
Open, with the selection tool and the direct selection tool to open the ring, has been deleted in this way, that is, only the right half of the curve, from the origin to the origin point to the fifth anchor point:
The fifth point to the right of the origin is truncated because the tangent slope of the curve is just 1, at which point the angle of the curve tangent is just 45 degrees, which is convenient to use.
Then, copy the curve into the newly created document: And then copy one, do the upper and lower symmetry, rotate-90 degrees, so that the curve can be connected. After ensuring that the endpoints of the two curves are aligned, use the Connect command to connect the two curves. Then set the connecting curve size to 38x38 pixels. Finally put in the bottom right corner of the artboard. The steps may be tedious to say, but after doing well, they should be:
Use the line tool and the Connect command to make up the other parts of these One-fourth icon shapes:
Copy and mirror the curve several times, the outline of the icon came out, it is best to use the "connection" command, the four-segment curve connected to the full lap:
Well, the shape of the icon came out. The next thing to do is to use the guides to make the inner grid line of the graph.
With a line and box tool, draw a meter word and a box to the graphic, so that:
Then the emphasis comes, select the rice words and boxes just now, right click, select the "Set up Guides" command:
The reference line can be set up according to the selected rice words and boxes:
To do this, draw an inner circle in the box and switch to a reference line:
Using the AI's adsorption function, draw lines from the point where each curve has just been bent by a straight line (not too well described, in short, see figure), into a reference line:
Finally, draw a incircle and circumcircle into the innermost box and turn it into a reference line, which is basically done:
Put the reference map in a comparative look, matchperfectly!
Finally, use the Save as Template command to save it as a template. Each time you make a iOS7 icon, use the "Create New from Template" command and choose this template to quickly create a new IOS7 icon with a guide.
What are the advantages of using a guide relative to a plain line or wireframe? First of all, the guide line is displayed, always 1px width, whether enlarged or reduced artwork can be shown clearly, ordinary lines can not. Again, guides can be cmd+ by using shortcut keys, which are quickly hidden or displayed. In addition, the guides are usually locked and are less likely to be incorrectly edited. Also, the guides are always displayed at the top of the layer, and so on.
Well, the above information is small compiled to you illustrator of this software users of the detailed guide tool to share the experience of the use of all the content, you see the users here, small series believe that you see here is very clear it, Hope that the above tutorial can bring you useful help.
