Skip to main content
Supported by Raspberry Pi

Pixel art

Create and code your own paper pixels as you find out how computers display images.
Plan a session with this activity

You will need

  • Scrap paper
  • Rulers
  • Pens or pencils
  • Coloured pens or pencils
Notes and handout (Pixel art)
PDF – 901.1KB
Two pictures; the first is an illustration of a group of Scouts and Buddy the dog surrounding a heart, and the other is a heart created from red-filled squares on a grid.

Before you begin

  • It’s helpful if you can print enough copies of the ‘Notes and handout’ pack for everyone to see one. Make sure you keep the final page secret – it’s got the answers on!
  • If you can, it’s easiest to print the blank grids on page three of the ‘Notes and handout’ pack so everyone has six grids.

 What’s a pixel?

  1. Everyone should think about where they see images on computers and chat with a partner. People may think about on social media, or website logos.
  2. The person leading the activity should pass around the ‘Notes and handout’ packs.
  3. The person leading the activity should explain that computer screens are divided into grids of very small dots called pixels (picture elements).
  4. The person leading the activity should explain that in a black and white picture, like the planet in the handout, each pixel is either black or white. In a colour picture, like the watermelon in the handout, each pixel is a single colour.

How do pixels work?

  1. Everyone should find the example letter ‘a’ in their sheet. Hopefully it’s easy to see how it’s made up of small, square, pixels.
  2. The person leading the activity should explain that each square is labelled with a coordinate – computers understand and represent everything with numbers, so when a picture’s designed for a computer, it needs to be represented in numbers too.
  3. The person leading the activity should explain that, unlike a map, the grid for the coordinates starts in the top left corner.
  1. The person leading the activity should explain that the x axis goes from left to right, and the y axis from top to bottom. Like a map, coordinates are made up of the x axis number, a comma, and the y axis number.
  2. Everyone should look at the example letter ‘a’ – they should check that the understand how the coordinates on the right of the letter match the coloured-in squares.

Give it a go

  1. Everyone should head to the second page of their handout. They should use the coordinates on the right of each grid to colour in the correct pixels and make a picture.
  1. Once they’ve finished their images, everyone should compare their creations. Does everyone’s look the same? What are the pictures?
  2. The person leading the activity should show everyone the answer sheet. It’s OK if people have made some mistakes – they’re useful for helping us learn more.

Get creative

  1. Everyone should use the blank grids to draw some images of their own.
  1. Everyone should get a separate piece of paper and code their images by writing down the coordinates for every coloured-in pixel. They should end up with a list of coordinates, just like the ones they used to ‘Give it a go’.
  2. Everyone should swap their coordinates with a partner. They should decode each other’s images (without peeking at the original).
  3. Everyone should compare their images with the originals. Do they match?

Reflection

This activity was all about developing skills. Did anyone learn anything new? Hopefully people now know more about how computers represent images. In this activity, they created their images on paper. Do people think it would be any easier to make digital art instead? People might think about how it can be easier to express creativity digitally if you’re not great at traditional skill like drawing or painting. Can anyone think of another creative skill they could express digitally?

Everyone should think about the phrase ‘digital maker’ – what does it make them think of? They should write down (or just remember) a few words, then people should take it in tuns to share. People may have thought about computers and programming; did anyone think of ‘creativity’ too? Being a digital maker’s not just about programming computers, it can also be a creative outlet.

Safety

All activities must be safely managed. Do a risk assessment and take appropriate steps to reduce risk. Always get approval for the activity and have suitable supervision and an InTouch process.