[Extension]Tweencel - Tweening and Animation Control for Aseprite

Banner photo 192x80 - x5 animated

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.


:sparkles: Key Features:

:cyclone: 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

:triangular_ruler: 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.

all transformationsublime_text_pyzOJnuVbX

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

:magic_wand: Motion Path Options

Choose how your sprite moves between frames, beyond just straight lines:

  • Straight - Basic linear interpolation.
  • Arc - Adds a jumping arc or bounce feel to the motion.
  • Wave - Wavy sinusoidal movement in any direction.
  • Triangle (Zigzag) - Sharp snappy zigzag patterns using triangle waves.
  • Shake - Random jitter for camera shake or chaotic motion.

motion path

:basketball: Squash & Stretch Support

Add cartoony energy and elasticity to your tweens. Enable squash and stretch to exaggerate motion dynamically, automatically adapting to the direction of movement:

  • Horizontal motion - wider and flatter stretch
  • Vertical motion - taller and thinner squash

This adds personality and physics-inspired realism to your sprite animations.
squash and stretch

:rainbow_flag: 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.

sublime_text_dVJA8gRFqh2

:gear: Extra 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.

sublime_text_qSnI3nLBmr

:hammer_and_wrench: Create and Update Tween Buttons

  • 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.

sublime_text_lFOTOCKQGl


: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 Itch.

3 Likes

Please credit the original tool which you’ve ripped almost exactly. Thanks.

all transformationsublime_text_pyzOJnuVbX

An update to TweenCel v2.2 has been released - this version introduces smoother animation tools, stability fixes, and greater support for linked cels. Please uninstall the previous version before installing this update.

Changes:

  • [Fix] Prevent “attempt to index a nil value (local ‘end_frame’)” error when tweening
  • [Fix] Resolve “tried to access deleted ‘ImageObject’” error when updating tweens on linked cels
  • [Fix] Resolve “tried to access a deleted ‘Cel’” error during color tweening
  • [Improvement] Tweening now fully supports linked cels, no need to unlink them
  • [Improvement] Size tweening: scaling now anchors from the image center. No need to toggle position manually
  • [Improvement] Reorganized dialog layout for a cleaner, more compact interface
  • [Feature] Added Minimize and Advanced toggles to simplify the UI
  • [Feature] Added Motion Path Options when tweening position
  • [Feature] Added Squash & Stretch Support for size tweening
  • [Feature] Added Out-In easing option for more expressive timing

:magic_wand: Motion Path Options

Choose how your sprite moves between frames, beyond just straight lines:

  • Straight - Basic linear interpolation.
  • Arc - Adds a natural jump arc or bounce feel.
  • Wave - Wavy sinusoidal movement across the path.
  • Triangle (Zigzag) - Sharp zigzag patterns using triangle waves.
  • Shake - Random jitter, great for camera shake or chaotic effects.

motion path

:basketball: Squash & Stretch Support

Add cartoony energy and elasticity to your tweens. Enable squash and stretch to exaggerate motion dynamically, automatically adapting to the direction of movement:

  • Horizontal motion - wider and flatter stretch
  • Vertical motion - taller and thinner squash

This adds personality and physics-inspired realism to your sprite animations.
squash and stretch

1 Like