fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

8 bit Image Avatar with Pixel Photoshop Action
Tutorials Photo Effects 41391 Views May 21st, 2013

Learn how to create a pixel avatar image for your social networks using my premium pixel Photoshop action. You can easily create pixelate or sprite effect using this cool 1-click action. You can create pixel art using photos, shapes, clipart, etc; works great for everything. You can also check out our other Photoshop actions both free and premium.


In this tutorial I will show you how to create a pixel avatar image or a 8 bit avatar using your own photo. For that I will use my premium Pixel Art Photoshop action.

Open a new PSD file, size 500x500 pixels. I will use this girl stock image for this tutorial. You will have to pick a colorful image.

Make sure you have the image resized to a large scale to obtain a good face details after the pixel effect is applied. Don't worry about the blur that may occur in the resize process.

Use a Selection Tool to remove the background.

Now I will use my Premium Pixel Art Photoshop Generator. Open the Actions Panel and load the ATN file in Photoshop. Choose the "pixelate big" action and click play. You can use the Filter>Pixelate>Mosaic instead of this action but with not so good results.

The pixel art action will generate two separate layers: the pixelated image and the background, both with a math paper grid.

What you can further do is to manually adjust the colors made by the action. For example you can pop up the eyes better. Simply use the Magic Wand Tool to select the two dots that represents the eyes.

Use the Image>Adjustments>Brightness/Contrast to darken the eyes or you can simply use the Paint Bucket Tool.

You can do the same with the lips, face color, hair, etc. You can even select pixel squares and delete them to obtain a better shape. Or you can use this SQUARE PIXEL BRUSH to add more pixels.

You can either keep the background layer or you can replace it with a gradient background.

So here is the final result for this pixel photo/image in Photoshop; you might also want to read this collection of Pixel Art and Spriting Tutorials

This action pack will allow you to create realistic pixel art effects out of any text, vector shape/graphic or raster image cutout. It works best for graphics and it adds a pixel like effect. The result will contain two separate layers: the pixel graphics and the background - white math lined paper. You can use this to create beautiful pixel art sprites and the action is also a nice way for creating pixel perfect icons. You can also use it to rapidly create game character sprites. The action comes in 3 versions for small size pixel, medium and large.

Pixel Art Creator Photoshop Action

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

8 comment(s) for "8 bit Image Avatar with Pixel Photoshop Action"

6:31 AM Tuesday, June 04, 2013
I will try to find a way to reduce the number of colors to create a more realistic 8 bit avatar in Photoshop. The best solution but also time consuming is to draw it pixel by pixel.
Here is a video tutorial on how to create 8 bit image in Photoshop . reply
6:09 AM Monday, July 22, 2013
Photoshop tutorial: Turn a photo into a 16-bit arcade game character reply
1:33 AM Friday, October 25, 2013
Pixel Art Avatar Icons made by eBoy: reply
7:05 AM Tuesday, October 29, 2013
You can create identical pixel art effect with my Pixel Art Generator reply
3:44 AM Thursday, January 23, 2014
Hi James,
this is a pretty decent result! Of course the best way is to draw the pixel avatar from scratch :) And thank you for the useful tips. reply
1:30 AM Tuesday, December 23, 2014
nice action, I used it to create this pixel super mario image; it looks ok for graphics but for images it has a high range of color variation and gradients. Can I reduce the color number? thanks reply
1:30 AM Tuesday, December 23, 2014
Hi John,
I used your Pixel Art Creator Photoshop Action and here is my result before and after.
The action works quite well but there are some things that your buyers should know:
1. I used a symmetric photo portrait for creating a nice looking pixel avatar.
2. I had to make some manual adjustments like you showed in the tutorial, to obtain a good result.
3. The best tool for adding extra pixels is the Paint Bucket Tool, but make sure the Anti-Alias option is NOT checked

2:07 AM Tuesday, March 10, 2015
You can also try our LOW-POLY PHOTOSHOP ACTION:


Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to mirror an image in Photoshop from this quick tutorial for beginners. To flip an image P...
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Useful Photoshop tutorials on how to create realistic looking sketch effect or pencil drawings. To c...
More than 70 amazing free textures that you can use for commercial projects. In this collection you ...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator