I will give you a detailed analysis of the Illustrator software and share with you the tutorials on creating beautiful Crystal icons using masks and pens.
Tutorial sharing:
1. Open the AI software and create a 40*40 document (the size can be customized, and it is recommended to be Square)
2. Start the production stage. First, select the rounded rectangle tool and press shift + alt to draw a rounded square with a radius of 5. Then select the radial gradient tool, move the radial gradient tool to the bottom of the Circle Square, slightly adjusted to the elliptical, the effect is shown in the following figure. Name: rounded corner square
3. Copy the two rounded squares and drag them to one side (used later). Adjust the remaining two squares to the left image. shift + f8 shows the path search tool, select two squares and click the Path Finder minus the button. The effect is shown on the right. Name: path minus
4. Move the rounded corner on the side to the position shown in the figure.
5. Select the path minus the layer for linear gradient. The effect is shown in the following figure:
6. Now we can see that the path minus the image and the rounded corner are merged. Select the diameter selection tool to adjust the path. The two corners are adjusted slightly (I also adjusted the width of the path here ), then stroke 0.05, and select a color that is similar to the square of the rounded corner, as shown in the figure.
7. Copy the rounded corner square (ctrl + c, ctrl + f) and select the tool to change the two rounded corners to a right angle. Press and hold the up key to move the rounded corner to 1/3, the linear gradient is shown in the figure. Name: rectangle
8. Click the transparency panel, ctrl + c copy the rectangle, click the triangle in the right corner of the transparency panel, select the suggested opacity mask, and press ctrl + f to paste it into the opacity mask, the black-and-white linear gradient is slightly adjusted, as shown in the figure below.
9. Select the text tool, enter the word "PS", adjust the size to the appropriate position of the rounded corner square, select none as the fill color, stroke White, and width 2.
10. This step is very important. Select "PS", "text", "rarr", "create Profile", "object", and "extension". Select the radial gradient tool to fill the text with gradient, and select "filter color" for transparency. The effect is shown in the figure below.
11. Copy the rounded corner square (ctrl + c, ctrl + f) and place it above all layers (ctrl + shift +]). Use the direct selection tool to adjust the radius gradient. Name: triangle chart. The effect is shown in the following figure:
12. Copy the triangle chart by pressing ctrl + c, add an opaque mask, press ctrl + f, and paste it in a radial gradient. Adjust it to a transparent image by using the triangular mask. The effect is shown in the figure below.
13. We found that the triangle image blocks the brightness of PS and placed the PS image on the top. This step is almost successful.
14. Add a shadow to make the whole feel heavy. Select the rounded corner square and the effect & rarr; stylized & rarr; Shadow. The parameters are shown in the following figure.
15. Success. The result is displayed.
Follow these steps to change the color of the two images.
All right, the above information is the detailed tutorial on creating beautiful Crystal icons using masks and pens for the users of Illustrator, the users here are very clear about the production method, then you can follow the tutorials shared above to create your favorite Crystal icons.
