Please update your browser
Your browser version is not supported by this site. CS First may not work properly. Learn more.
In this add-on, you'll create your own
video game character using the bitmap paint editor.
Bitmap images are made up of tiny
squares of color called pixels.
Today's computer monitors and television
screens have millions of pixels.
However, the displays on early video consoles
only had a few thousand pixels.
So the characters in early games
looked very pixelated and simple.
Even though technology has improved drastically,
the pixelated look is still used in games today
because the style is so widely
associated with classic fun games.
To start, go to the 'Costumes' tab
and click 'Paint new sprite.'
Click the 'plus' sign to zoom in
on your paint editor until you see each pixel.
Select the brush tool
and set it the smallest possible size.
Click and drag the brush to draw a character.
Notice that the brush strokes stay on a grid.
This is the secret to achieving that pixelated look.
If you make a mistake don't worry.
Just press the 'undo' button.
Use the ellipse and rectangle tools to quickly draw shapes.
Set the outline to the thinnest setting,
click and drag it to create the shape,
then click outside the box to lock it in.
Use the brush tool to add details and features.
Click and drag to create curves and lines
or click to paint pixels individually for more precision.
To fill in an area with color,
click the 'fill with color' tool,
select a color,
then click the area to fill it.
To add shading, select a slightly darker shade of color,
then the fill color, and paint around one edge.
On this stage, resize it till it's
the right size for your project.
There's no limit to what you can
create with these simple tools.
Have fun designing and creating your character.
Now it's your turn.
Go to the 'Costumes' tab, then click 'Paint new costume.'
Zoom all the way in.
Use the editing tools to create your character,
then make the character larger on the stage.
Program an interesting introduction to your project.
Learn about vector graphics, and edit or draw your own costume.
Learn about bitmap graphics and draw your own pixel character.
Add video game sound effects or music to your project.