How To Create Amazing Polygon Effects in Photoshop

Using polygons and geometic shapes has been fashionable recently (obviously after we did our new logo!) so we thought we give you a photoshop tutorial on how to edit an image to create cool polygon effects. Photoshop tools like the Polygonal Lasso Tool and the Pen Tool have been designed to help with such tasks but creating these shapes aren’t just about creating and mapping. They can also be used to transform plain works of art into something more dynamic and eye catching. Today’s tutorial is all about polygons and transforming images to give your work that low-poly look. The technique is simple and will only require the use of Photoshop, your Pen Tool and Eyedropper.

Step 1 Download & Open Image

You need to download the can image below. Click the link below to download the zip file of the jpg. Image supplied courtesy of Carbon Visuals to illustrate man made carbon emissions present in a small room.

Download Image

If you haven’t opened up Photoshop you need to go and do that now. Next go to File > Open and select the can image you just downloaded.

 

step1

Step 2 Can Body

We will start with the main body of your can. I will be starting in the upper left hand corner as it will be easier for me to map out my shapes as I go along. Feel free to start wherever though. Once you have decided where you want to start on your image use the Eyedropper/Color Picker Tool (I) and select the color. Now make a new layer, grab the Pen Tool (P) and create a shape.

 

step2

 

Once you have your path created simply right click and fill in the path just as I have done.

 

step2-1

 

Directly next to your newly created path you want to go and create another one.

 

step2-2

 

Remember to use the Eyedropper to select your color so that each shape is a different color. You may need to adjust the color in the Color Editor. Continue creating shapes along the can body.

 

step2-3

 

Continue this method until you have finished filling in the main body of the can.

 

step2-4

Step 3 Blue Bottom

You can work in either direction you want but for this tutorial I am going to finish creating shapes for the bottom half of the can. Create a new layer for this section and select a shade of blue. Draw a path.

 

step3

 

Now with your selected shade of blue fill in the path and continue creating and filling paths until you have the blue half of your can finished

 

step3-1

Step 4 Red Bottom

Create a new layer for the red half of your can. Once more pick out a shade of red and create a path with your Pen Tool.

 

step4

Fill in your newly created path as you have been doing.

step4-1

 

This is what you should end up with once you are done with the red section.

 

step4-2

Step 5 Bottom of Can

It is time to transform the bottom portion of our can. Make a new layer for this part and select the color of the section you choose to start on.

 

step5

 

Fill in your created path.

 

step5-1

 

Continue creating these paths and fill them in until your final image looks like the one below.

 

step5-2

Step 6 Progress

To make sure your shapes are touching you can hide your resource image and check for any gaps. By this time your can should be looking good.

 

step6

Step 7 Red Top

Now that we have the bottom half of our can finished we can start with the top half following the same method of selecting a color and creating a path.

 

step7

 

Fill in your path with the selection’s color.

 

step7-1

 

Repeat this method until you have finished the red band.

 

step7-2

Step 8 Blue Top

Move on to the blue band and once again select a shade with the Eyedropper and make a path.

 

step8

Fill in your new path.

 

step8-1

 

Here is what you should have when finished.

 

step8-2

Step 9 Top of Can

By now you should have gotten a good grasp on the simple method of selecting colors and filling in your paths. Continue doing this until you have the top of your can finished.
step10-2

Step 10 Chevrons

Go back to your resource image and copy and paste the red and blue chevrons into new layers so that you can see them.
step11

 

Using the same method as before, replace the current chevrons with geometric shapes.

 

step11-1

Step 11 Finish

Finish up your design by adding in the text and change the background if you wish (see second image below).

polycan

 

can-background