Detailed Tutorial of Illustrator CC Basic Tools

We can find that the toolbar of AI CC is divided into several areas by a straight line. The functions of tools in each area are very similar. The following describes the functions of each tool by area:

A. Select Tools

1. Selection tool (V): Select, move, and scale the image


 Copy graphics: select the graphics to be copied — press and hold Alt — drag the graphics to be copied to the blank position — press and hold Alt — drag the graphics to be copied to the blank position to copy the graphics

<a>Illustrator</a> CC<a>基础</a>tool使用详细<a>教程</a>,PS教程,” width=”148″ height=”14six” src=”/d/file/2017/0829/1503969197425.png?imageView2/2/q/90″ style=”width: 100%; margin-bottom: 20px;”></p>
            <p style= Precise distance adjustment: Double click the selection tool — pop up the selection dialog box — customize the precise distance — copy and preview the effect.

Differences from PS:

 Ctrl+Z: Unlimited undo operations

 Ctrl+Shift+Z: Cancel the undo operation

Shortcut key: (When using any shortcut key, it should be in the state without any input method, otherwise the shortcut key is invalid)

 Ctrl+D: copy and continue to execute the previous action (copy the figure with the same distance)

 Ctrl+R: ruler

 Ctrl+U: intelligent reference line

 Press and hold Shift to operate other actions (moving and rotating): the original speed can be changed by 10 times

 Shift+Ctrl+Alt+K: keyboard shortcut

 Ctrl+T: call up the character panel

 Shift+Ctrl+F9: call out the path panel

 Ctrl+K: preference panel

 Ctrl+Shift+O: change text into graphics

 Ctrl+2: Freeze (lock the currently selected object)

 Ctrl+Alt+2: Unfreeze (unlock the currently selected object)

 Ctrl+3: hide the currently selected object

 Ctrl+Alt+3: Display the currently selected hidden objects

2. Direct selection tool (A): specially used for selecting anchor points

 Select multiple anchor points at the same time

Method 1: Hold Shift and click to select

Method 2: Select directly with the mouse

3 group selection tools: for multiple objects

 It is slightly different from “group” with the right mouse button, and can be used together

4 Magic wand tool (Y): select according to different colors, and select all objects with the same color

 Select objects:

Method 1: Add/subtract objects: press Shift to select

Method 2: (This method is based on the premise that the selected object should have a color) Click the magic wand tool to select the object, and you can quickly select all the graphics with the same color as the clicked object

5 Lasso tool: select the anchor point separately or select a part of the anchor point

 Difference from PS: there is no concept of selection in AI. After releasing the mouse, the lines in the box selection area will disappear automatically

B. Shape Tools

1 Rectangular tool

a. Rounded rectangle:

 Difference between AI and PS:

AI has a page area and a draft area, that is, the area that is not the canvas in AI (the black area outside the canvas) can also be painted, but the content of the draft area is not saved when saving, and only the canvas area can be painted in PS

 Why is it called fillet radius?

Changing the radius can change the radian

 Change the size of the fillet

Select the rounded rectangle tool to draw the required size —- remember not to release the mouse —- click the up and down direction keys: change the size of the rounded corner; Click the left direction key: it becomes a right angle; Click the right direction key: change to the current maximum fillet; (Note: Do not operate until the size of the drawing is determined, otherwise, if you change the size after the operation, it will change and cause the need for re operation)

 Press and hold Alt, and the drawing starts from the center; Do not press and hold, then start from the upper left corner as the fixed point


b. Rectangle tool

Draw a rectangle accurately: click the mouse on the page — a dialog box will pop up (Note: To call up the tool dialog box, you can use the method described in Areas A and B, provided that the selected worker has this function, of course)

c. Ellipse Tool

d. Polygon tool: select up/down direction keys to increase or decrease the number of sides respectively

e. Star tool: select up/down direction keys to increase or decrease the number of angles

Shift+Alt: equilateral triangle with parallel shoulders

Alt: two shoulders parallel

Shift: equilateral triangle

Radius 1: radius from the center point to the outer corner

Radius 2: radius from the center point to the inside of the corner

f. Glow tool: commonly used for makingIcon

2 Line segment tool

a. Line Segment Tool ()

b. Arc tool:

C. Helix tool:

Two anchor points are called a section

D. Rectangular grid tool:

In fact, it is a combination of straight lines and rectangles (commonly used to draw tables, chessboards, etc.)

e. Polar Grid Tool

It looks like a spider web, but it is actually a combination of circle and straight line

3 Cutting tools

A. Eraser tool (Shift+E)

b. Scissor tool:

Click on the path directly —- delete the part to be removed

c. Cutter tool: only works for pattern clipping

4. Rotating tool

 Rotation:

Method 1: direct rotation (this method is not accurate enough)

Method 2: Shift+Rotate, increase by 45 °

Method 3: Rotate the tool

a. Rotation tool: default rotation centered on the center point

 Change the rotation center:

Select the rotation tool —- press and hold Alt —- When – appears at the lower right corner of the+cursor, click to rotate the

The position where the center is located —- the center of rotation can be changed

B. Image tool

5 Pen tool

The usage is basically similar to PS

6 written words工具

Ctrl+A: Select All

Ctrl+C: Copy

Ctrl+V: Paste

 Dot text tool: click the mouse to directly write and keep writing, without automatic line breaking and changing with the size of the box. Changing the size of the box will cause the size of the kiss to change

 Paragraph text tool: first circle a text area, then write it, it will automatically return to the line, and it will not be deformed with the change of box size

 Regional text tool: write text in a specific area

Draw an area with a pen Write with the area text tool

 Path text tool: as long as you draw a line as the path, the written text can follow this path. When you directly adjust the path, the text will deform (this is a bit like dot text)

 What should we do if there is an overflow sign?

How do I keep overflowing text?

Method 1: will tend to increase (may lead to regional deformation)

Method 2: Do not want to affect the area size

Click the overflow sign with the mouse arrow (overflow content will appear at the lower right corner of the arrow, and will be automatically displayed in another text area after the mouse is released. The two areas are related to each other. One area will become larger and the other area will become smaller automatically, and the overall display content will remain unchanged)

 The following three tools are similar to the previous ones, so we won’t repeat them

 Kerning adjustment: Ctrl+Alt+Right arrow key

调整字号:Ctrl+Shift+ > :加大字号


 How to correct the text below

 Use Shift+Alt to draw concentric circles

 One path can only control one form of text. To achieve the following effects, two paths should be used to draw

Note: The path circle of English characters should be the same size as the outer circle of Chinese characters, so that the layout is beautiful

 Temporary freezing

If you do not want to use English words temporarily, you can freeze them temporarily

Ctrl+2: Freeze (lock the currently selected object)

Ctrl+Alt+2: Unfreeze (unlock the currently selected object)

Ctrl+3: hide the currently selected object

Ctrl+Alt+3: Display the currently selected hidden objects

 Want to fill the area after grouping with color

It is not necessary to break them apart. Use the group selection tool to select the area to be filled and change it

7 Brush tool

Difference 1:

The brush tool is just a path stroke. It is an open path, speckles, and the brush tool is a closed path:

Difference 2:

The cross line drawn by the brush tool can be moved independently

The cross lines drawn by the dot brush tool can only be moved as a whole (as long as they intersect, they will meltsynthesisAs a whole):

8 Pencil tool: Compared with brush tool, it is not so smooth

9 Width tool:

For example, it is more convenient to use the width tool to draw leaves. Just click the stretch on the path with the width tool on the basis of the curve (other tools in this category are similar in usage)

 Examples of deformation, rotation and twisting tools: (similar to tools such as collapse and expansion)

 To operate these tools on text, you need to use the shortcut keys Ctrl+Shift+O to change the text into a graphic that can be used toDesignbeautify


1 Scale tool

Ctrl+F: Paste in front

Ctrl+B: Paste behind

 Text stroke: if the stroke value is 6pt, there are 3pt inside and outside the path respectively. The thicker the stroke, the smaller the figure inside

How to solve it?

Use Ctrl+F to paste the graphic in the front, without stroke, to cover the previous layer, so that only the outside stroke

 Why is the stroke not reduced at the same time sometimes?

How to solve the problem: check this item in the preferences

 Create new characters for rare characterstypeface

 Shaping tools

2 Shape Builder Tools

 When dragging the handle, you can press and hold Shift to make the changes on both sides consistent

 For example, the shape generator can be used to conveniently draw the ice cream shell

 Is the curve drawn by the pen tool a Bezier curve?

 Real time coloring tool

Convenient area color change

The line changes color in the selected area to change color

 Real time color selection tool

Change the color after selection

3 Perspective Grid Tool

Auxiliary painting, which is convenient for drawing three-dimensional space map

Different faces can be seen according to different perspective points


1 Grid tool:

Special filling tools (integrating the functions of Bezier curve+grid+gradient filling tools) are used for gradient filling with irregular color changes, and gradient filling with irregular color changes. After clicking, the tool will automatically create gradient grids with gradual changes centered on the anchor point. Make full use of this tool to make colors more realistic

2 Mixing tools:

The effect that can be achieved by using the blending tool is often used for making gradient and stereoscopic characters (and so on)

Increase the number of steps to be more delicate

How to make several characters gradually change as a whole, instead of the same gradient form appearing on each text independently?

Just pay attention to the following points:

Ctrl+Shift+O: change to path

Right click to ungroup

Ctrl+Shift+F9: Path — Associative

You can also do this:


1 Spray gun tools

Used in combination with symbol panel

 Advantages: The increase of the pattern will not increase the size of the file

 Customized graphics can also be directly dragged into the symbol panel after drawing

 How to edit the symbols in the symbol panel?

Click to disconnect

 Symbol shifter tool: position transformation can be performed for one symbol separately

 Symbol compactor tool: make symbols close to each other

 Symbol scaler: enlarge the symbol, press and hold the Alt key to zoom out

 Symbol shader: first select a color —— draw symbols —— use symbol shader to change the overall color of symbols

 Symbol filter: set the transparency of symbols, reduce the transparency, and press Alt to increase the transparency

 Symbol stylizer tool: window — style panel — select a style for processing

It can also be used to draw icons, which can reflect the stereoscopic feeling

 It is recommended to use PS for style processing (for layer styles, new styles can also be added)

 It is easy to copy in piles

2 Column Chart Tools

Low frequency of use

Double click the column chart in the toolbar

Select the Column Chart tool and click Page

You can also import data directly: Note: only notepad can be recognized, tab key (tab) is used for the middle space, and blank key is not used, otherwise there will be problems in identification


1 Drawing board tool

CS5 starts to exist, and multiple drawing boards can be created

Arrange the order of the drawing board and adjust the uniform size

Safe area for easy printing and preventing content from exceeding

Create multiple sketchboards at once:

2 Slicing tool

It is often used for slicing web pages. Before slicing, draw a reference line and set the fixed size to be cut to facilitate cutting

Slice, and then use the Slice Selection Tool to fine tune

It is often used for slicing web pages. Before slicing, draw a reference line and set the fixed size to be cut to facilitate cutting

Slice, and then use the Slice Selection Tool to fine tune

3 Grab tool

Press and hold the space bar to temporarily switch to the grab tool

4 Zoom tool

Zoom in/out

Ctrl + –

Ctrl + +

Different from zooming in and out of objects

5. Insert the vector image made by AI into the bitmap in PS and convert it into bitmap form,

Insert bitmap into vector map or bitmap

(It may be inappropriate to say so)

Insert bitmap into vector map or bitmap

(It may be inappropriate to say so)

G. Summary

Keys Proficient use of shortcut keys 11-1-1

See Area A for common shortcut keys

1 Advanced path

You can freely select the required connection anchor point, and then press Ctrl+J

 Move the four anchor points of the circle to the center point, and the following figure appears:

(This method is more standard for making this kind)

Add anchor points equidistant between two anchor points

You can draw a figure like this

Another method: (Faster)

 Path —- outline drawing

The original stroke has only one path. After contour stroke, there are three paths

You can also perform similar operations on text:

2. Envelope twist (in object)