1. Home
  2. Design School
  3. Flat Vector Diamonds in Illustrator

Flat Vector Diamonds in Illustrator

Posted on 6th September 2018
1 - In Illustrator, create a “New Document”.

2 - Select the “Rectangle Tool” (M) and make a rectangle that covers all your document. Fill it with a “Linear Gradient” going from #ffca0b to #c1282e with a -90° Angle.

3 - Lock your Layer by clicking on the left side of its thumbnail in the and bringing out the small padlock icon. Then, click on the “Create New Layer” button at the bottom of the “Layers Panel”.

4 - Create some “Guides” by dragging from the Top and Left Rulers to where you want to place them (about 7 cm). You should create an intersection to be used as “Center”. Select the “Polygon Tool”, click on your Canvas and use a “Radius” of 5 cm and 3 “Sides” then, click “OK”. You should end up with a Triangle.

5 - Rotate your Triangle until the point its facing “Down” and place the “Base” on the bottom part of the intersecting Guides and its “Center” where the guides meet. “Copy” (Command/Control + C) and “Paste in Front” (Command/Control + F) the Triangle, then drag one of the “Anchor Points” of the duplicate’s base while pressing the “Alt/Option” key to make it shorter without affecting the rest (about 4 cm).

6 - Select the “Rectangle Tool” (M), make a Rectangle on top of the Triangle’s base. It should have the same length and be about 2.5 cm in “Height”. Use the “Direct Selection Tool” (A) to select one of the Top “Anchor Points” and drag it to the same point where the inner Triangle’s base starts (you can add some extra “Guides” to mark the spots). Hold the “Shift” key while doing it to keep a straight line and repeat with the other side (Top) of the Rectangle.

7 - To delete the “Guides” you created, go to View > Guides > Lock Guides to Lock and/or Unlock them. Make a second “Rectangle” inside the previous one. Make it as tall as the original one, but start the sides where the base of the inner Triangle starts.

8 - Use the “Pen Tool” (P) or the “Polygon Tool” and create a “Triangle” inside that second “Rectangle”, then use the “Reflect Tool” (O) to mirror it downwards using an “Horizontal Reflect” and clicking “Copy” instead of “OK”.

9 - You can “Hide” your “Guides” if needed using “Command/Control + ;”. Fill the different portions of your Gem with various shades of blue. We used #48bad8 for the bottom triangle (big), #84d1db for the inner triangle and the big (top) rectangle, and #ffffff for the small rectangle and both the triangles that are inside of it.

10 - Go to the “Transparency Panel” and reduce the “Opacity” of the small Triangle (bottom) to 50%. Reduce the one of the small Rectangle (Up) to 20%, use 35% for the Top Triangle (Upside down) and 25% for the other one. This will mimic the facets of the gem.

11 - Select everything and “Group” it together (Command/Control + G). Then, with the “Rectangle Tool” (M) draw a Square that goes from point where the two “Guides” intersect to the bottom tip of the big Triangle.

12 - Select the “Rotate Tool” (R), double-click on top of its Thumbnail and use a 60° Angle. Adjust its position it so it touches the side of the Gem and fix the measurements if needed (the “Height” may be shorter so you will need to pull that side up to fix it).

13 - Fill the Rectangle with a “Linear Gradient” from Black to White at a 150° Angle. In the “Transparency Panel” change the “Blending Mode” to “Multiply” and lower the “Opacity” to 10%. Select everything and with the “Scale Tool” (S) reduce the size to 80%.

14 - Create another “Polygon”, this time use the same “Radius” (5 cm) but increase the number of “Sides” to 8. Place it in the center of the intersecting “Guides” and rotate it so one of its corners is on top of the Vertical Guide.

15 - Use the “Line Segment Tool” to draw a straight line on top of the Vertical Guide. It should be a bit longer than the Octagon you made before. Use a contrasting color for the “Stroke”.

16 - With the “Rotate Tool” (R) make a “Copy” of the line with a 45° Angle and then use the “Reflect Tool” (O) to make a “Copy” with an “Horizontal” reflection. Finally make a fourth line that follows the Horizontal Guide. You should end up with an Octagon divided into 8 “Slices”.

17 - Select the Lines and Octagon go to the “Pathfinder Panel” and choose “Divide”. Then right-click on top of your Path and choose “Ungroup”.

18 - Fill your “Slices” with the following shades of Blue starting from the Top-Right one: 1.  #25a4c1, 2. #48bad8, 3. #84d1db, 4. #36b2c6, 5. #2597aa, 6. #2daecc, 7. #64c9d4 y 8. #a1d6da.

19 - Create a second Octagon with a 3 cm “Radius”, rotate it too and place it on top of your original one.

20 - Fill it with a “Radial Gradient” going from #84d1db to #23a4c1 with a -45° Angle. Select everything and “Group” it together (Command/Control + G).

21 - Copy the “Linear Shadow” from your other Gem and adapt it to your new one. Select the Gem, right-click on top of it and choose Arrange > Bring to Front. Scale down (80%) this one too.

22 - Your “Diamonds” should look similar to these. You can use different Color Palettes to create different Gems, like Red for Rubies and Green for Emeralds. You can also use different Polygons (4 sides, 6 sides, etc.) to make other shapes.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image