Tutorials Navigation

Tutorials: 12,368 Categories: 33
Total Views: 22,985,906

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: 3

Views: 113

Share:


How to Create a Triangle Pixelation Effect in Photoshop.


Final Resut

https://gyazo.com/78991c0ece9ab809f48cb18d639e3fc9.png

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.

https://gyazo.com/0ba4eb39d83636aa3836ba153ddb2698.png

Step 2

Duplicate your background layer twice.

https://gyazo.com/023a0568af9ab59942a5d4357f3091af.png

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.

https://gyazo.com/5065dd25a3369767df96f36b7118e8e3.png

Step 4

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

https://gyazo.com/1058c277e857bfcdbea2f2768f812008.png

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

https://gyazo.com/aacd11f0cd658c0f38cbeac0a04c1333.png

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.

https://gyazo.com/67e7dcd7df9166cf89682c75aded6a56.png

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.

https://gyazo.com/6ea8c76a83793d416df0706aeaf57599.png

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.

https://gyazo.com/da2f7360deecb3028e908b05f4d511f8.png

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.

https://gyazo.com/55299c786682b7df73c0bcb9df2f1eec.png

Here's how the image looks like so far.

https://gyazo.com/59fb23882b33b2d99b4039659b481a5f.png

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

Final Result

https://gyazo.com/78991c0ece9ab809f48cb18d639e3fc9.png

Ratings

Current rating: 10 by 1 user
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 :: 3 comments

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

MajPosted:

This looks really clean. Will most likely use this myself

MickersPosted:

This looks really neat! Thanks for the tut.

KyloCruxPosted:

Damn, that looks so clean. Awesome tutorial dude.