Quick Tip: How to Create a Triangle Pixelation Effect in Photoshop

Author: | Posted in Tips Tutorials No comments

Photoshop makes it easy to pixelate with the mosaic filter but it’s boring and overused. Thankfully, there’s an easy trick that lets you pixelate using triangles instead of squares! This tutorial is incredibly easy so give it a try.

Final Results

How to Create a Triangle Pixelation Effect in Photoshop

Step 1

Start by opening any photo you want into Photoshop. You should resize the image to your final output size before you continue. This is the photo that we’ll be using.

Triangle-Pixelation-Effect-in-Photoshop-Final-Results01

 

Step 2

Duplicate your background layer twice.

image13

Step 3

Activate the Transform tool (Ctrl/Cmd+T or Edit > Free Transform) then set the horizontal skew value to 45º.  The horizontal skew setting is located in the options bar when you have your Transform tool activated. Press Enter to apply the transformation.

image14

 

Step 4

Go to Filter > Pixelate > Mosaic. Adjust the cell size setting to anything you like then click OK.

image_thumb

Step 5

Next, we’re going to transform it the opposite way. Activate the Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) then set the horizontal skew setting to –45º. Press enter to apply the transformation.

image_thumb1

 

Step 6

Set this layers opacity to 50% then select the middle layer. We’re going to be doing the same steps but with transformations done

image_thumb2

 

Step 7

With the middle layer selected, activate the Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) then set the horizontal skew to –45º.

image_thumb3

 

Step 8

Apply the same mosaic filter again. You can do this quickly by pressing Ctrl/Cmd+F or by going into the filter menu and selecting the first filter in the menu. Photoshop automatically places your last used filter on the top of this menu.image_thumb4

 

 

Step 9

Use the Free Transform tool (Ctrl/Cmd+T or Edit > Free Transform) to transform the layer back to its original shape by setting the horizontal skew value to 45º.

image20

Step 10

We’re pretty much done but if you zoom, you can see that the edges don’t really line up. To fix this, press the left or right arrows on your keyboard to nudge the layer until the intersections align.

image21Here’s how the image looks like so far.

image_thumb5

 

Step 11

If you’ll be using this as a background, you might want to apply a faded/vintage film effect. We used the Vesper effect from the InstagramPhotoshop actions and completed the look with some text using the Abolition font.

How to Create a Triangle Pixelation Effect in Photoshop

 

About the author

OnlyPsds is a blog dedicated to the art of the flyer and designing for print! Every week, we’ll be releasing free psd flyer templates for you to use as you wish. We look forward to a long running blog delivering excellent resources for you all, we hope you enjoy what we offer

View all articles by OnlyPsds.com
Read previous post:
July 4th 3D Text

"4th Of July 3D Text text" Ideal to illustrate your poster or flyer design.

Close