Illustrator draw a realistic and realistic trainers tutorial to share

Source: Internet
Author: User

To the users of the illustrator software to share a detailed interpretation of a realistic and realistic sports shoes tutorial.

Tutorial Sharing:

1. In the AI new, wide: 786px long 500px layer. The specific settings are as follows:

Make a shoe part

2. The Rectangle tool draws a 723px*253px rectangle, and then uses the Pen tool to hook up the contour of the shoe in the rectangle, as shown in the figure.

3. Now your shoe contour is drawn, select it, Menu-Object-path-offset path, input: -5px, OK.

Keep the selection of new objects. Select the direct Selection tool (A), select the anchor point indicated by the Blue arrows, and move them a little in the direction of these arrows. Finally, the following figure is roughly:

4. Select the Black object and use a linear gradient fill, as shown in the following figure. Keep the selected object. Go to effect > Styling > projection. As shown in Figure 2, then click OK.

5. Fill the Red Path object (r = 0,g = 34,b = 98) and add a 1px stroke (r = 13,g = 30,b = 124).

Make sure the resulting shape is still selected, copy (Ctrl + C, press CTRL + F), and then go to effect > Texture > Texture.

As shown in Figure 2, and then click OK. Next, set the final blending mode to lighten and reduce the opacity to 20%.

6. Using the Pen tool, create a new object as shown in the following illustration, fill it with a linear gradient, and then go to the effect > Blur > Gaussian blur.

Enter the radius of the 15px, and then click OK.

Now select the Blue shape (no blur effect) to copy in step 5th (Ctrl + C, press CTRL + F) and create and move it to the front. Keep this choice.

Hold down the SHIFT key and click the shape of the Gaussian blur effect, and then go to the object > clipping mask > make (Press CTRL +7).

Make sure the result is still selected, press (Ctrl + left parenthesis), and move it to the back.

7. Using the Pen tool, create a new graphic and fill it with a linear gradient, as shown in the following illustration.

8. Continue using the Pen tool, draw a new graphic for the following figure, fill with a linear gradient, and add a 1px stroke (filled with a linear gradient),

Keep the selected state of the graphic, object > Path > Offset path, enter 4px and click OK.

Make sure the image is still selected, clear the Fill color, and replace the stroke color r=188, g=190, b=192.

Open the Stroke palette (Window > Stroke), in the Stroke palette, view the dotted box, and enter 4px,6px. Select the two objects, and then press and hold ctrl+[, and the layer moves backwards.

9. Continue with the pen tool and create three curved paths, as shown in the following figure. Once your path is painted, choose a yellow path, no fill, 1px stroke (radial gradient stroke) Next, apply a stroke with a width of 3px.

Now select two red paths, the eyedropper tool selects the color, and then, like the 8th step, the gradient, dotted border. The final effect is shown in the figure.

10. Select the graph, object > Path > Offset path created in step 7th. Enter 7px,ok.

Remove its fill color, add a 1px stroke (green), and then hide the result ctrl+3. Next, select the graphic you created in step 7 and copy it.

Replace its existing color with the new radial gradient. Make sure the resulting shape is still selected, and then go to effect > Texture > Texture. Follow the data displayed in the second image, and then click OK. Finally, you set the blending mode of the generated shape to multiply and reduce the opacity to 20%.

11. Select the graphic you created in step 10, copy a layer, and then go to the Appearance Panel (Window > appearance) to remove the texture effect.

Next, delete the resulting shape fill color and add a 8px stroke (apply a linear gradient).

Stay selected, effects > Styling > Outer glow. As shown in the second picture, click OK.

12. Make a copy of the new object created for step 11th (press Ctrl + C,ctrl + f) and remove its external glow effect.

Next, the resulting object's stroke thickness is changed to 6px and width 1px, and then the blending mode is the difference.

13. Make a copy of the new object created for step 12th (press Ctrl + C,ctrl + f), replace the stroke color r=149, g=183, b=238, change stroke width: 3px.

Then change the blending mode: normal.

Next, Next, select the Add Anchor Point tool (+) and add two anchor points (green).

Re-select the two newly created anchor points, and then click the Cut path on the selected anchor point from the Property bar button.

This step will create two new objects. Let's select the right object and delete it. Now select the remaining objects, the effect > Blur > Gaussian blur. Enter the radius of the 2px, and then click OK. Object is selected, press (Ctrl + left parenthesis) two times, and move backwards.

14. Press (Ctrl +alt +3) to show the objects hidden in step 10th. Then add two anchor points (white) to the green linear shape, select two new anchor points,

Click from the Property bar button to "cut to the selected anchor point path". This will create two new paths.

Let's select the path to the left and remove it. Now select the remaining path, pick up the eyedropper tool (I), and then take the same steps as the dashed path you created in step 8.

15. Select the Pen tool and create a new two path, as shown in the following figure. When your path is painted, select these paths, no padding, 1px strokes (r=136, g=172, b=224), followed by a Gaussian blur effect of 2px and 1px on the stroke width.

Continue with the Pen tool (P) to create an object and fill it with linear gradient values as shown in the third and fourth diagrams below.

16. Use the Ellipse tool, create new 7PX*7PX object, fill Color r=27, g=9, b=4, after 2px feather effect.

Next, copy the 5 newly created circles and place the 6 circles as shown in the following figure.

Select 6 new circles, set them up (Ctrl +g), and then go to object > Transform > Move. In the Move panel, enter 12px, click Copy, and then press (press CTRL + D) multiple times,

As shown in the 2nd figure, the final results are obtained. Then, select all newly created groups and group them again (press CTRL + G).

Now select the shape you created in step 15th, copy (Ctrl + C, press CTRL + F), and move forward (press CTRL + Shift + right parenthesis).

Keep the new shape selected, hold down the SHIFT key and click the new group, and then go to the object > clipping mask > make (Press CTRL +7).

17. Draw the following drawing with the Pen tool, and then fill in the green and gradient.

Next, select the Yellow object, fill the gradient, and then the effect > Texture > Texture, as shown in Figure five, click OK.

After that, feather 3px, transparency 90%.

Now select all the shapes that you created from step 16 to the shape you created in step 15, and then group (CTRL + G) to build the group.

Finally Press (Ctrl + left parenthesis) several times to move the group backward.

Making shoelaces

18. With the Pen tool, create two curved paths, as shown in the following figure. Next, we will create the laces on the basis of two newly created curved path segments.

Continue working with the Pen tool (P) and create an object, as shown in Figure 3, when the new object is drawn and filled with a linear gradient, as Figure 4.

19. Continue using the Pen tool, as shown in the new two objects, and make a gradient fill.

Next, select the red and green curve paths that you created in step 18 and delete them.

20. Now, as shown in the following image, repeat the previous step, making another part of the shoelace based on the previous shoelace steps.

21. Pen tool, create two curved paths, as shown in the following illustration, but after your path is painted, select the two anchor points (yellow) shown in the figure, and click the "Select Connection End" button from the property bar.

Next, select (white) two anchor points and connect them. Finally, fill the new object with a linear gradient, as shown in Figure 5.

22. To add the details, first draw the following figure shown in two curved paths.

When the path is painted, choose a green path, no padding, and add a 2px stroke (apply the linear gradient as shown in the figure).

Next, select the remaining path, fill it without it, and add a 2px stroke (apply the linear gradient as shown in the figure).

23. Now, as shown in the following series of diagrams, repeat the previous steps to add details for the rest of the shoelace.

24. Now, we make the top of the shoelace, using the Pen tool, draw the path shown in the following figure. No padding, 5px strokes (apply linear gradients as shown in the figure).

25. Select the objects shown in the 1 figure below, build the group (Ctrl + G), Effect > Styling > Shading. As shown in the second illustration, and then click OK.

26. Now, repeat the previous steps on the other segments of the shoelace as shown in the order of the images, and the final effect is roughly as shown in the following figure.

27. Select the Pen tool, create a new graphic as shown in the following figure, and add other parts of the object to the base of the laces.

When you are finished, use the Pen tool (P), as shown in Figure 2, to begin creating.

Then, the linear gradient fills the object like 3 graphs.

Continue with the Pen tool (P). Fills a linear gradient for another red object, as shown in Figure 4, Figure 5.

28. Now, as shown in the order of the following figure, repeat the previous steps on the rest of the shoelace, and the final effect is roughly as follows:

29. To add some details to the new field of shoelaces, first draw the following figure shown in two curved paths.

When finished, select a red path, no fill, and add a 1px stroke (apply the linear gradient shown in the figure), then width 3px.

Next, select the remaining path, no padding, and add 2px (apply the linear gradient shown below) and apply width 1px.

Finally, select the two newly created objects and press (Ctrl + left parenthesis) several times to move backwards.

30. Continue to create two other curved paths, set as follows.

31. Select all objects, as shown in figure one, to build the group.

After that, select all the objects in Figure 2 to build the group.

Now select the group that you just set up, effects > Styling > Shading. Set as shown in Figure 3, OK.

32. Now, as shown in the order of the following figure, repeat the previous steps on the rest of the shoelace, and the final effect is roughly as follows:

33. Now we need to make a shoelace hole.

Use the Ellipse tool, 13px*13px, populate the r=189, g=171, b=172, and then continue the Ellipse tool to create the 11px*11px circle.

Fill r=45, g=27, b=38. Now select the new two circle and build the group. Then hide behind the shoelaces.

34. Copy more "hole" groups and place them as shown in the red circle. Put these "hole" behind your shoelaces. At this point, the effect is as shown in the following picture.

Finally, create a group for all the "hole".

35. Final production background. Select the Rectangle tool, create the 786*500px rectangle, and the gradient settings as shown in the following figure.

The final step is to place "shoe" in the position shown in Figure 2. Complete!

Well, the information above is a detailed tutorial on how to draw a realistic and realistic sneaker for the users of illustrator's software. You see the users here, the drawing method is so simple, then you go to follow the tutorial on their own to draw down.

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.