Now let's draw a simple path as shown in the toolbar Select the Pen Tool (shortcut P)
And keep the pen tools as shown (above the toolbar): Select the second drawing mode (simple path) and cancel the rubber band function
Then use the pen to click in the picture, you will see that there is a wired segment between the hit points to keep the SHIFT button to keep the drawing point with the previous point (such as zero, 90 degrees) This can draw horizontal or vertical line segments (Press the SHIFT key from the 5th point) from the 5th point)
From the simple exercise from above, we have drawn two rules:
We have not directly drawn line segments, but define the location of each point, the software is in the point-to-point connection-type control line segment form (direction, distance), but the line segment itself, but the position of the points in the line segment
Remember two terms:
Those line sections called "anchor" (anchor) anchors are called "segments"
Those anchors we just drawn, because the line segments between them are straight, so it is also known as a linear anchor.
Now let's draw a curve anchor point
We see that the shape of the curve also changes when drawing the second and after the anchor point and drag the direction line.
How do we generate the curve, how do we control the shape of the curve? In addition to the direction and distance from the straight line, the shape, direction, and distance of a curved shape, direction, and distance can be done as long as the anchor position is changed, but what is the curvedness control?
As shown in the toolbar, select "Direct Select Tool", pay attention to the hollow arrow below
Suppose the four anchors we just drawn are Abcd to take the "Direct Selection Tool" to take the disc between AB, see the direction that we just defined when we draw AB anchor.
Take a closer look at these two directions, then think so: A person wants to go from A to B, when the A point is started, other people located at point A seemed that he is moving in the right direction. The person in point B, seeing that he is the observation result of the two places in the direction of the right direction. You can draw the route of this person: you must be a curved shape like a pot.
Now we choose "Conversion Point Tool" as shown, this tool is used to modify the direction line
Then change the arrow line on the AB anchor as shown below, it will see a change in the curve curvature to pay attention to the end of the direction of the direction, and this dot is called "handle". To click on the handle position to change Steering line
It is not difficult to understand the metaphor that has just made:
Modify the B Anchor Distordire line, which is equivalent to the designated person from above, from the B point, then the walk is that the way to modify the A anchor direction, equivalent to from A Depart from the bottom, then enter the B point, the walk is a down-curved approach
The modified direction line is shown below:
After understanding the direction of the direction of the direction, after we look at the influence of the long shortline length, the following is the following picture, the other direction is dragged in the direction: (can use "Direct Selection Tool")
For an anchor, the longer the direction line, the longer the curve walking in this direction, the shorter, the shorter, the curve is a rubber band, there are two ends at the end of the head. In the direction of the respective directions, the force is large, and the rubber band is more close to this direction. Instead
In addition to modifying an anchor, the "Direct Selection Tool" can also be used to modify the form of the curve on the segment.
Note: This cannot be said to "modify the pieces", and it should be said to "modify two anchors" retention principle: The intermitse is composed of anchor, only modify the anchor to change the piece, which is irreversible. Causal relationship
To make a summary: For the two-way anchor of the BC on this curve, there are two arrow lines: one is the direction line from the previous anchor "to"; another one is leading The "Go" of the next anchor is for the starting point, there is only the "Go" direction line; for the end, there is only the "to" direction line let us do a small practice, as shown:
The curve that is now required to draw a mouse outable between the two red dots is likely to draw this like this.
Although the requirements are reached, 4 anchors are used on such a path.
Look at the picture below:
The same curve effect, only two anchor points are used to draw the position of the two red dots, and it is likely that the effect of you draw is like this.
And actually, you only need to use two anchors to draw this curve, as shown below
Return one of the places, and only two anchors are required, as shown below:
Remember a principle: The less the number of the anchor points of the drawing curve, the better because the number of anchors increases, not only the steps of drawing, but also is not conducive to the later modifications.
Here, everyone will have two questions:
What does the two anchors seem to be in the form of all curves? This view is obviously wrong, such as the curve drawn by the first instance of our previous instance, just two anchor points, how to make the number of anchors used least? In fact, there is another problem with another question: Where is the anchor?
Below is the laws that I personally summed up: the curves between the two anchors are divided into two categories: several forms of C-shaped C-shaped C-shaped C-shaped forms as follows:
Their direction lines are shown below:
Several forms of S-shaped curves are as follows:
The square direction line is shown below:
The following animation demonstrates the boundary point between the C-shaped to S-shaped when adjusting the direction line
After understanding (and understanding) C, S, you can analyze how many anchors need to be analyzed before drawing, and how many of them can be used in one curve (C-shaped or S-shaped) Drawn area
Although the number of anchor points can reflect the level and proficiency of the drawing man but for most people, as long as it can meet the needs, it is enough, so when the actual drawing, it is not too demanding that the number of anchor points.
Now, it's actually drawing a M shape. We will introduce three processes similar to McDonald's, please see the first way to see the text description. The direction line and can move the anchor position properly (hold down the CTRL button after drawing, click on the path outside the path, you can complete the drawing)
In some of us notice a phenomenon: When a new curve anchor is created and dragging it, it is actually moving with the mouse as the mouse is "going", and "to" direction is always The 180 degree horizontal angle, and the length is the same, although we should put the "go" of the second anchor to the upper right but for the "coming" correct, you must first set it in the lower right, then After the drawing is completed, the method of "go" can be modified alone can be described as "dropping the guarantee" (the same, "can also" turn it out ") When the number of anchor is more, it is very no Convenient, because there is always a correct curve
Now let's introduce the second drawing process: After the second anchor is established and followed by "to" define the direction line, modify the "Go" direction line, so that the curve can draw correctly (hold down Ctrl after drawing) Key Click anywhere outside the path, you can complete the drawing)
Although it is more troublesome to switch the tool frequently, it can always draw along the designated route (similar, you can first follow the "Go" to set the direction, and then modify "to")
In fact, after a second anchor point is set, you don't have to move the mouse to the steering wheel handle. You can transfer the Alt key to temporarily switch to the "Transfer Point Tool"; and press and hold the CTRL button Temporarily switch to "Direct Selection Tool", can be used to move the anchor position to loosen the ALT or CTRL key to restore the pole tool, continue to draw, pay attention to: Although "Direct Selection Tool" can also modify the direction line, but "come" To "Go" sometimes (when both are displayed) will be modified together to modify the last third method, it should be the standard method used in the drawing in the drawing: This method is actually the shortcuts mentioned above. Another way of operation, but also under the conditions of the tool without switching, use shortcuts to complete the modification of the direction line to do not interrupt the entire curve (after the drawing, press and hold the CTRL button in any position outside the path, click, You can complete the drawing)
In the animation, I saw a prompt "After the adjustment is over, let go of the mouse before release the Alt key, otherwise it will be chaos to the direction line" If the alt is kept, it will make this anchor " "And" Go "Restore to the horizontal angle position of the equal level, this is not much related, then press the Alt key to adjust separately.
Then let's try to draw a heart shape, such as the following figure (press and hold the Ctrl key after drawing, click anywhere outside the path, you can complete the drawing)
Note: If you don't press the Alt button first, you will not be able to adjust the direction line separately. At this point, press the ALT key to adjust it separately.
Here, everyone has a probably aware of the path. Here we add some other problems in the drawing to draw the half-curve anchor point: Sometimes we need an anchor to the left is a curve, and the right side is straight, it needs to use this method. To draw, as shown below:
After drawing anchor, press and hold the Alt key to click the anchor point, then the "go" of this anchor will change to the line only "Go" can change to the straight line. If you need to "to" straight, you need it in the previous one. Anchor operation
Even if converted to a half-curve anchor, it is still possible to have a directional line when drawing the next anchor point, as shown below:
This seems to seem to contradict, why is there any curve? It is necessary to remember that it is assumed that the "go" of the semi-curve anchor A is a straight line. In this way, the "to" "to" is straight line but if the "go" of the anchor B is the curve, or will The fragment between AB is curved, but this curve can only be a C-shaped curve because it lacks the control of another steering line to be compared with a normal curve anchor point similar to a shape.
The following figure shows the step of converting from "half curve" to "normal curve" anchor point
The following figure shows the step of converting from "normal curve" to "half curve" anchor point
In addition to the conversion of the anchor type, the number of anchor points can be added or reduced on existing paths as follows:
It can be seen that when the path is selected, the pen tools that stays above the path can automatically determine the increase or reduce the anchor. If the anchor is stopped, it is to increase the anchor point; if it is stopped above the anchor point, Subtract this anchor Note: Increase or reduce an anchor can cause path morphology change
Since the pen tool itself comes with an increased and subtraction function, why is there a separate anchor point and minus anchor tool in the toolbar?
This is because sometimes you may need to add more anchors in the anchor intensity area. If you use a pen tool, you may have an anchor point.
For a path that has been drawn, sometimes you need to add anchors there (or may be in halfway to stop drawing) first, you should display the path (you can find and click the path from the path panel) and then use the pen tool at the end. Anchor point Click (when the cursor will prompt when moving to the end anchor), you can continue to draw, see the figure below:
If you want to connect multiple independent paths, you can follow the figure below: Need to note that when adjusting the direction line, you can adjust the Alt key separately.
There is also a technique of drawing a curve: To draw a smooth curve, you must keep the anchor point "to" "to" angle of 180 degrees with a horizontal angle (nothing to do with the direction of the direction) If you change the angle It is possible to form a shape similar to M
Now we have learned to use a pen to select any path shape, but many times do not need to completely draw a new path with a new path. Photoshop provides some basic path shapes. We can modify the basic path. Forming the shape of the need is not only fast, and the effect is better than the complete and manual drawing.
The picture below is a pattern that is often used in web design.
First look at the top graphics drawing process: select the rectangular shape tool in the toolbar
Use the first drawing method (create a vector layer filling with foreground), as shown below
Note that the style is to be turned off, select a color as a fill color, as shown below
Then draw a rectangular shape in the image, as shown below
After painting, pay attention to the newly created color filling layer on the floor panel, click the area shown below to hide or display the path, double-click the color block in front, can change the pad
note:
If you want to modify the path in this layer, the path must be hidden if the path display will affect some visual effects (such as strokes, etc.), first hide the path.
Since we want to modify this path, you must first add the path display and add the anchor tool to add 4 anchors, and then move some anchor points up to remember: no matter the anchor point on the straight line or the curve, the increase The default is the curve anchor if a linear anchor is required, you should use the "Transfer Point Tool" to add anchor points.
The red area of the figure below is made using this method.
The same is just the rectangle, and the step is slightly modified, as shown below:
The red area above the figure below is made using this method.
Let's draw a graphic similar to the label card, as shown below:
The above methods are all the use of the color fill layer with path to make the effect except that the color fill is used, the path can also be used to make adjustment layers (the adjustment layer is introduced in another tutorial) The order is as follows: 1 original image :
2 use the second drawing method (simple drawing path)
3 Draw two closed paths in the image, pay attention to the two paths to add, that is, draw the second method after drawing the first one.
4 Start the "brightness / contrast" in the adjustment layer in the layer panel
5 "Brightness / Contrast" setting is shown below:
6 Start the "Stroke" style on the newly built adjustment layer
7 "Stroke" style settings as shown below:
In this way, we have completed the production, as shown below:
You can also create it as an animation (animation production introduction in another tutorial)
Finally, let's make a more complex graphics, as shown below:
The graphic is originally a complete ellipse, which is divided into two parts, which is easy to implement in the Illustrator only need to draw a curve on the ellipse, and then use the split command. More complex in Photoshop (so complex path is best made in Illustrator)
The drawing process is as follows: First use an elliptical shape tool, select the fill layer drawing mode, draw an ellipse, as shown below:
Then hide the path of the layer, switch to a simple path drawing method to draw a path (can be modified by a rectangular modification) After the plot is done, hold the new picture in the selection status, press Ctrl C to copy to the clipboard:
Next, copy the blue elliptical layer, change to other colors to distinguish between
The path is then passed in a time to paste the path to the path of two layers, and change its calculation relationship with the original path is: To display the path of the layer first, you can modify the best to close the temporary figure Layers, so as not to visually confuse "combination" is not necessary. After the "Combined" button, the two paths are merged for one, but even if it does not merge, it will not affect the visual effect, and it is also beneficial to the later modification. Therefore, it is recommended to use the "combination" function as much as possible in practical applications. In the future, in the future, only the yellow portion can achieve the effect of the visual requirements, because the yellow layer level is higher than the blue portion, it can generate the blue effect.
The process is as follows:
Comprehensive content, you can feel the powerful function of the path to use the path to select the smoothed curve. It is very convenient and most important to modify: its vector graphics, so that it is rotating, stretching, etc. It is still clear after operation. And the dot matrix image becomes blurred. Be a test, first narrow a vector one point map to the original 10%, then zoom in to return to the original size. As shown below:
During the actual design process, due to the continuous change of conception, it is likely to often perform a wide variety of modifications such as zoom, rotation, 5-sided modified 6 hexagonal, straight-line modified curve, etc. If it is a dot matrix image, there are many In the case, only the vector graphics can be re-drawn and the vector graphics can be completely avoided and the vector image takes up less (in Photoshop), which is not subject to the influence of the output resolution. Production using vector graphics
end
Zhao Peng 2003-07-27 21:07 HOME
