PcoWSkbVqDnWTu_dm2ix
Creating an Animation
Creating an Animation

Roblox Studio features a built-in Animation Editor to design custom animations for in-game characters. To learn how to use the editor, you’ll create an animation of a character doing a victory leap. Once finished, that animation can be played for any Roblox avatar.

Animation Setup

Before animating, you’ll create a poseable character rig and name a new animation file in the editor.

  1. To create player animations, a character rig is needed. In the Plugins tab, click on Build Rig.

    alt

  2. In the popup, make sure R15 is selected and then click Rthro Normal.

  3. To open the Animation Editor, go to PluginsAnimation Editor.

    alt

  4. Select the rig. Inside the Animation window, type in a name and click Create.

    alt

Create an Animation

The victory leap animation will be a series of keyframes, each one storing information for how parts are positioned. In total, the one second animation will have four keyframes for each pose of the leap.

Neutral
Crouch
Leap
Land

First Pose (Neutral)

The first pose will be the neutral pose with the character standing at rest. To start, you’ll set keyframes to the rig’s current pose.

  1. Make sure the rig is selected. Then, in the Animation Editor, click the button. Select Add All to include all the parts in the rig in the editor.

    alt

  2. Set the neutral pose by right clicking on the top bar beneath the timeline and selecting Add Keyframe. You’ll see a set of diamonds (keyframes) appear.

  3. Save the animation by clicking on the button and select Save.

    alt

Second Pose (Crouch)

The next pose will have the character posed to crouch before leaping up.

  1. Click on the top bar to set the animation time to a third of the length (e.g. 0:09).

    alt

  2. Select different body parts and use the Rotate tool to pose the rig. One way animators pose is to start with parts connected to the torso, like the shoulder. Then, move out to parts like the hand.

    Instead of clicking parts on the model, you may find it helpful to select them in the Animation Editor hierarchy. This is especially true for smaller parts like hands.

    alt


  3. To move the rig, switch to the Move tool by pressing R. Click the LowerTorso part (either in the rig or animation hierarchy) and position the body slightly down.

  4. Continue to pose the rig, switching between Move and Rotate by pressing R.

Third Pose (Leap)

  1. Set the animation time to the middle by clicking on the top bar.

    alt

    Exact times can be typed in the first box in the position indicator.

    alt


  2. Animate using Rotate and Move to create a pose like below.

    Front View
    Side Angle View

Finish the Animation

To save time and transition between animation loops, the last pose will be a copied version of the first, neutral pose. Then, you can either leave the pose as is or tweak it to get a more interesting animation.

  1. Select the top keyframe (diamond symbol) in the timeline for the first pose. Notice how keyframes for each part are selected. Once you select all keyframes, copy them Ctrl+C (+C).

    alt

  2. Move to the end of the animation (1:00 in the example) by clicking on the timeline. Then paste the keyframes using Ctrl+V (+V). If desired, take some time to adjust the pose to add more detail in the animation.

    alt

  3. With the animation done, toggle Looping on, then press Play.

Export the Animation

A finished animation has to be exported to play it in games.

  1. Click the button in the upper-left section of the animation editor window.

    alt

  2. Select Export. Follow the dialog boxes and click Submit.

  3. Once the animation is exported, copy the ID by clicking the icon. You should see a green “ID Copied!” text.

    alt

    If you need to find an animation ID, follow the process below.

    1. Open the Animations section of the Create page.
    2. Locate and click an exported animation.
    3. Copy its ID from the URL in your browser.

    alt


The copied ID can now be used in Roblox animations, as explored in the Using Animations course.

Additionally, for more information about the Animation Editor see the reference article, Using the Animation Editor. This article covers features like IK solvers, which allows for improved rig manupulation, and easing curves, a setting used to make more natural motions.