Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,408,675

How to Create a Triangle Pixelation Effect in Photoshop.

Tutorial Name: How to Create a Triangle Pixelation Effect in Photoshop.  

Category: Graphics Tutorials

Submitted By: Nissan

Date Added:

Comments: 5

Views: 1,919

Related Forum: Graphics Forum

Share:

How to Create a Triangle Pixelation Effect in Photoshop.


Final Resut

[ Register or Signin to view external links. ]

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 well be using.

[ Register or Signin to view external links. ]

Step 2

Duplicate your background layer twice.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 4

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

[ Register or Signin to view external links. ]

Step 5

Next, were 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

[ Register or Signin to view external links. ]

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.

[img]https://gyazo.com/b0efd78a9337d5662da7a52895e8337d.png[img]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Here's how the image looks like so far.

[ Register or Signin to view external links. ]

If you'll be using this as a background, you might want to apply a faded/vintage film effect.

Final Result

[ Register or Signin to view external links. ]

Ratings

Current rating: 10.00 by 2 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"How to Create a Triangle Pixelation Effect in Photoshop." :: Login/Create an Account :: 5 comments

If you would like to post a comment please signin to your account or register for an account.

GhostPosted:

While my personally I wouldn't use this affect, it does look pretty cool!

MrParkerPosted:

Very clean tut thank you OG best tut maker I've seen

MajPosted:

This looks really clean. Will most likely use this myself

MickersPosted:

This looks really neat! Thanks for the tut.

ZydrinPosted:

Damn, that looks so clean. Awesome tutorial dude.