Illustrator to draw exquisite movie continuity Board icon tutorial

Source: Internet
Author: User
Tags extend mixed
To give you illustrator software users to detailed analysis to share the painting of exquisite film continuity Board icon tutorial.
Tutorial Sharing:
Step 1
Create a new file. Use the Rectangle tool (M) to create a rectangle with a width of 190px high and 150px.

Step 2
Select the rectangular Point object > Path > Offset path to open the Displacement Path dialog box. Set the rectangular displacement value to 16px.

Step 3
Select the two rectangles, then point to filter > Style > Rounded corners, and then change the fillet radius to 8px.

Step 4
The large rectangle is linearly tapered in the gradient panel. Change the color 50% on the first gradient slider to 80% black on the second slider.

Step 5
Copy the small rectangle (Ctrl + C) and paste it in front (ctrl+f). Next, use the elliptical tool to build an ellipse with a width of 385px high and 230px. Place the ellipse perpendicular to the half of the rectangle, and the position can refer to the figure below.

Step 6
Select the newly copied small rectangles and ellipses, and then subtract buttons from the shape area from the Pathfinder panel. Then click the Extend button.

Step 7
Select the small rectangular rectangle to fill the linear gradient, change the color of the first slider to a lighter green, the second slider is a green green with a darker point. With the gradient tool (G) and drag from the top of the rectangle to the middle, the pale green is at the top of the rectangle, or it can be entered directly in the Angle text box-90.

Step 8
Select Step 6 to cut out the graphic and fill it with a linear gradient, change the first slider to Green Green The second slider for a deeper green, and adjust the gradient to make the deep cyan green on top of the graphic.

Step 9
Select large rectangles and small rectangles to offset the 2px. Select the two layer after the offset, and fill it with a linear gradient. Change the first slider color to 75% black and the second slider is 90% black. Use the Gradient tool (G) to adjust the gradient so that the shallow side of the gradient is on the right side of the graphic.

Step 10
Next we want to create the upper part of the continuity board. Use a rectangular tool (M) to make a rectangle with a width that is 240px high and 28px.

Step 11
Fills the rectangle with a linear gradient. Add a slider below the gradient slider. Change the first slider's color to 20% black, the second slider is white, the last slider is 20% Black, change the position of the second slider to 8%, and use the gradient tool (G) to adjust to the bottom image below.

Step 12
Draw a rectangle with a width of 16px high and 64px. Use the selection tool (V) on the upper-right corner of the rectangle until there is a rotating arrow to rotate, hold down the SHIFT key as you rotate it, rotate 45 degrees, and then place it on the left side of the previous rectangle, as shown below.

Step 13
Select the rectangle with the selection tool (V), and hold down the shit and ALT keys in the drag to the right of the rectangle, shift to move the rectangle along a straight line, and ctrl to copy the rectangle.

Step 14
Select two rectangles and then point objects > Mix > Build (ctrl+alt+b). After blending, 3 graphs should appear between the two. My default value is exactly 3. If you're not, you need point objects > Blending > Blending options and set the specified number of steps to 3 in the Mixed Options dialog box that opens. The object > extension is then extended to extend the mixed graph.

Step 15
Copy (Ctrl + C) The long rectangle and attach him to the front (ctrl+f). Select the blend rectangle and the newly copied rectangle, and then point to the shape area in the Path Finder (SHIFT+CTRL+F9) panel to intersect the button, and then expand.

Step 16
Fill the extended interval graph with a linear gradient of four sliders. Change the first slider to 100% Black, the second slider is 75% Black, the third slider is 85% Black, and the fourth slider is 63% black. Change the position of the second slider to 13%, the position of the third slider is 47%, and the Gradient tool (G) adjusts to the vertical orientation to make the darker color slider at the top of the blend graphic, referring to the following figure.

Step 17
Select interval graphics and rectangles, alt-Drag the graphic to copy one above, keep the selected state of the copied graphic, select horizontal Flip from the pop-up menu in the Transform panel, and then set the rotation angle to 10 in the transform panel, referring to the image in the following figure, if different words can be moved to adjust. Two more graphic groups (CTRL+G).

Step 18
Select the Star tool from the tool panel and click the Star dialog box in the page. Change the radius 1 to 30px, the radius 2 is 15px, the angle point is 3, and then use the selection tool (V) to rotate the star to the right 90 degrees.

Please click on the "Next page".
Step 19
Set the rounded corners of the triangle to 8px with the filter > Style > Fillet command. Set the width to 36px height to 41px in the transform panel.

Step 20
Copy the triangle (Ctrl + C) One, and paste it in front (ctrl+f). Create an ellipse with a width of 60px high to 52px. Place it on top of the triangle and place it in the middle of the triangle. Select the duplicated triangles and ellipses and let them intersect, and we'll do the high light with the intersecting parts.

Step 21
Select the high light portion of the triangle and fill it with a linear gradient. Change the first slider to light gray blue, and the second slider to Gray-blue. Adjusts the gradient so that the light color is at the top. Fills the triangle with a linear gradient, changes the first slider to gray-blue and the second slider is dark gray blue. Adjusts the gradient so that the darker color portion is at the top of the triangle.

Step 22
Build a positive circle with a width and height of 5px, and fill it with a linear gradient. Change the first slider to light blue, and the second bad block to a deep gray-blue color. Adjust the gradient so that the shallow part is at the top of the gradient, select the circle, offset the 1px inward, and then adjust the gradient of the offset graphic so that the deep color is above the gradient.

Step 23
Place the circle to the upper left of the triangle, and drag to copy a circle to the lower-left part of the triangle.

Step 24
Put all the good triangles into the continuity board you made earlier.

Step 25
Once placed, we do the shaded part of the joint, using the direct selection tool (a) to copy one of the following triangles. Change the color of the copied graphic to 80% black and place it behind the original triangle. With the selection tool (V), adjust to the image shown below.

Step 26
Select the graphic at the top of the continuity board and place it on the upper part of the body.

Step 27
Now we can add some text to the blue part of the Clipboard. For the main v-word I use Georgia font and the following text is Helvetica light font. Whatever font you want to use, place it in the right place, and point text > Create contour (shift+ctrl+o).

Step 28
We want the "V" word to also have a reflection, copy (Ctrl + C) The graphics below the blue graphic and affixed to the front (ctr+f), and then copy the "V" word is also affixed to the front. Select two copied graphics to perform a command to intersect the shape region. The fill shape is a linear gradient, the first slider has a white color and the second slider is light blue. Adjusts the gradient so that the darker color is at the top of the gradient.

Step 29
The continuity plate is now almost complete, we need to give it a point perspective, can create a sense of space. Select all the things you do and then point objects > Groups (CTRL+G).

Step 30
In this step, we'll add a little perspective to the model with the free twist tool. Select the work you do then point to the effects > distort and Transform > free distortion. When you open the dialog box, select the point in the upper-right corner and move slightly below the left. Select the top left point and make a slight move to the lower right, remembering that it is slight. When you finish this effect, execute the object > expand the Appearance. Refer to the image below, the setup is done well, the effect will make you satisfied, believe me.

Step 31
Select the continuity plate and rotate it 10 degrees in the transform panel.

Step 32
Point objects > Ungroup (ctrl+shift+g) to dismiss objects from grouping.

Step 33
Select the largest rectangular copy (Ctrl + C) in the next section and paste it back (ctrl+b). Then use the selection tool (V) to select the following rectangle for a slight stretch, changing the linear gradient to three sliders, and the middle slider to 30% black on both sides of 80% black.

Step 34
Also select the lower portion of the largest rectangular copy (Ctrl + C) and paste it back (ctrl+b). Stretch it to the left and then change the middle gradient's slider to 50% black.

Step 35
Select the lower part of the clamp on the top of the midfield sheet white and then press ALT to drag the copy down to the lower left, and then add the gradient the first slider has a black second slider with a color of 80%. Adjusts the gradient so that the deep color is above the gradient. Place the copied graphic at the bottom to move the layer quickly down with ctrl+shift+.

Step 36
With the direct selection tool (A), select the lower right node and drag to the left. While the lower left node moves the point to the right, the node moves to the edge of the graphic below. The top two nodes move to the left and right corners of the splint. This makes the thickness of the splint.

Step 37
Drag the top part of the fixture and copy it. Drag the copied graphic to the lower left. Change the gradient with the same color. and adjust the node and the same as before, feel the thickness is almost good.

Step 38
Select all graphics, and then copy and paste. Select the copied continuity board, the Add button to the shape area on the Point Path Finder panel, and then point to expand.

Step 39
Change the black with a fill color of 30%, and then use the offset path command to shift to 4px and fill the displacement resulting in a graphic that is white.

Step 40
Select two graphics Execution Objects > Mix > Build (alt+ctrl+b). Place the back of the dashboard, then move slightly down to the left, making a shadow, so it's done.

Final image
Take a look at our final image!

Well, the above information is small series for you illustrator of this software users brought to the detailed drawing of exquisite film continuity Board icon of the tutorial to share the whole content, you see the users here, small knitting believe that we are now very clear to draw the steps of the bar, Then everyone will go to the small series to share the tutorial on their own to draw the film continuity Board icon.

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.