{% trans 'Watch it here now.' as msg_meta_extra} Change Color - Animate a Name - CS First Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more.

arrow_back Change Color


In this video you'll make a letter change color when it's clicked.

This changes the look of a letter in your animation, and makes it stand out.

To start, add a new sprite to your project from the Scratch Library.

Scroll through the sprites to find the letter you need.

(playful music)

Click on the sprite to add it to your project.

This example uses the letter A, but you will add a sprite for the name you're animating.

Next, code the sprite to change colors.

Click the Code tab, and select the Looks menu.

Click, hold, and drag out a change effect by block.

Change the dropdown to color.

Click the block to see what it does.

Each the time you click, the sprite changes color.

Next, make the sprite change color when it is clicked.

To do this, click the Events menu.

Blocks from this menu tell the computer when to run code.

Drag out a when this sprite clicked block.

Attach it to the top of the change effect by block.

Click the sprite to see what happens.

The sprite changes color when you click it.

Now it's your turn.

Add a sprite to your project.

Add a change effect by block, and change the dropdown to color.

Add a when this sprite clicked event.

Once you finish these steps, return to this page to select another video.

Choose an Add-On
Change Color
Change the color of a letter when it’s clicked.
Grow and Shrink
Change the size of a sprite when it’s clicked and add a sound to match the animation.
Draw a Letter
Draw your own letter and make it move.
Add a letter and rotate it when it’s clicked.
Move the sprite up and down and add a sound as it bounces
Create and change to different costumes.
Bounce Everywhere
Move the sprite all around the stage, then make it return to a specific point.
New Backdrop
Switch to a different backdrop by clicking the letter or sprite.
Say Something
Make the letters talk to each other when the green flag is clicked.
Sprite Dance
Make a sprite dance when the sprite is clicked.
Add Background Music
When you click a sprite, play a song and change the background
Play a Beat
Play a drum beat when the sprite is clicked.
Next arrow_forward
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your project.
  • "NYSD - Pet Name" by techwonder21 (https://scratch.mit.edu/projects/226242085/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)
  • Animate a Name is based off of the 'Animate Your Name' Scratch tutorial (http://scratch.mit.edu/name) developed by Scratch team at the MIT Media Lab. It was adapted and re-developed by Google in partnership with 4-H (http://4-h.org/), West Virginia University and Utah State University for National Youth Science Day 2018 (https://4-h.org/parents/national-youth-science-day/), 4-H's largest annual STEM challenge.
  • "4H_Emblem" by US Government (https://commons.wikimedia.org/wiki/File:4H_Emblem.svg) -- Licensed by CC0 Public Domain (https://creativecommons.org/share-your-work/public-domain/cc0/)
  • "NYSD - Adjective Name" by techwonder21 (https://scratch.mit.edu/projects/226481973/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)