Transform and keyframes
Position, scale, rotation, crop, speed — and animating them over time.
6 min
Every video, image or piece of text sits somewhere in the frame, at some size. That bundle of “where and how big” settings is the transform. You can change it two ways: with the sliders in the properties panel on the right, or by dragging the layer directly in the preview.
Then comes the fun part: those values can change over time. An image slowly grows, a title slides in from the edge, a video gently rotates. The thing that makes this happen is called a keyframe — we'll explain it below.
Transform: place and size in the frame
Select a clip on the timeline and its settings open in the panel on the right. The transform section has four main sliders.
X and Y — position
Where the CENTER of the layer sits in the frame. Dead center is 0.5 / 0.5. The center stays inside the frame, though the layer itself may hang over the edge.
Scale
Bigger or smaller. 1 is the natural size; 1.2 is 20% larger. The aspect ratio is kept.
Rotation
In degrees, from −180 to 180. It rotates text too — background, outline and shadow all turn with it.
Opacity
1 is fully visible, 0 is invisible. In between, the track underneath shows through.
Dragging right in the preview
Sliders are good for exact numbers, but working by eye is faster. Select the layer (click it in the preview — the topmost one gets picked) and handles appear. The handles only show while paused: during playback they would cover the picture.
- Move — grab the middle of the layer and drag. Hold
Shiftto lock an axis: it then moves only horizontally or only vertically. - Rotate — swing the rotation handle.
Shiftsnaps the angle to 15° steps (0°, 15°, 30°…), and double-clicking the handle resets the angle to 0. - Stretch — the edge and corner handles. This is a non-proportional stretch: the image gets squeezed wider or taller, deliberately breaking its aspect ratio (in the panel these are “Stretch → Width (X) / Height (Y)”).
Crop and fit
Drop a vertical video into a landscape project and it fits inside the frame, leaving empty bars at the sides. Two settings deal with that.
Fit inside (contain)
The default. The whole picture is visible, nothing is cut off — but there may be empty space at the edges.
Fill frame (cover)
The picture fills the frame completely and whatever doesn't fit is cropped away. No empty space — but something gets sacrificed.
Crop — you decide
Sets how much is trimmed off the top / bottom / left / right, each on its own. What REMAINS after the trim is then fitted to the frame.
Clip speed
A video or audio clip can run anywhere from 0.25× to 4× (the “Speed” control in the properties panel). 0.5× is half speed — good for a sports move or a reaction; 2× is double speed, handy for compressing a long process.
Speed doesn't change which part of the source the clip uses — only how much room that part takes up on the timeline. So at 2× the clip becomes twice as SHORT, at 0.5× twice as long, and it's on you to make sure it doesn't collide with the clips after it.
Keyframes — change over time
A keyframe is a value pinned to one exact moment in time. You say “at 2 seconds the scale is 1” and “at 6 seconds the scale is 1.3” — and the editor fills in everything in between. What's the scale at 4 seconds? It works that out itself. That's where animation comes from: you only mark the KEY moments.
Put the playhead at the first moment
Pick where the animation should START — the very beginning of the clip, say. A keyframe always lands wherever the playhead is standing.
Click the diamond button
In the Animation section of the properties panel there's a diamond (♦) button. Click it and a keyframe is added at that moment; if one is already there, it's removed. One button, both jobs.
Move the playhead, then change the value
Jump to the second moment and drag a slider. A new keyframe appears by itself — this is called auto-keyframing. Once the first keyframe exists, every slider move you make is written into a keyframe at that moment.
Play it back
Press
Space. The value glides smoothly between the two keyframes. Before the first and after the last one it simply holds that keyframe's value.
On the selected clip the keyframes show up as little diamonds on the timeline. You can drag them to retime the animation — the quickest way to make it faster or start it later. The arrow buttons in the panel jump to the previous/next keyframe.
Easing — the character of the motion
Between two keyframes, how does the value travel — at a constant pace, or speeding up gradually? That's easing. Each keyframe sets the pace of the stretch that FOLLOWS it. There are four options.
Linear
The same speed from start to finish. Feels mechanical — but that's exactly right for a spin or a continuous drift.
Smooth
Starts gently, picks up in the middle, settles gently. The most natural choice — when in doubt, use this one.
Ease in
Creeps off slowly, then accelerates away. For something that is “getting going”.
Ease out
Comes in fast and slows as it arrives. Perfect for a title that flies in and lands softly.
Worked example: a slow zoom on a photo (Ken Burns)
A still photo just sitting on the timeline looks dead. Give it a slow push in and the shot starts to breathe — a classic move, used in every documentary. Here it is in under a minute.
Place the image and select it
Drop the image onto the timeline and drag its edge until it's 5–6 seconds long. Click the clip.
First keyframe at the start
Put the playhead at the very start of the clip. Leave the scale at 1.0 and click the diamond — your first keyframe. Set its easing to “Smooth”.
Second keyframe at the end
Move the playhead to the end of the clip and raise the scale to 1.15. You don't even need the diamond — moving the slider creates the keyframe for you.
Play it
Home, thenSpace. The photo grows slowly, almost imperceptibly. That's the trick: the viewer never notices the zoom, but the shot feels alive.
Common questions
How do I delete keyframes?
Put the playhead on the keyframe and click the diamond again — that one is removed. To wipe them all there's a “Remove all keyframes” button in the Animation section. Once they're gone the clip goes back to its plain static transform.
I moved a slider but nothing animated.
If the clip has no keyframes at all, a slider changes one static value for the whole clip — that's the intended behaviour. Animation only begins once you place the FIRST keyframe.
The animation is too fast. Can I slow it down?
Yes — drag the last keyframe diamond further right on the timeline. The values stay the same, but the time between them grows, so the motion slows down.
It's hard to get the rotation back to exactly 0.
Double-click the rotation handle in the preview and the angle snaps straight back to 0. And while dragging, holding Shift steps the angle in 15° increments.