Skip to main content
Tech Radar TechRadar the technology experts
Sign in
  • View Profile
  • Sign out
RSS
Asia
flag of Singapore
Singapore
Europe
flag of Danmark
Danmark
flag of Suomi
Suomi
flag of Norge
Norge
flag of Sverige
Sverige
flag of UK
UK
flag of Italia
Italia
flag of Nederland
Nederland
flag of België (Nederlands)
België (Nederlands)
flag of France
France
flag of Deutschland
Deutschland
flag of España
España
North America
flag of US (English)
US (English)
flag of Canada
Canada
flag of México
México
Australasia
flag of Australia
Australia
flag of New Zealand
New Zealand
  • Phones
  • Computing
  • TVs
  • AI
  • Streaming
  • Health
  • Audio
  • VPN
  • More
    • Cameras
    • Home
    • News
    • Reviews
    • Opinion
    • How to
    • Versus
    • Deals
    • Coupons
    • Best
Tech Radar Pro
Tech Radar Gaming
Trending
  • Amazon Prime Day
  • Back to school
  • Nintendo Switch 2
  • Best VPN
  • ChatGPT
  • NYT Wordle today
  • Best laptop
  • Best web hosting
Recommended reading
The 1986 Electron game Sprog!
Artificial Intelligence I asked AI to recreate my classic 1980s platform game, and it failed miserably, but I'm still impressed by the tech
Real Asteroids game and the fake one by Claude AI
Artificial Intelligence What a blast! This AI built an Asteroids remake in five minutes and I still can't believe it
Anthropic Claude Artifact Game
Artificial Intelligence I built a personalized version of Super Mario-like game in seconds using Claude, and you can play it right now for free - here's how you can create your own game without coding
Sea of Stars cover art showing protagonists stand back to back against a moonlit forest backdrop
Consoles & PC The 18 best indie games to play in 2025
A screenshot from the game Mixtape
Gaming Mixtape is filled with style, vibes, and heart and absolutely won me over at this year’s Summer Game Fest
A screenshot from Glowmade's King of Meat game
Gaming King of Meat’s chaotic co-op action and quirky creator mode show me that it might just have the legs to succeed
Key art for the game Blades of Fire
Gaming Blades of Fire review: forging a path with mid-budget retro charm
  1. Tech

How to make awesome pixel art

How-to
By Tech Tips published 30 October 2015

Pixel perfect

When you purchase through links on our site, we may earn an affiliate commission. Here’s how it works.

How to make awesome pixel art

How to make awesome pixel art

Think of retro games and you'll probably think of the pixellated look of titles released on consoles such as the NES.

Games such as Bomberman and Kid Icarus worked within the limitations of 80s technology, yet offered hours of fun and some iconic looks.

The style faded into obscurity with the development of more powerful game consoles and 3D graphics, but has seen a recent renaissance in indie games such as Savant: Ascent.

The art is still drawn pixel-by-pixel using a limited palette, but is much smoother thanks to careful shading and muted hues not available to 1980s game developers.

One of the most popular uses of pixel art is in role-playing games based on an isometric grid. We're going to create a character (or sprite) for use in such a game.

Page 1 of 17
Page 1 of 17
1. Prepare your canvas

1. Prepare your canvas

Start by creating a new image in GIMP, which is a free image editing application. A canvas size of 100x100 pixels is plenty - much larger pieces of pixel art are possible, and look very impressive, but take weeks of work to complete.

Now select the Pencil tool. This, Fill and Zoom are the only tools we'll be using, but first we need to alter some settings so we can draw individual pixels.

Page 2 of 17
Page 2 of 17
2. Sharpen your pencil

2. Sharpen your pencil

With the pencil selected, click Brush Type and select '1 pixel'. Change the size to 1 and turn dynamics off. Deselect Apply Jitter and Smooth Stroke.

You can save it as a preset by clicking the blue floppy disk icon at the bottom let of the toolbox. Click on New Tool Preset, give it a handy name like 'Pixel art' then the floppy disk icon to save it.

Page 3 of 17
Page 3 of 17
3. Zoom in

3. Zoom in

Use the Zoom tool to take a closer look at your image (about 550% should be fine, although it will depend on your monitor's resolution).

You want to be able to see and manipulate each pixel easily. Make sure you zoom out periodically while you're working to check that your art looks okay when viewed at actual size.

Page 4 of 17
Page 4 of 17
4. Paint it grey

4. Paint it grey

We need to make careful use of shadows and highlights to ensure our pixel art character looks three-dimensional. Select the Bucket Fill tool and make the whole image a medium grey colour.

This neutral background shade will make it easier to judge how bright to make highlights, and how dark to make shadows.

Page 5 of 17
Page 5 of 17
5. Create a guide

5. Create a guide

Now we're going to create an isometric grid as a guide to making pixel art. Create a new layer and call it 'Grid'. Select the pencil tool and choose a different shade of grey.

Now click the top left pixel of your image, then hold [Shift] and move your mouse pointer to the right-hand side. When the co-ordinates at the bottom left read '99 49', click to draw a line.

Page 6 of 17
Page 6 of 17
6. Line it up

6. Line it up

Click Ctrl + C to copy the line and Ctrl + V to paste it, then select the Move tool and move the pasted line a little below the original.

Click on the background to deselect the line, then copy and paste both lines. Repeat the process until the image is filled with evenly spaced diagonal lines.

Page 7 of 17
Page 7 of 17
7. Build a grid

7. Build a grid

Now copy and paste all the diagonal lines, but don't deselect them. Instead, click Tools > Transform tools > Flip. Click once anywhere on your image to flip the copied lines.

This will give you an isometric grid. Because it's on its own layer, you'll be able to delete it easily when you've finished.

Page 8 of 17
Page 8 of 17
8. Pick a subject

8. Pick a subject

Create a new layer and call it 'Pixel art'. The next step is largely up to you, but we're going to draw a spider-like creature, which could be an enemy in a computer game.

Make sure you use the grid as a guide to help you get the right perspective, and don't use any tools other than your customised Pencil and Fill.

Page 9 of 17
Page 9 of 17
9. Sketch it out

9. Sketch it out

Take a leaf out of the classic artist sketchbook and start simple. Rather than trying to get every pixel perfect first time, make a rough sketch of your idea. It's very easy to edit and refine as you go along.

Just make sure you use the isometric grid as a guide, and always bear in mind that your character is a three-dimensional object.

Page 10 of 17
Page 10 of 17
10. Refine it

10. Refine it

Once you've got a rough sketch, try filling each section with a different colour to make them easier to identify. You can then decide where your light source is and begin adding shades and highlights accordingly.

Feel free to tweak; here we've decided to make our spider's legs tilt inward to make it look more alien.

Page 11 of 17
Page 11 of 17
11. Add texture

11. Add texture

You should try to create the impression of different textures rather than making your character uniformly smooth. Here, we've decided to give our spider some fur on its head, using 'strokes' of differing shades to represent sections of hair.

Zoom out regularly to check that your texture effects work when viewed at 100%.

Page 12 of 17
Page 12 of 17
12. Try dithering

12. Try dithering

Early videogames required pixel art that used as few colours as possible. One way to get around these limitations was to use dithering, a chequerboard of lighter and darker pixels that blends together to look like a single, mid-toned colour. Give it a try!

You can create an interesting texture if the two colours are quite different.

Page 13 of 17
Page 13 of 17
13. Prepare to export

13. Prepare to export

Once you're happy, click on the Grid and Background layers in the right-hand palette and delete them. Now click File > Export As.

We want to keep our transparent background, which means saving it in either PNG or GIF format. Don't save it as a JPG – this format doesn't support transparency and the compression will ruin your intricate art.

Page 14 of 17
Page 14 of 17
14. Keep it transparent

14. Keep it transparent

Select a file type from the drop-down list and give it a name. At the next dialog box, uncheck Save Background Colour and 'Save colour values from transparent pixels', then click Export.

Your finished pixel art will now be saved with a transparent background, ready for use in a game, as an icon on your desktop, or on a web page.

Page 15 of 17
Page 15 of 17
15. Convert to ICO format

15. Convert to ICO format

One of the easiest ways to use your pixel art is to convert it into an ICO file and use it to replace one of the program icons on your desktop.

You can do this using a website called ConvertICO. Simply browse for the PNG or GIF file on your computer, then click the 'Go' button and it will be converted instantly.

Page 16 of 17
Page 16 of 17
16. Use on the desktop

16. Use on the desktop

You'll see a preview of your icon on the right-hand side of the page. Click the large arrow and download the icon to a convenient place on your computer.

Now go to your Windows desktop, right-click an icon and select Properties. Click Change Icon, browse to your newly made ICO file and click OK. Click Apply, and enjoy!

Page 17 of 17
Page 17 of 17
Tech Tips
Read more
The 1986 Electron game Sprog!
I asked AI to recreate my classic 1980s platform game, and it failed miserably, but I'm still impressed by the tech
Real Asteroids game and the fake one by Claude AI
What a blast! This AI built an Asteroids remake in five minutes and I still can't believe it
Anthropic Claude Artifact Game
I built a personalized version of Super Mario-like game in seconds using Claude, and you can play it right now for free - here's how you can create your own game without coding
Sea of Stars cover art showing protagonists stand back to back against a moonlit forest backdrop
The 18 best indie games to play in 2025
A screenshot from the game Mixtape
Mixtape is filled with style, vibes, and heart and absolutely won me over at this year’s Summer Game Fest
A screenshot from Glowmade's King of Meat game
King of Meat’s chaotic co-op action and quirky creator mode show me that it might just have the legs to succeed
Latest in Tech
A Tesla car, James Bonds and Samsung's foldable promo image
ICYMI: the week's 7 biggest tech stories from Tesla finally launching robotaxis (kinda) to Samsung's foldables teaser
Gaming desk setup featuring Nanoleaf Pegboard desk dock
I tried to make an immersive smart lighting gaming desk setup and failed horribly – here's why
The image is split into three sections and shows parts of an RGB keyboard, an orange Motorola phone, and a multicolored rope light.
Good tech doesn’t have to be boring – from headphones to smart lights, here are my top 6 recommendations for colorful tech that'll stand out from the crowd
The Oakley Meta glasses, Alexa+ logo, and the Trump Mobile
ICYMI: the week's 7 biggest tech news stories from Oakley's next-gen smart glasses to our first week with Alexa+
Ring Battery Doorbell in white on blue background with TechRadar lowest price text
Don't wait for Prime Day: the Ring Battery Doorbell drops to a new record-low price
HP OMEN 16 2K 144Hz Gaming Laptop on pink background with TechRadar don't miss sign
RTX 5060 gaming laptops are starting to drop in price - like this $300 off HP Omen at Best Buy
Latest in How Tos
Google Chrome logo on desktop and mobile
How to private browse in Chrome on Windows, Android and ChromeOS
Coco Gauff practicing for Wimbledon 2025
How to watch Yastremska vs Gauff at Wimbledon 2025 on BBC iPlayer (it's free)
Emma Raducanu preparing for Wimbledon 2025
How to watch Raducanu vs Xu online: live stream Wimbledon 2025 tennis FREE
A woman dances on a friend's shoulders at the Glastonbury Festival held at Worthy Farm, in Pilton, Somerset on June 29 near Glastonbury, England. The festival, founded in 1970, has grown into one of the largest outdoor green field festivals in the world.(Photo by Matt Cardy/Getty Images)
How to watch Glastonbury replays on BBC iPlayer (it's FREE)
Max Verstappen leads the pack at the beginning of the 2024 Austrian GP.
How to watch Austrian Grand Prix F1 on ORF On today (it's free)
Jake Paul and Julio Cesar Chavez Jr. in their face off for their fight on 28 July.
How to watch Jake Paul vs Chavez Jr live on DAZN tonight – best PPV prices, start time

TechRadar is part of Future US Inc, an international media group and leading digital publisher. Visit our corporate site.

  • About Us
  • Contact Future's experts
  • Contact Us
  • Terms and conditions
  • Privacy policy
  • Cookies policy
  • Advertise with us
  • Web notifications
  • Accessibility Statement
  • Careers

© Future US, Inc. Full 7th Floor, 130 West 42nd Street, New York, NY 10036.

Please login or signup to comment

Please wait...