How to Make Polygon Background In 3 Steps

07:51 Vallabh Kulkarni 9 Comments

How to Make Polygon Background In 3 Steps
How to Make Polygon Background In 3 Steps

Usung polygonal backgrounds for websites and applications is a new trend. Making polygonal background is quit difficult task, but we can make it our own simple way. polygonal backgrounds looks good for web design an application designs..
Final View

making polygonal backgrounf in photoshop

Step 1
 -  Create a new file
 -  and add Gradient (Choose your color combination for gradient)

adding gradient

add gradient in photoshop

Step 2

- Now add Noise to image (filter -> Noise -> Add Noise)

adding noise
By setting amount to 20, Your image will look like this.

Step 3

- Again open filter and crystallize the image.

crystalize layer

 Set cell size to  60 and hot OK

How to make polygonal background


Make sure that while adding gradient choose color combination carefully. we can make many backgrounds as same.. 


  1. This I know but I want to know how to change the background.

  2. this is why i like your blog so much..
    now i have learned a new design with just 3 steps..
    thanks for sharing.
    clipping path

  3. nicely presented!!
    the tutorial is so simple to follow..
    clipping path

  4. I have read many posts and get many experienced but your are doing the dedicated job keep it Many many thanks for your nice post. this is really very helpful .

  5. Thanks man. Simply it was a great tutorial.

  6. Thanks for sharing this great article about making polygon background! That is very interesting I love reading and I am always searching for informative information like this.

  7. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement the concept. Thank you for the post.

  8. That's a nice tutorial! You have described really well. I think it will be very helpful for beginner graphic designer. Great share!