Files
effectcraft/docs/user/guides/animate-with-keyframes.md
T
Fabio LussiandClaude Opus 5.5 a6ab6a8f8c docs: add user docs for EffectCraft
Adds docs/user/ (published at getartcraft.com/docs/effectcraft), the docs-check
and docs-publish workflows (copied from craft-launcher), and a "User docs" rule
in AGENTS.md. Verified against 0.8.0.

Source notes per page:
- index: README, crates/engine/src/menus.rs, website crafting-apps.ts entry,
  docs/gaps.md (.aep).
- getting-started/install: README Downloads, gh release v0.8.0 assets,
  packaging/windows/effectcraft.wxs (per-machine, Start Menu, desktop shortcut
  box), package.ps1 (portable zip contents), launcher crates/core catalog.rs
  (EffectCraft listed), launcher docs install guide.
- guides/make-a-composition: menus.rs (Composition, Layer, Help), comp.rs
  shortcut, panels/comp_settings.rs (labels, presets, tabs), panels/home.rs,
  engine/src/learn.rs (Animate a title tutorial).
- guides/animate-with-keyframes: learn.rs, panels/timeline.rs (stopwatch, Add
  or remove keyframe), commands/prop.rs (Easy Ease F9), menus.rs (Animation).
- guides/add-an-effect: menus.rs (Effect, Window), panels/effects_presets.rs,
  commands/effect.rs, effects/src/misc.rs (Gaussian Blur parameters).
- guides/render-a-video: panels/render_queue.rs (labels), project
  render_queue.rs (format labels, default H.264, template, supports_alpha),
  commands/render_queue.rs (Cmd+M), README (Lottie).
- guides/import-footage: docs/footage.md, menus.rs, engine/src/prefs.rs
  (Sequence Footage), README (Wayland drop).
- troubleshooting/gpu-not-used: issues #596, #613; prefs.rs (Window Graphics),
  commands/app_more.rs (System Compatibility Report text), ui-egui menus.rs
  (GPU Information dialog text, checked at v0.8.0).
- troubleshooting/footage-missing: docs/footage.md (relink), commands/
  file_more.rs (Find Missing Footage), issue #652 and PR #676.
- faq/after-effects-projects: README "Where it stands", docs/gaps.md.
- faq/price-and-platforms: README (license, platforms, status), LICENSE files.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-12 04:04:57 +02:00

1.9 KiB

title, description, order, verified
title description order verified
Animate with keyframes Fly a layer in with two Position keyframes and smooth the motion with Easy Ease. 20 0.8.0

Click the stopwatch beside a property to start animating it, move the current-time indicator, then change the value. The second keyframe appears by itself. Select both keyframes and press F9 to ease the motion.

You need a composition with a layer. See Make your first composition.

Steps

  1. In the Timeline, twirl the layer open, then open Transform.
  2. Set the starting value. For a layer that flies in from the left, scrub or type a Position that is outside the frame.
  3. Click the stopwatch beside Position. It turns blue and records a keyframe at the current time.
  4. Drag the blue current-time indicator to about 0:00:01:00, or click in the time ruler.
  5. Drag the layer to its final place in the Composition viewer, or scrub the Position value. Because the stopwatch is on, a second keyframe appears by itself.
  6. Select both keyframes (drag a box around them, or click the Position name) and press F9. This is Animation ▸ Keyframe Assistant ▸ Easy Ease. The layer now glides in and settles.
  7. Press the Spacebar, or use Play in the Preview panel, to watch it. Press it again to stop.

Other things you can do

  • Click the keyframe button in the layer's property row to add or remove a keyframe at the current time. Its tooltip reads Add or remove keyframe.
  • Choose Animation ▸ Keyframe Assistant ▸ Easy Ease In (Shift+F9) or Easy Ease Out to ease one side only.
  • Choose Animation ▸ Toggle Hold Keyframe for a keyframe that jumps instead of moving.
  • Choose Animation ▸ Keyframe Interpolation... or Keyframe Velocity... to set the curve exactly.
  • Hold Alt and click a stopwatch to add an expression.
  • The Graph Editor shows value and speed graphs with draggable handles.

Next

Add an effect.