Illustrator to create a stunning diamond icon making tutorial

Source: Internet
Author: User
Tags reflection
Give your illustrator software users a detailed analysis to share a tutorial on creating stunning diamond icons.
Tutorial Sharing:
Step 1
Press CTRL + N to create a new document. Select pixels from the Unit drop-down menu, enter 600 in the Width and Height box, and then click the Advanced button. Select the RGB, screen ("PPI"), and make sure that the new object is aligned with the pixel grid, select the check box, and then click OK.
Enable the grid (View > Display grid) and Snap to Grid (View > Snap to Grid).
Edit > Preferences > Guides and Grids > grid, enter 5 in grid line spacing box, secondary divider line 1.
You should also open the Info Panel (Window > info) for real-time preview of your shape's size and position.
Don't forget to measure unit settings, from Edit > Preferences > Units > General > pixels.
PS: All of these options will significantly improve your productivity.

Step 2
Select the Rectangle tool (M) and simply create a 90x80px rectangle. Then, and set its color to r =39,g =170 B = 225.
Switch to the direct selection tool (A), select the bottom of the blue rectangle, select the two anchor points, and press alt+ctrl+ J (or go to the object > Path > Average). then click OK.
This should turn your rectangle into a simple triangle, like the second image shown in the picture.

Step 3
Using the Rectangle tool (M), create a 90x50 pixel shape, setting the fill color to r= 255,g =222 B = 23.
Switch to the direct selection tool (A), select the top of the yellow rectangle, select the two anchor points, and press alt+ctrl+ J. In addition, check the two check boxes, and then click OK.
Select the top edge of the yellow triangle and deselect the Rectangle tool (M). Create a 90x5 pixel shape, set the fill color atr=102,g =45 B = 145, and take it as the third image in the figure. Switch to the direct selection tool (A), focus on the bottom of your purple rectangle, select the two anchor points, and press alt+ctr+ J again, check the two boxes, and then click OK.

Step 4
Using the Rectangle tool (M), create a 80x90px shape, set the fill color to r=247,g =148 B = 30, and make it the first image in the diagram. Around this new shape, select the Delete Anchor Point tool (-) and click on the anchor in the lower right corner of the rectangle to remove it.
Switch to the direct selection tool (A), and select the top of the orange shape. Select the anchor point on the left only to drop it 10px and right to 45px. When finished, it should be like a second image.

Step 5
Re-select the Orange shape, select Effects > Distort and Transform > transform. Check the symmetric x box, move-The horizontal slider drag -80px, enter 1 in the replica box, and then click the OK button.
Make sure your orange shape is still selected, and then go to the object > expand Appearance. Select the copied shape and press shift+ctrl+ G to ungroup it.

Step 6
Using the Rectangle tool (M), create a 45x55 pixel shape, set the fill color to r=141,g =198 B = 63, and make the same as the first image in the picture.
Around this new shape, select the Remove Anchor Point tool (-), simply remove the top, and the left Anchor point (highlighted in red circle).
Switch to the direct selection tool (A) and select the bottom of the green shape. Select the anchor point to the left, just drag it 50 pixels. When finished, things should be like the second image.
Re-select your green styling and in front (CTRL + C > ctrl + F) Get a copy, select the copy and 45px move to the left, as shown in the third image. Make sure the copy remains selected and the Reflection tool (O) is selected. Then just click and drag from the right side to flip to the left of your shape, as in figure fourth image.

Step 7
Using the Rectangle tool (M), create a 35x55 pixel shape, set the fill color to r=237,g =28 B = 36, and put it as the first image in the diagram.
Around this new shape, select Remove Anchor Point tool (-), simply remove the bottom, and the right anchor point (highlighted in red circle). Switch to the direct selection tool (A) and focus on the top of your red shape. Choose the right anchor point and simply move the 45px down. At the end, things should be like in the second image.
Make sure your red shape is still selected, and then go to Object > Transform > Reflection. Check the vertical box, and then just click the Copy button. Focus on your artboard, select the newly created shape, drag it to the left, and take it as shown in the third image.

Step 8
Re-select all the shapes you created and replace the existing fill color with the following RGB color.

Step 9
Re-select all the shapes and click CTRL + G to group them. Move to the Layers Panel (Window > Layer), double-click your new group, and rename it to "face."

Step 10
Using the Pen tool (P), create a 90px horizontal path, as shown in the diagram. Add a 1PT stroke and set its color in R =237,g =28 B =36.

Step 11
Using the Pen tool (P), create a 55px vertical path and place it in the diagram. Add a 1PT stroke and set its color in R =237,g =28 B =36.
Make sure the new path is selected, and look at the Appearance Panel (Window > Appearance) and just click on the stroke to open the stroke panel. Look at the profile and select the width to configure to 4.
Finally, it should look like the following picture. Make sure the path is clear at the top. If the bottom is clear, return to the Stroke panel and check the portrait Flip button.

Step 12
Copy just the vertical path (CTRL + C > ctrl + F), select Copy, drag it to the left, and put it on top.
Use the Pen tool (P) to add some new, sharp paths like the image below. Make sure that you are using the same red stroke and width profile 4.

Step 13
Re-select the Red Stroke path and press shift+ctrl+o all paths (or go to object > path > Outline strokes). Make sure all of the resulting shapes are selected, open the Pathfinder Panel (Window > Pathfinder), and then click the button-union.
Select the generated shape and go to the Appearance panel, set the fill color to r=0 G =161 B = 75, and then click the opacity to open the Transparency pop-up panel. Change the blending mode to color dodge and decrease the opacity to 80%. At the end, things should be like in the third image.

Step 14
Re-select your "faces" group and copy a copy to the front. Select only the group copy, and then click the button-union set in the Pathfinder panel. Make sure that the resulting shape is selected, set its fill color in R =0 G =174 B = 239, and then press shift+ctrl+] to the top.

Step 15
Re-select your blue shape and copy a copy to the front (CTRL + C > ctrl + F). Select this copy, fill the black instead of blue, and place it in the bottom (press shift+ctrl+[). Make sure that the shapes in this step remain selected with effects > Styling > Shading. Use the properties on the left of the following figure in the projection window, click OK, and then use the effects > Styling > Shading. Please look at the properties shown in the right window below, and then click OK.

Step 16
Re-select your blue shape on the appearance panel. First, select an existing fill and change its blending mode to a darker color.
Next, add a second fill for your styling using the Fill button that adds the new fill (indicated in the following figure in the Blue circle). Drag the new fill to the blue below and make sure it stays selected.
Open the Gradient Panel (window > gradient) and simply click on the gradient thumbnail to add the default black to white linear gradient.
Continue to focus on the gradient panel, 90-degree angle, and move to the gradient color. Select the left slider and make sure that the color is set to Black (R =0,g =0 b= 0). Then select the appropriate slider, set the color to r =35,g =31 B = 32, and reduce its opacity to 0%.
Return to the Appearance panel, make sure your bottom fill is still selected, change its blending mode to soft light, use effects > Styling > Glow. Look at the properties shown in the following figure, and then click OK.

Step 17
The final step will teach you how to easily recolor the diamond. Re-select multiple filled shapes on the appearance panel. Select the blue fill, just replace the color with r=247,g =148 B = 30, or your favorite color. You can also try different blending modes or multiple fills with different blending modes. There are a lot of possibilities.

Well, the above information is a small series for you illustrator of this software users brought to the detailed creation of stunning diamond icon of the production of a tutorial to analyze the entire content of sharing, you see the users here, Small series believe that we see here is very clear the production method, then you will go to the small part of the above to share the tutorial on their own to make it.

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.