Illustrator draw exquisite and delicate vintage lighter tutorials

Source: Internet
Author: User
Tags dashed line
To give you illustrator software users to detailed analysis to share the painting of delicate and exquisite retro lighter tutorial.
Tutorial Sharing:
Step 1
Press Control+n to create a new document. Both width and height are entered in 600, then the Advanced button is clicked. Color mode select RGB, grid effect Select 72ppi, and make sure the new object and pixel grid are not selected before clicking OK. Now enable the grid (view < display grid) and Snap to Grid (view < Snap to Grid). First, you need a grid with a 5 pixel interval. Click Edit < Preferences < guides and grids < grids, enter 5 at the grid line interval and enter 1 at the secondary divider line. You can also open the Navigator (Window < navigator) to preview the size and position of the shape. Don't forget to set the unit to pixels in edit < preferences < units < general. All of these options will significantly increase your working speed.

Step 2
Use the Rectangle tool to create a 95*220px rectangle and populate the linear gradient as shown in the following illustration. The white number on the gradient represents the position percentage. Select the rectangle and make a copy of it before it (control+ C < control + F).

Step 3
Create two 10*230px shapes with a rectangular tool. These two shapes are filled with white and placed in the position shown in the first picture. Select the two rectangles and convert them to a compound path (object < compound path < build or control+8). Also select the new compound path and the last copy generated in the previous step, open the Pathfinder panel, and click the Intersect button. Select the resulting Shape grouping and ungroup (Shift + control + G). Select the white rectangle on the left to reduce the opacity to 25% and the blending mode to soft light. Select another white rectangle, reduce the opacity to 10%, and set the blending mode to soft light.

Step 4
Disable Snap to Grid (view < Snap to Grid) and then set the keyboard increment to 1px in edit < Preferences < General. Select the rectangle created in step 2 to generate two replicas (control + C < control + F < control + f). Select the top-most copy and move it down 1px by clicking the down arrow on the keyboard one time. Re-select two copies and click on the path finder to subtract the top button. Fill the resulting shape with white, reduce its opacity to 70%, and set the blending mode to soft light.

Step 5
Select the rectangle created in step 2 to generate two replicas (control + C < control + F < control + f). Select the copy above and move it online 1px by clicking the up arrow on the keyboard. Select two copies and click on the path finder to subtract the top button. Fills the resulting shape with black and changes the blending mode to soft light.

Step 6
Select the rectangle created in step 2, and then generate two replicas (control + C < control + F < control + f). Select the copy above and move it 1px by clicking the right arrow on the keyboard. Re-select the two copies, and then click the Subtract Top button on the path finder. Fills the resulting shape with black, reducing its opacity to 3%.

Step 7
Select the rectangle created in step 2, and then generate two replicas (control + C < control + F < control + f). Select the copy above and move it 3px by clicking the right arrow on the keyboard 3 times. Re-select the two copies, and then click the Subtract Top button on the path finder. Fills the resulting shape with black and sets the opacity to 3%.

Step 8
Select the rectangle created in step 2, and then generate two replicas (control + C < control + F < control + f). Select the copy above and move it 6px by clicking the right arrow on the keyboard 6 times. Re-select the two copies, and then click the Subtract Top button on the path finder. Fills the resulting shape with black and sets the opacity to 3%.

Step 9
Enables snapping to the grid. Re-select the shapes created in the previous 3 steps and then group (Control + G). Select the new group, then the object < Transform < symmetry. Select vertical and then click the Copy button. This creates a grouped copy that is flipped horizontally. Select the new grouping, drag it to the right, and place it in the second picture.

Step 10
The following steps will require a grid of 1px intervals. Set grid line spacing to 1px at Edit < preferences < guides and grids. Using the Rectangle tool, create a 1*218px rectangle, fill it with black and place it in the position shown in Figure 1. Copy this slender rectangle once (control + C < control + F), fill it with white, and move the 1px to the right like the second icon.

Step 11
Select the black rectangle created in the previous step, set its blending mode to soft light, and replace the plain black with the linear gradient fill shown in Figure 1 below. Select the white rectangle that you created in the previous step, set its blending mode to soft light, reduce the opacity to 70%, and replace the plain white with the linear gradient shown in Figure 2 below. The yellow number 0 on the gradient image represents the percentage of opacity.

Step 12
Re-select the two slender rectangles that were edited in the previous step and group them. Select the new group, then the object < Transform < symmetry.
Select vertical and then click the Copy button. Select the new grouping, drag it to the right, and place it in the position shown in Figure 2 below.

Step 13
Select the shape you created in step 2, open the Appearance panel, and add a second fill using the Add New Fill button (see blue arrows). You will need a built-in pattern as a new fill color. Pull out the color board, open: Fly out menu → open swatch library → pattern → basic graphics → basic graphics _ texture. A new window appears with a built-in set of patterns. Make sure that the second fill is still selected, then add the "USGS 19 flood" pattern, set its blending mode to overlay, and then go to object < Transform < rotate. Enter 90 degrees, do not select transform objects, select Transform pattern, and then click OK. Finally, it should look like Figure 2 below.

Step 14
Select the shape edited by the previous step, open the Appearance panel, and add a third fill. Select to set the fill color to r=131 g=69 b=28 (Note: 133, 69, 72 in the original tutorial diagram are incorrect), reduce its opacity to 50%, and set blending mode for color deepening.

Step 15
Reset the grid line spacing to 5px. So, to edit < preferences < guides and grids, enter 5 at the grid line interval. Now let's focus on the bottom of the shape that is currently being created. Create a 95*15px rectangle with the rectangle tool, fill the linear gradient as shown in Figure 1 below and place it in the corresponding position. Next, you need to use the round any Corner script.
The material has been shared to the micro-disk download
Then go back to illustrator and select the Direct Selection tool (A). Select the two anchor points highlighted in Figure 1 below, and then file < script < other scripts. Open round any Corner Script, enter 5px and click OK. Finally, your shape should be the same as Figure 2 below. Select the graphic and make a copy (Control + C < control + F).

Step 16
Create a new two 10*25px rectangle with the rectangle tool. Fill them in white, place them in the position shown in Figure 1 below, and set them up in a compound path (Control + 8). Select the new compound path and the last shape you created in the previous step and click the Intersect button on the Pathfinder panel. Select the generated shape group and ungroup it (Shift + control + G). Select the white shape on the left, set the opacity to 20%, and then select another white shape and set its opacity to 10%.

Step 17
Disable Snap to Grid (view < Snap to Grid). Select the shape drawn in step 15, and then generate two replicas (control + C < control + F < control + f). Select the first copy and move the 1px down. Re-select both copies and click the Subtract Top button on the Pathfinder panel. Fills the resulting shape with white, opacity setting to 75%, and blending mode to soft light.

Step 18
Select the shape drawn in step 15, and then generate two replicas (control + C < control + F < control + f). Select the above copy to move it up by 1px. Re-select two copies and then click in the Pathfinder panel to subtract the top button. Fills the resulting shape with black, with an opacity setting of 50% and a blending mode set to overlay.

Step 19
Select the shape you created in step 15 and then generate a copy (Control + C < control + F). Select this copy to move up to 1px and then generate a copy (Control + C < control + F). Select it to move up 1px. Re-select the two shapes created in this step and click the Minus Top button in the Pathfinder panel. Fill the resulting shape with a linear gradient as shown in the following illustration, and set the opacity to 50%.

Step 20
Enable Snap to Grid (view < Snap to Grid). Next, we'll create a simple pattern. First, you need to set the grid spacing line to 1px. Now, with the Rectangle tool selected, create a square of 3px size and fill it with any color. Continue with the rectangle tool to create a 1*3px size rectangle, fill it with black and place it in the position shown in Figure 2 below. Create a new 1*3 size rectangle, fill it with white and place it in the position shown in Figure 3 below. Re-select the square that you created at the beginning of this step and cancel the fill on the Appearance panel. Finally, select the 3 shapes created in this step and drag them into the swatches. This will add to your new pattern. Go back to the layers panel and delete the 3 small shapes.

Step 21
Select the shape you created in step 15 to add a new fill to the Appearance panel. Select to add the pattern created in the previous step, reduce its opacity to 40%, and set the blending mode to soft light.

Step 22
Reset the grid spacing line to 5px. Use the Rectangle tool to create a 95*15px shape, fill the linear gradient as shown in the following illustration, and generate a copy at the corresponding position as shown in the following figure.

Step 23
Continue using the Rectangle tool to create two 10*25px shapes. Fill the two shapes with white, place them in the position shown in Figure 1, and convert them to compound paths (Control + 8). Select the new compound path and the copy that you created in the previous step, and then click the Intersect button on the Path Finder panel. Select the generated shape group to ungroup. Select the white rectangle to the left, set its opacity to 20%, and then select another white rectangle and set its opacity to 10%.

Step 24
Disable Snap to Grid (view < Snap to Grid). Select the rectangle created in step 22 and generate two replicas (control + C < control + F < control + f). Select the copy above and move the 1px down. Re-select two copies and click the Minus Top button on the Pathfinder panel. Fills the resulting shape with white, reduces opacity to 60%, and sets the blend mode to soft light.

Select the rectangle created in step 22 and generate two replicas (control + C < control + F < control + f). Select the copy above and move 1px up. Re-select two copies and click the Minus Top button on the Pathfinder panel. Fills the resulting shape with black, reduces its opacity to 15%, and sets the blending mode to soft light.

Step 26
Select the rectangle created in step 22 and generate two replicas (control + C < control + F < control + f). Select the copy above and move 2px up. Re-select two copies and click the minus Top button in the Pathfinder panel. Fills the resulting shape with black, sets the opacity to 15%, and sets the blending mode to soft light.

Step 27
Select the rectangle created in step 22 to add a new fill to the Appearance panel. Select it, add your pattern, reduce its opacity to 40% and set the blending mode to soft light.

Step 28
Enable Snap to Grid (view < Snap to Grid), and then focus on the top of the shape you edited in the previous step. Use the Rectangle tool to create a 70*45px shape, fill it with a linear gradient as shown in the following figure, and place it in the corresponding position as shown in Figure 1 below. Switch to the direct selection tool (A), select the anchor point to the right of the top and move it to the left 5px. You will need to use round any Corner script again. Make sure the selected tool is the direct selection tool, select the two highlighted anchor points in Figure 2, and then file < script < other scripts. Open round any Corner Script, enter 5px and click OK. Finally, your shape should look like Figure 3.

Step 29
Disable Snap to Grid (view < Snap to Grid). Select the shape you created in the previous step, and then generate two replicas (control + C < control + F < control + f). Select the copy above and move 1px up. Re-select two copies and then click in the Pathfinder panel to subtract the top button. Fills the resulting shape with black and reduces its opacity to 5%.

Step 30
Select the shape created in step 28 to generate two copies. Select the copy above and move 3px up. Re-select two copies and then click in the Pathfinder panel to subtract the top button. Fills the resulting shape to black and then reduces its opacity to 5%.

Step 31
Select the shape created in step 28 to generate two copies. Select the copy above and move 1px to the left. Re-select the two copies and click the Minus Top button on the Pathfinder panel. Fill the resulting shape with a linear gradient as shown in Figure 3 below.

Step 32
Select the shape created in step 28 to generate two copies. Select the copy above and move 2px to the left. Re-select two copies and click on the Path Finder panel to subtract the top button. Fill the resulting shape with a linear gradient and set the blending mode to overlay, as shown in the following illustration. (Note: The original tutorial linear gradient fill diagram 70 70 70 is wrong, should be 255 255 255, or close to white.) )

Step 33
Select the shape created in step 28 to generate two copies. Select the copy above and move the 1px down. Re-select two copies and click Minus Top button in the Pathfinder panel. Fills the resulting shape with a linear gradient as shown in the following illustration.

Step 34
Select the shape created in step 28 to generate two copies. Select the copy above and move the 2px down and move 5px to the left. Re-select two copies and then click in the Pathfinder panel to subtract the top button. Fill the resulting shape with a linear gradient as shown in the following illustration, reduce its opacity to 55%, and then set the blending mode to overlay.

Step 35
Enable Snap to Grid (view < Snap to Grid). Select the shape you created in step 28 and then generate a copy. Use the Rectangle tool to create a 10*55px shape, fill it with white and place it in the corresponding position in Figure 2 below. Select the white rectangle and the shape you created at the beginning of this step, and click the Intersect button on the Pathfinder panel. Select the resulting shape and reduce its opacity to 15%.

Step 36
Use the Rectangle tool to create a 10*5px shape, fill it with a linear gradient as shown in the following figure, and place it in the corresponding position as shown in Figure 1 below. Make sure the new rectangle is selected, then the effect < styling < fillet. Radius input 2.5px, click OK then effect < styling < projection. Enter the content as shown in the following figure and click OK.

Step 37
Set the grid spacing line to 1px, and then use the Rectangle tool to create a 3*5px shape. Fill it with a linear gradient as shown in the following illustration and place it in the corresponding position, then effect < style < projection. Enter the content as shown in the following figure and click OK.

Step 38
Use the Rectangle tool to create a 32*10px shape and then fill it with a linear gradient as shown in the following illustration. (Note: The original tutorial diagram of the gradient color is wrong, the correct should be: 0 0 0, 110 110 110, 170 170 170, 100 100, 100, 50 50 50)

Step 39
Use the Rectangle tool to create a 32*1px shape. Fill it with a linear gradient as shown in the following illustration, place it in the corresponding position, and then set its opacity to 30%. Continue using the Rectangle tool to create a 32*3px shape. Fill the linear gradient as shown in the following figure and place it in the corresponding position with the opacity set to 20%. Use the Rectangle tool to create a 32*1px shape. Fill the linear gradient as shown in the following figure and place it in the corresponding position with the opacity set to 30%.

Step 40
Focus on the top of the shape you created in the previous step and use the Rectangle tool to create a 35*8px shape. Fill it with a linear gradient as shown in the following illustration, place it in the corresponding position, and then select the Direct Selection tool. (Note: The number indicated in the original tutorial diagram is incorrect and should be: 000, 110 110 110, 170 170 170, 100 100, 100, 50 50 50) Select the anchor point to the left of the top and drag the 3px down. Make sure the new shape is selected, and then the effect < deformation < up arc. As shown in the following diagram, click OK, and then object < expand the appearance.

Step 41
Use the Round any Corner script for the last time. Focus on the shape you created in the previous step, select the Direct Selection tool, select the two highlighted anchor points shown in Figure 1 below, and then file < script < other scripts. Open round any Corner Script, radius enter 2px and click OK. Finally, your shape should look like Figure 2.

Step 42
Disable Snap to Grid (view < Snap to Grid). Select the shape edited in the previous step, and then generate two replicas (control + C < control + F < control + f). Select the copy above and move the 1px down. Re-select the two copies, and then click Minus the top button in the Pathfinder panel. Fills the resulting shape with a linear gradient as shown in the last picture, and sets the blending mode to soft light.

Step 43
Select the shape you created in step 41, and then generate two replicas (control + C < control + F < control + f). Select the section above and move the 1px up. Re-select two copies and then click in the Pathfinder panel to subtract the top button. Fills the resulting shape with black, reduces its opacity to 30%, and changes the blend mode to soft light.

Step 44
Enable Snap to Grid (view < Snap to Grid). Select all the shapes created in the last 6 steps and group them (Control + G). Select the new grouping, place it at the bottom (Shift + control +) and place it in the corresponding position as shown in the following figure.

Step 45
Using the Oval tool (L), create a 40px circle, fill it with a radial gradient as shown below, and place it in the corresponding position as shown in Figure 1. Place the newly created shape on the bottom (Shift + control + [) and generate a copy (Control + C < control + F).

Step 46
Select the shape you created in step 28, and then the object < path < offset path. Enter a 1px offset and click OK. Select the resulting shape and the last generated copy of the previous step, and then click the Intersect button in the Pathfinder panel. Fills the resulting shape with black and reduces its opacity to 15%.

Step 47
Disable Snap to Grid (view < Snap to Grid). Select the circle and then object < path < offset path created in step 45. Enter the offset -0.5px and click OK. Select the generated shape, build a copy, select it, and move the 1px down. Re-select the two shapes generated in this step and click the Minus Top button in the Pathfinder panel. Fills the resulting shape with a linear gradient as shown in the following illustration.

Step 48
Select the circle generated in step 45 and add a stroke of 2px thickness to the skin panel. Select it, set the stroke color to r=50 g=50 b=50, and open the Stroke panel. Select the dashed line, and then enter 2pt in both dashed and gap. Return to the Appearance panel and add a second stroke to your circle by adding a new stroke button. Select the new stroke, set to 1pt wide, align to the inside, and set the color to r=120 g=120 b=120.

Step 49
Enable Snap to Grid (view < Snap to Grid). Use the Rectangle tool to create a 87*3px size shape, fill it with black, place it as shown in the first picture below, and then effect < style < rounded corners. Radius input 1px, click OK then effect < warp < arc. As shown in the following diagram, click OK and then the object < expand the appearance. Fill the resulting shape with a linear gradient as shown below, place it at the bottom and add a stroke of 1pt thickness. Let the stopwatch inside align and set the color to r=45 g=45 b=45.

Step 50
Disable the grid (View < hide grid) and Snap to Grid (view < Snap to Grid). Select the Type tool (T) and enter the text of your gray color. Use the "Hybrid Bold" font with a size of 30pt and bold. Select it and then object < expand. Select the resulting grouped shape and convert it to a compound path (Control + 8).

Step 51
Select the composite path generated by the previous step and generate two replicas (control + C < control + F < control + f). Select the copy above, and then move the 1px down. Re-select the two copies, and then click the Subtract Top button on the Path Lookup tool panel. Select the resulting shape group and convert it to a compound path (Control + 8). Fill it with black, reduce opacity to 50%, and set blending mode to overlay.

Step 52
Select the composite path created in step 50, and then generate two replicas (control + C < control + F < control + f). Select the copy at the bottom and move it down to 1px. Re-select the two copies and click minus the top button in the Pathfinder panel. Select the resulting shape group and convert it to a compound path (Control + 8). Fill it with white, reduce opacity to 70%, and then set the blending mode to soft light.

Step 53
Select the compound path you created in step 50, replace the gray with a black fill, reduce its opacity to 30%, and then change the blending mode to overlay.

Step 54
Select all the shapes that are currently created and then group them (Control + G). Select the new group, and then add 5 projection effects as shown in the following illustration.

Step 55
Finally, let's add a simple background. Use the Rectangle tool to create a shape with the same artboard size, fill the radial gradient fill as shown below, and then place it on the bottom (Shift + control + [). Make sure that the new shape remains selected, focusing on the appearance panel to add a second fill. Fill to black, reduce its opacity to 15%, set blending mode to multiply, and then effect < sketch < scratch paper. Enter the data as shown below and click OK. Go back to the surface change and add your third layer fill. Select it and add a "diamond" graphic (you can find it in the basic graphics _ texture panel) to reduce its opacity to 10%, set the blending mode to multiply, and then effect < art effect < film granules. Enter the data as shown below, click OK and you are done.

End
Now, your work is done.
It's supposed to look like this.

Well, the above information is a small series for you illustrator of this software users brought to the detailed mapping of delicate and exquisite retro lighter tutorials to share the entire content of the you see the users here, small knitting believe that you see here is very clear the way, Then everyone will go to the small series to share the tutorial to draw their favorite style of retro lighters.

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.