I will give you a detailed analysis of the Illustrator software and share with you the tutorial on creating the well-designed envelope.
Tutorial sharing:
1. Create a new file & create a grid
Click Control + N to create a new file. Enter 600 in the width and height columns, and then click the Advanced button. Select RGB, resolution (72ppi), enable grid (View> display grid), and align grid (View> align grid ). As shown in the following figure.
2. Create a pattern and a chart category
Step 1
Select the rectangle tool (M ). Set stroke to none, then select fill, set the color to R = 255G = 222 B = 23. Then, create a 10x40 px rectangle and align the grid to simplify your work. Set the fill color to R = 162G = 179 B = 189, and create a 10 x 15px rectangle, as shown in the second image. Then, set the fill color to R = 225G = 176 B = 169, create another 10 x 15px rectangle, place it as shown in the second image, and select the direct selection tool (). In the second image, select the four highlights and drag them down 5px. As shown in the following figure. Re-select the yellow rectangle to remove the color from the fill. Select all three shapes, drag them into the color palette panel (window> color palette), and save them as a pattern. Once you have your pattern, you can delete your shape from your panel.
Step 2
Select the rectangle tool (M) to create a random shape, fill it in black, and reduce the opacity to 15%. Make sure that the new shape is selected. Open the graphic style panel (window> graphic style, and then click the new graphic style button (pointed by the small blue arrow ). Double-click the latest saved image style and name it black "black ". Return to your panel and delete the existing shape.
3. Create an envelope
Step 1
Use the rectangle tool (M) to create a 250 x PX shape and fill it with a linear gradient, as shown below, to go to the effect> stylized> rounded corner. Enter a 10 px radius and click OK to enter the object> extended appearance. On the layers panel (window> layer), double-click the existing shape and name it "main ". Select "main" and make a copy (Control + C> Control + F). You will need it later. As shown in the following figure.
Step 2
Use the rectangle tool (M) to create a 10 x 160px shape, add the black "black" image style, and place it as the first image. Copy the thin rectangle (Control + C> Control + F), select a copy, drag it to the right, and place it like the second image. Select two shapes and click Control + 8 (or enter the object> composite path> make) to convert them into a simple composite path. Select the compound path and copy it together with "main". Open the path Control Panel and click the intersection button. Make sure that the result group is selected and click Shift + Control + G to disband it.
Step 3
Select all black shapes, increase their opacity to 100%, and then enter the color palette panel to add your pattern.
Step 4
Select "main", create a replica (Control + C> Control + F), and bring it to the front (Shift + Control +]). Make sure that this replica is selected, remove the linear gradient from the fill, and add a black line. Select it, set the blending mode to soft light, and click "copy selected project" four times (as shown in the following figure, the blue arrow points out ). Finally, you should have five lines. Select the bottom line, make it 1pt wide, arrange it internally, and reduce its opacity to 60%. Continue to the next line, just make it 2pt width, arrange it inside, reduce its opacity to 30%. Continue to the next line, make it 3pt wide, arrange it internally, and reduce its opacity to 20%. Continue to the next line, arrange it inside, and reduce the opacity to 15%. Finally, select the top line to make it into a 7pt width, arrange it inside, and reduce the opacity to 10%.
Step 5
Use the rectangle tool (M) to create a 270 x 105px shape, add your black image style, and place it like the first image. Select the direct selection tool (A), select two anchors (highlighted in the first image), and click Alt + Control + J (or enter object> path> average ). Select average and click OK. This should convert your rectangle into a triangle. Re-select and create a copy (Control + C> Control + F ). Select the triangle shape and click the intersection button from the path control panel. Select the result shape, increase the opacity to 100%, and fill it with a linear gradient as shown in the following figure. Move to the layer panel and name the new shape "bottomFold ".
Step 6
Select "main", make a copy (Control + C> Control + F) in front, and then select "bottomFold" to go to the object> path> offset path. Enter a 1px offset and click OK. Select all shapes created in this step and click the intersection button from the path control panel. The filling result is in the black shape, with the opacity reduced to 50%, and the blending mode changed to soft light.
Step 7
Select "main", make a copy (Control + C> Control + F) in front, and then select "bottomFold" to go to the object> path> offset path. Enter a 3px offset and click OK. Select all shapes created in this step and click the intersection button from the path control panel. The filling result is in the black shape, with the opacity reduced to 30%, and the blending mode changed to soft light.
Step 8
Unalignment grid (View> unalignment grid), go to edit> Preferences> general, and make sure that "keyboard increment" is set to 1px. Select "bottomFold" and make two copies (Control + C> Control + F ). Select the top copy and use the up arrow to move 1px up from your keyboard. Reselect the duplicates and click the minus button from the path control panel. The filling result is black, and its blending mode is changed to soft light.
Step 9
Select "bottomFold" and make two copies (Control + C> Control + F ). Select the top replica and use the up arrow to move 2px up from your keyboard. Reselect the duplicates and click the minus button from the path control panel. The filling result is white, reducing its opacity to 30%. Change its hybrid mode to overlay.
Step 10
Select "bottomFold" and make two copies (Control + C> Control + F ). Select the top copy and use the downward arrow to move 3px down from your keyboard. Reselect the duplicates and click the minus button from the path control panel. The filling result group is white, reducing its opacity to 60%. Change its hybrid mode to overlay.
Step 11
Select "bottomFold" and make two copies (Control + C> Control + F ). Select the top copy and use the downward arrow to move 3px down from your keyboard. Reselect the duplicates and click the minus button from the path control panel. The filling result group is white, reducing its opacity to 80%. Change its blending mode to soft light.
Step 12
Reselect "bottomFold" and combine all the shapes used to highlight the edge of the envelope to combine them (Control + G ). Move to the layer panel. Double-click the new group and name it "bottomFold ".
Step 13
Enable alignment grid (View> align to grid), select "main", and create a replica (Control + C> Control + F) in front ). Use the rectangle tool (M) to create a 270 x 105px shape and add a black "black" image style, such as placement of the second image. Focus on the bottom edge of the new rectangle, select the direct selection tool (A), select all the anchor points, and then click Alt + Control + J. Select the Both option and click OK. Select This new triangle to collide and go to the effect> stylized> rounded corner. Enter the 5px radius, click OK, and enter the object> extended appearance. Select the Result Group, accompanied by a "main" duplicate, and click the intersection button from the path control panel. Fill in the result shape as a linear gradient, as shown in the following figure, increase its opacity to 100%. On the layers panel, name this new shape as "topFold ".
Step 14
Select "main", create a replica (Control + C> Control + F) in front, and then select "topFold" to go to the object> path> offset path. Enter the 1px offset and click OK. Select the two shapes created in this step and click the intersection button from the path control panel. Fill the result in black shape, reduce its opacity to 50%, and change the blending mode to soft light.
Step 15
Select "main", create a replica (Control + C> Control + F) in front, and then select "topFold" to go to the object> path> offset path. Enter the 1px offset and click OK. Select the two shapes created in this step and click the intersection button from the path control panel. Fill the result in black shape, reduce its opacity to 30%, and change the blending mode to soft light.
Step 16
Unalignment grid (View> unalignment grid). Select topFold and make two copies (Control + C> Control + F ). Select the top check box and move 1Px down with the downward arrow in the keyboard. Select two check boxes again, and then click the minus button on the path control panel. The filling result is white and its blending mode is changed to soft light.
Step 17
Select topFold and make two copies (Control + C> Control + F ). Select the top check box and move 3Px up by using the up arrow in the keyboard. Select the two check boxes again and click the minus front button on the path control panel. The filling result is white, the opacity is reduced to 60%, and its blending mode is changed to overlay.
Step 18
Select topFold and make two copies (Control + C> Control + F ). Select the top check box and move 4Px up by the up arrow in the keyboard. Select two check box again and click the minus front button on the path control panel. The filling result is in the white shape, lowering its opacity to 80%, and changing its blending mode to soft light.
Step 19
Reselect topFold and add all shapes used to highlight the edge of the envelope to combine them (Control + G ). Move to the layer panel and name the new group "topFold ".
Step 20
Enable alignment grid (View> alignment grid ). Use the rectangle tool (M) to create a 200 x 90px shape and fill it with R = 189G = 189 B = 174, as shown in the first image for placement. Convert to select direct selection tool (A), select all the anchors (highlighted in the first image), and then click Alt + Control + J. Select the Both option and click OK. (As shown in the following figure) move to the layer panel, double-click the new triangle, name it "topFold Shadow", select it, drag it to the "topFold" group, and select this fill, reduce its opacity to 75%, change the blending mode to the front slice, and then enter the effect> stylized> rounded corner. Enter a 5px radius, click OK, and enter the object> extended appearance. Enter a 10px radius, click OK, and enter the effect> blur> Gaussian blur. Enter a 5px radius and click OK.
Step 21
Re-select "main" and make a copy (Control + C> Control + F) in front to bring it to the front (Shift + Control +]). Select this new shape, replace the linear gradient with R = 165G = 165 B = 165, and change its blending mode to color deepening. Select all shapes and combine them (Control + G ). On the layers panel, name the new group as an envelope.
4. Add a background pattern
Select the rectangle tool (M) to create a shape, which is about the same size as your art board (600x193 px) and filled with R = 212G = 212 B =, make sure that the new shape is selected, then add a second fill, and use the "add new fill" button (shown by the blue arrow below ). Select the new fill and add the radial gradient, as shown in the following figure. Add the third fill to this square. You will need to fill this new with an inner pattern. Move to the color palette to open the color palette Library> mode> basic graphics-texture. This should open a new window with simple settings of built-in mode. Make sure that your square is still selected and select the third fill. Add a diamond pattern, reduce its opacity to 60%, and change the blending pattern to overlay. Move to the layer panel, name the new shape as the background, and lock it to ensure that you do not accidentally move or select it.
5. Add shadow and envelope
Step 1
Select your envelope group and choose effect> style> shadow. Enter properties as shown in the left window, and click OK to go to effect> style> shadow again. Enter properties as shown in the middle window and go to effect again> style> shadow. Enter properties in the right window and click OK.
Step 2
Make sure that your envelope group is still selected to go to effect> distortion & Conversion> conversion. Enter properties in the left window and click OK to go to effect again> distortion & Conversion> conversion. Enter properties in the right window and click OK. Note that the direction of the distorted envelope is not changed. To solve this problem, you need to expand the pattern shape. Focus on the layers panel, open the envelope group, select all pattern shapes, and enter object> extension. The effect of the final image should look like that of the third image. Return to the layer panel and lock the envelope group.
6. Create a simple stamp
Step 1
Use the rectangle tool (M) to create a 25px square filled in white and place it as shown in the following figure. Add a 2pt red line to the new shape, select it, and open the line panel (window> line ). Select the dotted line and enter 2 in the first dash and gap boxes. (As shown in the figure)
Step 2
Make sure that your 25px square is still selected and go to object> path> outline. Select the Result Group of the shape and click the combination button from the path control panel. The filling result is black, reducing its opacity to 5%. Move to the layer panel, name the new shape as the stamp shadow, and then make a copy (Control + C> Control + F) in front ). Select it, increase the opacity to 100%, and replace the black color with a linear gradient as shown in the following figure. Return to the layers panel and name the new shape as a stamp.
Step 3
Select your stamp shape, select the appearance panel, and add the second fill. Select it, set the color to black, reduce its opacity to 40%, change the blending mode to soft light, and then enter the effect> convert to Shape> rectangle. Enter the property value as shown in the following figure and click OK.
Step 4
Make sure that your stamp shape is still selected, select the appearance panel, and use the Add New Line button to add two black lines (as shown in the following small blue arrow ). Select one at the bottom to make the 1pt width. Arrange it inside, reduce its opacity to 40%, change the blending mode to soft light, and enter the effect> convert to Shape> rectangle. Enter the attributes as shown in the following figure and click OK. Move to the top line, make it a 1Pt width, arrange it inside, reduce opacity to 40%, change the blending mode to soft light, and enter the effect> convert to Shape> rectangle. Enter the attributes as shown in the following figure and click OK.
Step 5
Select a stamp to make sure there is no fill or the line is selected (in the appearance panel), go to the effect> twist & convert> free twist. Drag the image to the bottom, click the left anchor, and choose effect> style> shadow. Enter properties as shown in the following figure and click OK.
7. Create two simple chapters
Step 1
Use the elliptic tool (L) to create a 35px circle, as shown in the following figure. Fill the circle with none, but add four red lines (R = 237G = 28 B = 36. Select the appearance panel and select the bottom line to form a 2pt width and arrange it inside. Create another line, make it 1Pt width, arrange it internally, and go to effect> path> offset path. Enter the-3px offset and click OK. Continue to the next line, make it 1Pt width, arrange it internally, and then go to effect> path> offset path. Enter the-9px offset and click OK. Return to the appearance panel, select the top line to make it 2Pt width, arrange it internally, and go to effect> path> offset path. Enter the-11px offset and click OK. Transfer it to the layer panel and name the circle as a red seal.
Step 2
Use the text tool (T) to add a simple text, as shown in the following figure. Set the color to R = 28G = 117 B = 188, use the font "Myriad Pro", set it to bold, and the size to 8 Pt.
Step 3
Make sure that your text is selected, select the appearance panel, and add a 1Pt line. Select it, set the color to R = 28G = 117 B = 188, and then go to effect> convert to Shape> rectangle. Enter properties, as shown in the following figure, and click OK to go to effect> style> rounded corner. Enter a 3px radius and click OK to return to the appearance panel. Make sure that the line is still Selected. Click Copy and select project. Focus on this new line, make it a 1 pt width, and open the existing rounded corner effect. Increase the radius to 5px and click OK to go to effect> path> offset path. Enter the 2.5px offset and click OK. Move to the layers panel and name the text as a Blue chapter.
Step 4
Unalignment grid (View> unalignment grid ). For this step, you will need the graffiti art brush. If you don't have it inside your paint panel, this is what you need to do. Open the brush panel, menu (window> brush), and simply go to open the brush Library> Art-chalk. Select the "Chalk-Scribble" art brush, select the brush tool (B), and draw a simple path to overwrite it in your chapter shape, as shown in the following figure. Set the color of these brushes to R = 30G = 30 B = 30
Step 5
Open the transparency panel. Select the red stamp, and add a brush that overwrites it to go to the make opacity mask. Make sure that the shape of the mask remains Selected. From the transparency panel, deselect the cut box and change its blending mode to soft light.
Step 6
Select the blue seal and add the art brush to repeat the mask technology of the Red Seal. However, set the blending mode to the front slice, instead of the soft light, and reduce the opacity to 10%.
Congratulations! You have done it!
The figure below shows what the work should look like. I hope you can enjoy this tutorial and apply these technologies to your future projects.
All right, the above information is the detailed design of the envelope painting tutorial for the users of this software of Illustrator, users have seen this, and I believe that everyone is very clear about the drawing method. Then, you can draw your favorite exquisite envelopes according to the tutorial above.
