Colorful Backgrounds

In this lesson, you will learn how to create colorful backgrounds for your characters using Piskel and the color wheel.

Warning: Your screen size is quite small for viewing this. Rotate your device into landscape mode if you can.

1 Open Piskel
2 Set Canvas Size
3 Choose a Base Color
4 Fill the Background
5 Choose Complementary Colors
6 Create Shapes and Fill Colors
7 Save Your Background
Quiz

1 - Open Piskel

Open a new browser tab and go to the Piskel website at https://www.piskelapp.com/. Click on 'Create Sprite' to start a new project.

Piskel: How to create a new project

To create a new project in Piskel, open the website piskelapp.com and:

Click the Create Sprite button
This will create a new project and bring you to editor.

👇 Mark your steps as done as you complete them.

+5 XP

2 - Set Canvas Size

Before you start designing your background, set the canvas size. Click on 'Resize' at the top of the screen and change the width and height to 100 pixels each. Click 'Resize' to confirm your changes.

Piskel: Resize the drawing area

To resize the drawing area follow these steps:

On the right-hand side menu, click on the 'Resize' tab.
Uncheck the 'Maintain aspect ratio' if you want a different width and height.
Enter the width and height that you want.
Click 'Resize'.

The drawing area will resize to your chosen width and height.

👇 Mark your steps as done as you complete them.

+10 XP

3 - Choose a Base Color

Think about the color wheel you learned about before. Choose a base color for your background. Click on the color picker on the right side of the screen and select your desired color.

+5 XP

4 - Fill the Background

Now, use the 'Paint Bucket' tool to fill the entire canvas with your chosen base color. Click on the 'Paint Bucket' icon and then click on the canvas to fill it with your selected color.

+10 XP

123learn · Online learning platform

Unlock the full learning experience

You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

Hundreds of curriculum-aligned lessons

Interactive activities in every lesson

Printable resources & progress tracking

Get started

Copyright Notice
This lesson is copyright of Coding Ireland 2017 - 2026. Unauthorised use, copying or distribution is not allowed.