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

www.psd-dude.com
Tutorials Photo Effects 39875 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.

Advertisment

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"

John
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 .
http://www.youtube.com/watch?v=sAJas-q2BOA reply
Daniel
6:09 AM Monday, July 22, 2013
Photoshop tutorial: Turn a photo into a 16-bit arcade game character http://www.digitalartsonline.co.uk/tutorials/photoshop/turn-photo-into-16-bit-arcade-game-character/ reply
John
1:33 AM Friday, October 25, 2013
Pixel Art Avatar Icons made by eBoy:
http://hello.eboy.com/eboy/category/everything/explore/portraits/ reply
John
7:05 AM Tuesday, October 29, 2013
You can create identical pixel art effect with my Pixel Art Generator reply
John
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
Keo
Keo
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
James
James
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

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

DOWNLOAD LINK reply

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 create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Pixel Art Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top