[Extension]Tweencel: Tweening and Animation Control for Aseprite

Scripts & Extensions
1

tweencel banner

Tweencel: Tweening and Animation Control for Aseprite - Download :link:

Tweencel is an Aseprite extension that enhances your sprite animation workflow, it allows you to create smooth transitions between frames and offers advanced tweening options to customize your animations with precision.

Whether you’re looking to adjust positions, rotations, size, or color (HSLA), Tweencel provides the tools to make your sprite animations fluid and dynamic.

Key Features:

:sparkles: Easing Options

Choose from various easing functions like Linear, Ease In/Out, Bounce, Elastic, or custom swaying to control how the animations transition between frames.
bowling demoed easing

:sparkles: Transform Tween

  • Tween Position: Interpolates the position of your sprite between frames.
  • Tween Scale: Gradually adjusts the scale of your sprite.
  • Tween Rotate: Smoothly transitions the rotation of your sprite.

Note: Rotating big images takes few seconds to process, so just wait for it to load.

Transform Tweening

:sparkles: Color Tween : Use the slider to directly adjust the image.

  • Tween Hue: Adjusts the hue values of the sprite for color shifts.
  • Tween Saturation: Gradually increases or decreases color intensity.
  • Tween Lightness: Controls brightness transitions.
  • Tween Alpha: Tweens the sprite’s transparency.

Color Tweening

:sparkles: Tween all property at once

Tween all property

:sparkles: General Settings

  • Expand Canvas: Expand canvas to give you more space to do tweening off original canvas size
  • Reverse Order: Reverses the tweening sequence, letting you create effects in reverse.
  • New Layer: Places the generated tween cels in a new layer, keeping your original layer untouch.

General Settings

:sparkles: Fade Out/ Fade In

Fade Out - Fade In

:sparkles: Tween Create or Update

  • Create Tween Cel: Generates intermediate frames based on your tweening settings.
  • Update Tween Cel: Modifies existing cels or tweens or updates their properties without starting over.

Tween Buttons

:sparkles: How to Use Tweencel

  1. Open Tweencel - Navigate to Edit>Tweencel in the top menu
  2. Choose from one of the easing options
  3. Select Your Cels:
    • You can select a specific range of cels.
    • Alternatively, select an entire layer to include all its cels.
  4. Prepare the First and Last Frames:
    • Ensure there is an image in both the first and last frames of your selection.
    • These two cels will act as the start and end points for your animation.
  5. Apply Tween
    • Create Tween Cel Button:
      • Tweencel will automatically generate the in-between frames based on your selected tween option.
    • Update Tween Cel Button:
      • Allows you to modify an existing range of tweened cels without starting from scratch. This is perfect for making adjustments to your animation after it has been created.

Download Tweencel on my Ko-fi.

1 Like