top of page

Making Sprites

LT: I can identify what a sprite is and when to use. I can create a sprite for my game

In this project, students will learn about sprites, their history and how to create them. By the end of the unit, students will copy a tutorial to create a basic sprite.

Begin Here

Read this short article and answer questions about what a sprite is before beginning this lesson

Understanding Sprites in Coding: A Guide

Be ready for a few questions!

bfe8dc970b387cf.gif

What are Sprites

2D Graphic that represents a character, object, or element in a game. They are the "actors" on a stage, and the code is the script telling the sprites what to do. Sprites were created to move independently of the background

7c599385-c77b-415d-b21f-0ec20f3986f6.png

Pixel art sprites are popular today for their retro feel. This is the easiest type of sprite to create for a game. Depending on the size of the artwork, it can reduce the processing time for a game.

Want to know more?

History of Sprites

Watch the video below to learn about sprites and their evolution over time.

Software

LT: I can identify different types of software to create sprites

For this course, we will use Photoshop.  Listed below are a few of the common types of software available to game designers

8f89bd05-5683-49c3-b211-fb7a1c19830e.png

What size Canvas?

16 x 16 or 32 x 32 pixels (square dots) are standard, but can be any size based on the look you are trying to achieve. Anything larger, and some of the pixelation starts to go away.  Your first sprite will be 32 x 32. For more detailed info on canvas size, watch the video below.

Make Your Basic Sprite

Follow the Tutorials below to use Photoshop to create a slime sprite similar to the video above

1. Make the Sprite and Save

LT: I can make a basic sprite.

2. Make 2 more sprites.

LT: I can change color of the sprite

3.  Get rid of the white

LT: I can make my sprite ready for my game.

If you have a white background, follow this tutorial to learn how to convert it to a transparent background.

 

Turn your sprites in

LT: I can turn in my assignment
Turn in each sprite using the PNG file only. Do not turn in the PSD file.  Go to the assignment in Classroom, click on Add or Create, then File.  From here you can either click Browse or drag and drop the 3 PNG files.
 

Tips for Making Sprites

What if you can't draw? Here are some tips.
bottom of page