Alisen Hazzard

the Blog

Pixelated Image in Photoshop

Posted on June 17th, 2014

Here's a fun and quick effect in Photoshop - it uses only three layers and takes no time at all. I like it because you can adjust the size of the pixels and get different results, depending on how much of the original image you want to remain when you're done.

Find an image that has good color contrast. The ones that have worked best for me have different colors, or a range of color, across the entire file. This was my starting image.

Image of Nature

Duplicate the layer twice (Command J). On the second layer select all (Command A), and go to Edit > Transform > Skew. Give the layer a horizontal skew of -45. Then go to Filter > Pixelate > Mosaic and select a pixel size. Next, go back to Skew and give the layer a horizontal skew of 45. Here's what you get.

Pixelated image of Nature

Repeat these steps on the top layer, but start with 45 degrees and end with -45 degrees. It will be hiding the bottom layer, so set the layer style to Screen. You can also adjust the opacity. Here is what the screen layer looks like, with the middle layer visabilty hidden.

Pixelated image of Nature

Turn on the visabilty for all three layers, and you have your end result. The layers will be slightly off-center from one another, so use the Move Tool (V) to shift one layer until they line up.

Pixelated image of Nature

What are some of your favorite quick photo manipulations in Photoshop? @alisenhazzard

Check out the original tutorial for creating a pixel manipulating here.

Tagged in: Photoshop