Pixel Art: Basics

How to make pixel art in Adobe Photoshop.

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: File>New

Set your new canvas to the following settings.

50 pixels

Height: 50 pixels

Resolution: 72
Color Mode: >>> 8 bit

Step 2: Pencil Tool + Outlines

Using the Pencil Tool at 1px, start to draw!

Like any drawing, we want to get an outline of our product.
Be sure you are NOT using the paint brush, the paint brush will fill unwanted pixel cells with shades of the color you are using.

Step 3: Color, Shading

Add color!

Much like a painting, you should have an idea where a light source is coming from.

Step 4: Exporting the Finished Pixel Art

Once you are satisfied with your pixel art, go File>Save for Web.

This will open up a another window. Choose the top right panel that says "GIF", then click save.

Your finished pixel art will be very small, if you want to make it larger change the image size in the save for web panel.

Step 5: Done!

Be the First to Share


    • CNC Contest

      CNC Contest
    • Make it Move

      Make it Move
    • Teacher Contest

      Teacher Contest

    2 Discussions


    4 years ago on Introduction

    Great info, thanks for sharing this pixel art tutorial!