Animation
Beginner
45 mins
145 points
What you need:
Computer/laptop

Creating Your First Animation

In this lesson, you will create your first simple animation using Wick Editor. You will learn how to create a new project, add frames, and animate a drawn circle to bounce up and down.
Learning Goals Learning Outcomes Teacher Notes

1 - Create a new project

Create a new animation project using the Wick editor.

2 - Exploring the Interface

Start by familiarising yourself with the Wick Editor interface.

At the top, you'll find the toolbar which contains drawing tools like the brush, eraser, and shape tools. These tools will help you create and modify your animations.

On the right, you'll find the inspector panel where you can adjust properties of your selected objects. You'll also see the project library where you can manage your assets like images, sounds, and fonts.

The center of the screen is your canvas, this is where you'll create your animation.

At the bottom, you'll see the timeline where you can manage your frames and layers.


3 - Drawing Your First Frame

Select the brush tool from the toolbar. Click and drag on the canvas to draw.

We're going to animate a ball bouncing up and down, so let's start off by drawing a circle freehand at the top of the canvas.


4 - Adding Frames to Your Animation

Locate the timeline at the bottom of the screen. Click on an empty spot in the timeline to add a new frame.


5 - Using Onion Skinning

Onion skinning is a technique used in animation that allows you to see several frames at once. This makes it easier to understand how your animation is progressing over time.

To use onion skinning in Wick Editor, find the canvas tools at the bottom right. Click on the onion skinning tool to see previous and following frames. This will help you to create smoother, more natural animations.


Unlock the Full Learning Experience

Get ready to embark on an incredible learning journey! Get access to this lesson and hundreds more in our courses.

Copyright Notice
This lesson is copyright of 123code. Unauthorised use, copying or distribution is not allowed.
🍪 Our website uses cookies to make your browsing experience better. By using our website you agree to our use of cookies. Learn more