Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Pixel Photo Effect in Photoshop with Mosaic Filter

www.psd-dude.com
Tutorials Photo Effects 8584 November 10th, 2020

Convert images into pixel using this quick Photoshop tutorial for beginners. Pixel effect is one of the most popular effect among Photoshop fans and really easy to create. I hope you will enjoy practicing this new lesson.

Advertisment

Pixel art is a form of digital art, created through the use of software, where images are edited on the pixel level. The pixel graphics design comes from 8-bit and 16-bit computers and video game consoles. In most pixel art, the color palette used is extremely limited, with some pixel art using only two colors.

Check out this article about CGA graphics used in retro style video games from the 80s. If you want to learn more about the 1980s, check out my article about 80s font used in movie posters, video games, music album covers, etc.

In this photo effect Photoshop tutorial you will learn how to create a pixelated image using the Mosaic filter. Turn your photos into pixel art in just a few easy steps. Let's take a quick look at the final result.

Mosaic Effect Photoshop

Add your photo in a new layer and call it Original Image. You can use any image you want, landscape, portraits, etc. I will use this image.

Duplicate the Original Image layer and call it Mosaic Effect. Place the Original Image layer above the Mosaic Effect layer. Hide the Original Image layer.

Return to the Mosaic Effect layer and let's create the pixel effect. Go to Filter > Pixelate > Mosaic and set the cell size to 12.

Go back to the Original Image layer and make the layer visible again. Add a layer mask to this layer.

Make sure you have the layer mask selected (click on the layer mask thumbnail) and press CTRL+I to Invert from white to black.

Pick the Brush Tool and with a soft rund brush and color white paint over the areas that you want to reveal. Make sure you have the layer mask thumbnail selected, not the layer thumbnail.

For the final touches you can add grid pattern to the Mosaic Effect. For adding a grid to a photo you have multiple options.

For this tutorial, let's download this pattern and add it as Pattern Overlay for the Mosaic Effect layer. Make sure the scale is 50%. If the pattern is not aligned with the layer click on the Snap to origin button

So here is the final result for the pixelated photo effect in Photoshop. The pixelation effect can be edited so you can create pixel images from minimum 2 pixels to maximum 200 pixels. Don't forget that we used the Mosaic Filter not the Pixel Filter which do not exist in Photoshop. This is a great way to create 8 bit images from ordinary photos.

Mosaic Effect Photoshop

You can use this tutorial to create pixel portrait as you can see in the examples below.

Photoshop Pixel Effect

Download Pixel Mix Artist Photoshop Action

Pixelate your pictures and create interesting pixel effects using this Photoshop action. There are 10 pixel patterns included in this pack to play with. The action is optimized for Photoshop CS and CC versions.

Photoshop Pixel Effect

You can also download my Pixel Art Photoshop Action to create pixel images, sprites and pixel art.

5 ( 123 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

1 comment(s) for "Pixel Photo Effect in Photoshop with Mosaic Filter"

Janice
Janice
6:08 AM Sunday, August 28, 2016
Can you please make a tutorial on how to create these pixelation effects, especially the Hexagonal Triangular Grid Mosaic in Photoshop:

http://www.digitalartform.com/archives/2009/05/distort_photosh.html
http://www.digitalartform.com/archives/2009/06/hexagonal_trian.html reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


LIKE US ON FACEBOOK
Pop Art Photoshop 
      Online Photo Editor
Online Text Editor
top