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.
So let's see how to convert an image to 8 bit in Photoshop.
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 gammes, music album covers, etc.
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. Watch this video to see another way to change a photo to pixel art:
Remove the Photo Background
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.
8 Bit Effect In Photoshop
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. There's no 8 bit filter in Photoshop, but 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.
Draw Some Details in the 8 bit Art
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. This is actually how to draw in 8 bit.
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
You can also download my Pixel Art Photoshop Action to create pixel images, sprites and pixel art.
8 comment(s) for "8 bit Image Avatar with Pixel Photoshop Action"
Here is a video tutorial on how to create 8 bit image in Photoshop .
http://www.youtube.com/watch?v=sAJas-q2BOA
http://hello.eboy.com/eboy/category/everything/explore/portraits/
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
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
DOWNLOAD LINK