How to Design a Beautiful Polygon Background

How to Design a Beautiful Polygon Background

Polygon Background in Illustrator

There are tons of different online tools these days to make a polygonal background super easily and quickly, but nothing compares to making your own background — it's the only way to get it exactly in the way you want it. That is why today I will show you how to make a beautiful polygon background in Illustrator exactly the way you want it — plus this way you'll have the ability to easily change the colors without making all the polygons again.

Step 1

Open Illustrator and create a new document with the dimensions you want for your background. In this case, I will make mine at 900 x 630 px.

Step 2

Select the Pen Tool (P) and be sure to have the Fill set to White and the Stroke to Black.

Step 3

Starting from the top left corner of the canvas, draw a triangle as shown by clicking only once for each of the triangle points. Be sure to snap the first anchor point to the top left corner of the canvas and to close the shape.

Step 4

With the Pen Tool (P) selected draw another triangle as shown. This time start from the top right corner and be sure to snap the top left anchor point to the top right anchor point of the previously drawn triangle.

Step 5

Draw another triangle between the 2 triangles we have drawn, and this time be sure to snap the 3 anchor points to the other triangles anchor points.

Step 6

Repeat this process until you fill the entire canvas with triangles.

Step 7

Select the Selection Tool (V).

Step 8

While holding the Shift key on your keyboard, click on some triangles to select them.

Step 9

Go to Window > Color and set the Fill color of the selected triangles to #d3d5d8.

Step 10

Click anywhere outside the canvas limits to deselect all the triangles.

Step 11

Using the Selection Tool (V) and while holding the Shift key on your keyboard, select another set of triangles.

Step 12

In the Color Panel set the Fill color to #c0c3c7.

Step 13

Click anywhere outside the canvas limits to deselect all the triangles.

Step 14

Again, using the Selection Tool (V) and while holding the Shift key on your keyboard, select another set of triangles.

Step 15

In the Color Panel set the Fill color to #aeb2b6.

Step 16

Click anywhere outside the canvas limits to deselect all the triangles.

Step 17

Using the Selection Tool (V) and while holding the Shift key on your keyboard, select the remaining triangles.

Step 18

In the Color Panel set the Fill color to # 9ba0a5.

Step 19

Go to Select > All and in the Color Panel set the stroke color to ‘none’.

Step 20

Select the Rectangle Tool (M), be sure to have the Stroke color set to ‘none’ and draw a rectangle with the same dimensions of the canvas, which in this case is 900 x 630 px and place it in the center of our canvas.

Step 21

Go to Window > Gradient and from the dropdown menu set the gradient type to Linear.

Step 22

In the Gradient Panel, set the angle to -60º.

Step 23

Double click on the white gradient slider and pick any color you want. In this case I will set it to #48C478.

Step 24

Double click on the black gradient slider and pick any color you want. In this case I will set it to # 623dbc.

Step 25

With the rectangle selected, go to Window > Transparency and from the dropdown menu set the mode to Hard Light.

Some Final Notes

As we have our gradient applied to a rectangle above all the triangles we draw, it is easy to change the colors. Simply select the rectangle and edit the gradient with the colors you want. Also, you can change the blend mode to one that better fits your needs and play with the opacity to have different end results.


Comments

X

You've successfully logged in!