Tutorial9 - Tutorial Bliss.

Quick & Easy Pixelation Effect

Usually, designers try to reduce pixelation in their images, and keep designs crisp and clean. The Pixelated look can actually add a flare of personality to a design however. In this tutorial, I’ll show you a quick and easy way to pixelate your graphics.

Pixelation

I recently had someone express interest in creating Pixelated images.  If you’re not familiar with the term, Pixelation is the result of stretching raster graphics or bitmaps.  When stretching image data beyond it’s maximum size, the individual pixels which make up an image can be easily seen as they are also increased in size.

Example of Pixelation:

Example of Pixelation

Typically, Pixelation is a bad thing to have in practice.  Designers and Photographers usually want ther images crisp and smooth as shown in the upper left frame.

However, Pixelation can also be used as a technique which enhances compositions, and has become a style of it’s own.

How To Pixelate a Graphic

There are a few ways to go about pixelating images.  The easiest way is probably by putting the Mosaic Filter to good use (especially when you want to work with individual layers).

Open up a graphic you’d like to work with:

An ordinary Graphic with no Pixelation

Select the layer you’d like to Pixelate.  Apply the Mosaic Filter onto this layer (Filter > Pixelate > Mosaic).   A Mosaic Settings Box will pop up.  Move the slider to adjust the size of the pixels.

Pixelated Graphic

That’s really all it takes to pixelate a graphic in Adobe Photoshop!

Pixelated Art

7 Comments

  1. Reply to this comment
    James Peotto

    Thanks David, I don’t know if this was directed towards me, but i did express intrest. This is really what I was looking for and I have been experimenting with it. Thanks alot for the tut one more time.

  2. Reply to this comment
    Vice

    Great tutorial, pixelation is also good if you want to censor something. =P

  3. Reply to this comment
    Chris Henn

    Wow, I’ve read a couple of your tutorials and they’re a great help. I never knew that you could do so much in photoshop.

  4. Reply to this comment
    Steven

    hahaha wow… man i thought it would be much harder to pixelate than just click Filter-Pixelate-Mosaic. tyvm. i probably wouldve done something of my own to pixelate -_-

  5. Reply to this comment
    Htoo Tay Zar

    Wow, Really Great Effect!! thanks a lot

  6. Reply to this comment
    jason

    you might get a sharper pixelation that resembles old 8-bit video games by scaling down your image, zooming in and taking a big screencap. the mosaic effect gives those fuzzy edges that i hate. alternatively you could just go the pixel art route and do it square by square.

  7. Reply to this comment
    Sword~

    1step = 1awsome tutorial thank’s alot :)

Leave a Reply

Trackbacks