Illustrator draw lifelike American Captain Shield icon tutorial

Source: Internet
Author: User
Give the users of the illustrator software a detailed tutorial on how to draw the lifelike American Captain Shield icon.
Tutorial Sharing:
1, create a new document and set the grid
Press Control-n to create a new document. Select pixels from the Unit drop-down menu, 600 in the Width and Height box, and then click the Advanced button. Select RGB, screen (72ppi), and make sure that the check box is selected for the pixel grid of the neat object, and then click OK.
Enable the grid (View > Display grid) and Snap to Grid (View > Snap to Grid). For starters, you will need a grid to add 5px to each, so simply go to edit > Preferences > Guide > Grid, enter 5 in the grid line in the box 1 per carton. You should also open the Info Panel (Window > info) for real-time preview with shape size and position. Don't forget to measure units from Edit > Preferences > Unit > generally set to pixels. All of these options can significantly improve your productivity.

2, create the main profile
1th Step
Select the Ellipse tool (L) and focus on your own toolbar. Remove the color from the stroke, and then select the fill and set its color to r = 228 G = B = 28. Move to your artboard and simply create a 290px circle.

2nd Step
Disable the grid (View > Hide grid) and Snap to Grid (View > Snap to Grid). In this step, you need to focus on your red circle, so open the Alignment Panel (Window > Alignment). Set alignment to artboard (open fly out menu, go to display option if you can't see the alignment to part, like figure below), then simply click the Horizontal center and Vertical Center alignment button. It should look like the following picture.

3rd Step
Make sure your red circle is selected to go to the object > Path > Offset path. Enter the -25px offset, and then click OK.
Select the resulting shape, replacing the existing fill color with white (R = 255 G = 255 B = 255), and then go to the object > Path > Offset path. Enter the -25px offset, and then click OK.
Make sure that the resulting shape is selected, replacing the existing fill color with r = 228 G = B = 28, go to the object > path > Offset path at once. Enter the -25px offset, and then click OK. Select the newly created shape and replace the existing fill color with r = G = + B = 157.

4th step
Go to Edit > Preferences > General, and make sure the keyboard increment is set to 1px. Select the largest, red circle and two copies in front (ctrl-c combination > Control-f> Control-F). Select the top of the copy and move it using the UP arrow button on the keyboard 5PX up. Re-select make two copies in this step, open the Pathfinder Panel (Window > Pathfinder), and then click the button on the front of the minus sign.
Make sure that the resulting shapes remain selected and focus on the Appearance Panel (Window > Appearance). To set the fill color to black (R = 0 G = 0 B = 0), simply click on the "Opacity" section of the text and open the transparency fly out panel. Focus on the mixed-mode pull-down menu and set it to soft light.

5th step
Re-select the largest, red circle, and in front of the other two copies (ctrl-c combination > Control-f> Control-F). Select the top of the copy and move it 10PX up using the same up arrow button on the keyboard. Re-select make two copies in this step, and then click the minus Sign Front button from the Pathfinder panel.
Make sure that the resulting shape remains selected, concentrates on the appearance panel, and sets the blending mode to soft light.

(3) Created star
1th Step
Enable the grid (View > Display grid) and Snap to Grid (View > Snap to Grid). Using the Rectangle tool (M), create a 130 X 45px shape, set the fill color to white, and make it the first image.
Look at the bottom of this new rectangle, pick the delete Anchor point tool (-) and simply click on the right anchor to remove it. Continue to focus on the bottom of your new styling, switch to the direct selection tool (A), and select the rest of the anchor points only with its 65px right. Exactly what it should look like in the second picture.

2nd Step
Using the Rectangle tool (M), create a 80x125px shape, set the fill color to white, and use it as the first image.
Around the top edge of the new rectangle, pick the delete Anchor point tool (-) and simply remove the right anchor point. Continue to focus on the new, white shape of the top edge and switch to the direct selection tool (A). Select the remaining anchor points, just 40PX drag them to the right. Re-select the shapes you made in this step and go to the object > path > Add anchor points.
Make sure the direct selection tool (A) is still active, select the anchor point highlighted in the third image only to 30PX it up. It should be like in the fourth image.

3rd Step
Re-select two, white shape, make your star, then click the Unity button from the Pathfinder panel.

4th step
Make sure that your star remains selected, focus on the Appearance panel, select an existing stroke, and set its color to black.
Continue to focus on the new itinerary, simply click on the "Stroke" section of the text and open the stroke to fly out of the panel. Check the alignment stroke inside button with a weight of 2px. Make sure your trip is still selected, reduce its opacity to 3%, change the blending mode to multiply, and affect the > path > Offset path. Enter the Ofset for -7PX, and then click OK. Return to the Appearance panel, select the entire path (simply click on the "Path" section of the text from the top of the façade panel) and go to influence the > through > Fisheye lens. Go to the properties shown in the following figure, and then click OK.

(4) Create a radial grid
1th Step
Using the Ellipse tool (L), create a new 290px circle and center the align panel buttons horizontally centered and vertically centered. Make sure this new shape stays selected, opens the Gradient Panel (window > gradient) and simply clicks the gradient thumbnail default black plus white linear gradient.
Continue to focus on your gradient panel, open the Type Drop-down menu, and select Radial. It should look like the following picture.

2nd Step
Make sure that the radial gradient circle is still selected, and then go to the object > extension. Check the gradient grid box, and then click OK.
Highlight Layer Panel (Window > Layer), select the newly created group, it ungroup (shift control-G), and then press alt-Control-7 (or go to object > Clip Mask > Release) to release the existing clipping mask. Back to the layers panel, simply remove the top 290px circle (the front clipping path).

3rd Step
Select your grid and open the Transform Panel (Window > Transform). Check the constraint width and height scale buttons, and then simply enter 290 in the width (or height) box.

4th step
Disable the grid (View > Hide grid) and Snap to Grid (View > Snap to Grid). Select your web, grab the grid tool (U), and add four new mesh points, as shown in the figure below.

5th step
Pick the direct selection tool (A) and focus on your own grid. Select the grid point one by one and replace the existing color in the way shown in the following figure.

6th step
Make sure your network is still selected, focus on the Transparency Panel (Window > Transparency), and then change the blending mode to multiply.

5, add subtle shadows and textures
1th Step
Using the Ellipse tool (L), create a new 290px circle, set the fill color to black, and center the align panel buttons horizontally centered and vertically centered.

2nd Step
Make sure that your black circle is selected and focused on the appearance panel. Select the existing fill and change the blending mode to overlay to affect the > path > Offset path. Enter the offset of the -2px and click OK to influence > Art > Film granules. Enter the properties shown in the following figure, click OK, and go to influence > Blur > Radial blur. Go to the properties shown in the following illustration, and then click OK.

3rd Step
Re-select your previous lap and grab it. Add a second fill using the Add a new Fill button (the blue circle pointing to the following figure) in the Appearance panel. Select the new fill, reduce its opacity to 70%, change the blending mode to multiply, and add a radial gradient as shown in the following figure. Keep in mind that the yellow number represents the opacity percentage from the gradient image, while the white number represents the position percentage. This simply means that you have to select each gradient slider, focus on transparency and position the box from the gradient panel, and then enter the following numbers to indicate.

4th step
Re-select your previous lap and grab a 1px, black stroke on the appearance panel. Select this delicate stroke, adjust it to the inside, reduce the opacity to 15%, and change the blending mode to overlay.
Make sure your front circle remains selected, continue to focus on the Appearance panel, add a new stroke button (pointing to the blue circle as shown below), and a second stroke. Select this new stroke, drop the white color and weight in 1 pixels, align it to inside, change the blending mode to soft light, to affect the > path > Offset path. Enter the offset of the -1px, and then click OK.

5th step
Enable the grid (View > Display grid) and Snap to Grid (View > Snap to Grid). Using the Ellipse tool (L), create a 130 X 60px shape, set the fill color to black, and use it as the first image. Make sure that the new shape remains selected, reducing its opacity to 60%, and changing the blending mode to multiply, to affect > Blur > Gaussian blur. Enter a 20-pixel radius, and then click OK.

6th step
Using the Ellipse tool (L), create a 140x75 pixel shape, set the fill color to white, and make it the first image. Make sure this new shape remains selected, reducing its opacity to 20%, changing the blending mode to color Dodge, and going to affect > Blur > Gaussian blur. Enter the radius of the 15px, and then click OK.

6, add background and Dragon Shadow
1th Step
Using the Rectangle tool (M), create a new 610px square, set the fill color to r = G = 70, and center the align panel buttons horizontally centered and vertically centered.
Make sure that the new shape remains selected, and the Add new Fill button is centered on the appearance panel with the addition of a second fill. Select this new fill, set the color to black, reduce its opacity to 10%, change the blending mode to multiply, and affect the > Art > Film particles. Go to the properties shown in the following figure, and then click OK.

2nd Step
Re-select the largest, red circle to influence > Styling > Shading. Please look at the properties shown above, left window (pictured below), click OK, and then influence > Styling > Shading. In the properties shown above, in the right window, click OK, again to affect the > Styling > Shadows. Please look at the properties shown below, in the left window, click OK, and then go to a more time influence > Styling > Shading. Please display the properties in the right window below, and then click OK.

3rd Step
Using the Rectangle tool (M), create a 2 90x305px shape, set the fill color to black, and make it the first image. Make sure the new shape remains selected and focused on the appearance panel. The opacity is reduced to 15%, blending mode to soft light, instead of the monotone color used to fill the linear gradient as shown in the following figure. Do not forget that the white from the 0 gradient image represents an opacity percentage.

Final effect Diagram

Well, the above information is small to give you illustrator of this software users brought to the detailed mapping of the real American Captain Shield icon of the tutorial to share the full content of the You see the users here, small knitting believe that everyone is very clear before the drawing method, So what are you waiting for, quick to follow the small series of the above to bring you to try to draw the United States captain of the Shield bar.

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.