all tutorials
watch on youtube ↗

Shotcut tutorial · companion page

How to Keyframe in Shotcut the Easy Way for Beginners

A keyframe is one setting pinned to one moment. Put two of them on the same field and Shotcut fills in every frame between. Three worked examples here — a zoom, a blur and a volume fade — all built from that one idea.

Ben Espanto 15:02 runtime uploaded 3 Jun 2020 43,655 views 1,073 likes

Reading in another language? Use the translate picker in the header, or your browser’s own translate command — the Shotcut filter, control and value names are marked to stay in English so they still match what is on your screen.

0:00
runtime
0
chapters
0
filters
0
worked examples
0
second test clip
what a keyframe actually is

Two pins, and the software draws the line between them

Nothing about keyframing is special to any one filter. You pin a value at a moment, pin a different value at a different moment, and the editor works out every frame in between. That is the whole mechanism, and everything else on this page is an application of it.

01

A keyframe is a value plus a time

“It moves from the first setting to the next setting.” One keyframe on its own changes nothing visible. It takes two before anything animates, because a single pin has nothing to travel towards.

02

The stopwatch is the on switch

Every keyframable field in Shotcut carries a small stopwatch button. If the stopwatch is there, the field can be animated. Click it and Shotcut turns keyframing on for that field, writes the first keyframe at the playhead, and opens the Keyframes panel.

03

The panel is where you see the shape

The Keyframes panel shares the bottom of the window with the Timeline panel — two tabs, same space. Each keyframed field gets its own lane with a line running left to right; the markers on that line are the keyframes.

04

It works on audio too

The third example on the page keyframes Gain / Volume on a music track. Nothing about the method changes — same stopwatch, same panel, same markers. Only the units change, from per cent to dB.

[ that’s basically what a keyframe is, is it moves from the first setting to the next setting ]

Ben Espanto · 3:46

chapter by chapter

The whole tutorial, seven stops

Click any screencap or timestamp to play that chapter from its exact second, right here in the card. Quotes are transcribed verbatim from the audio. Four chapters come from the video’s own chapter list; the three marked derived were read off the frames, because the published list stops at 10:07 while the video runs to 15:02.

0:00
CHAPTER 01

Intro — why keyframes are worth learning

“I’m just a normal person with no video editing background who wanted to start making YouTube videos and maybe add semi-fancy effects.”

No editor on screen for the first 0:40 — this stretch is the channel intro running over the shotcut.org home page. Nothing to follow along with yet.

0:40
CHAPTER 02

Using Filters — preparing the clip

“What I’m going to do is I’m going to cut it down to about 15 seconds because that’s probably the only clip we’re going to need for this example.”

Before any keyframe exists there is housekeeping: the clip GH019323-speed.mp4 (full length 00:00:57:03) is dropped on V1, muted, split, and trimmed down to a 15-second working piece. The player total now reads 00:00:15:00.

1:43
CHAPTER 03 · DERIVED

Rotate and Scale, the stopwatch, and the Keyframes panel

“Whenever you load a filter, every time this icon shows up, which is a stopwatch icon, that means that filter is keyframable.”

The filter Rotate and Scale is added, and the stopwatch beside Scale is clicked at 00:00:00. That single click does three things at once: it turns keyframing on for that one field, it writes the first keyframe at the playhead, and it opens the Keyframes panel at the bottom of the window. Scale then runs 100.0 % to 300.0 % across the fifteen seconds. YouTube’s own chapter list runs Using Filters from 0:40 to 6:10; this card is a split added here because the work on screen changes completely at this point.

6:10
CHAPTER 04

Using Gaussian Blur — four keyframes on one field

“Instead of it being at 20, I want it to be at zero because I want it to start with zero blur.”

Same clip, different filter. Blur: Gaussian has a single keyframable field, Amount, which defaults to 20.0. Four keyframes are built along it — 0 at the start, 60 at 00:00:05, 20 at 00:00:10 and back to 0 at the end — so the shot blurs in, eases off, and clears again.

10:07
CHAPTER 05

Using Audio Filter — setting up the music track

“In this last keyframe example, I’m going to do something a little different. Instead of using a video filter, I’m going to use an audio filter.”

Right-click the video track → Add Audio Track, then drag Unstoppable.mp3 (00:03:03:22) onto A1, splice it to match the video length, and right-click again → Make Tracks Taller so the keyframe line is easy to hit. Still no keyframes at this point — this is setup.

12:02
CHAPTER 06 · DERIVED

Keyframing Gain / Volume — a fade you control

“I want to use keyframes to make the volume of this audio track trail off from 100% to 0%, or whatever decibel we want it to be.”

The audio clip gets the Gain / Volume filter, whose one field is Level, measured in dB rather than per cent. The stopwatch is clicked with the playhead at 00:00:10, which pins 0.0 dB there; a second keyframe at the end is dragged to the floor of the track, and a third is added between them and lifted to steepen the drop. YouTube’s chapter list stops at 10:07, so this card is derived from the frames.

14:22
CHAPTER 07 · DERIVED

Outro — questions, comments, subscribe

“If I went a little bit too fast and I clicked something and you missed something and you want to know exactly what I did, what I clicked, did I right click, just go ahead and post it on the comments.”

End card over the editor. Nothing is built here — it is the call to action and the invitation to request the next tutorial. Derived from the frames; the published chapter list ends at 10:07.

build it yourself

Nine steps, and the first keyframe of your life

Every number below was read off the screen in the video. Where a value was never shown, it is not stated — there are no recommended-sounding guesses on this page.

STEP 01

Get a short clip onto the timeline

Long clips make keyframing harder to see, not easier. In the video the source is GH019323-speed.mp4, full duration 00:00:57:03, trimmed down on the timeline to a 00:00:15:00 working piece: position the playhead, Split at Playhead, then delete the tail.

clip GH019323-speed.mp4 source 00:00:57:03 trimmed to 00:00:15:00 track V1

The clip is muted for this exercise so the audio does not distract — the sound comes back in step 07 when a separate music track is added.

STEP 02

Add a filter — Rotate and Scale

Select the clip, open Filters, press the + button under the filter list, and type into the search box. The chooser has three tabs — Favorite, Video and Audio — and searching looks across them. Typing rotate brings up Rotate and Scale.

The Shotcut filter chooser with the word rotate typed into the search box and Rotate and Scale as the single result
1:50 · the filter chooser, search box holding “rotate”, tabs Favorite / Video / Audio across the top
STEP 03

Find the stopwatch — that is what says “keyframable”

Rotate and Scale shows four fields: Rotation, Scale, X offset and Y offset. To the right of each are two small buttons. The circular arrow resets the field to its default. The stopwatch is the keyframe switch. If a field has no stopwatch, that field cannot be animated.

Rotation 0.0 deg Scale 100.0 % X offset 0 Y offset 0
The Rotate and Scale filter panel showing Rotation, Scale, X offset and Y offset, each with a reset button and a stopwatch button
2:20 · four fields, four stopwatches — every one of these can be keyframed independently

The stopwatch is grey when keyframing is off for that field and lit blue when it is on. That colour is the only signal, so it is worth learning to look for.

STEP 04

Park the playhead first, then click the stopwatch

Order matters here and it is the step beginners skip. Move the playhead to where you want the animation to start00:00:00 in the video — set the field to its starting value, and only then click the stopwatch next to Scale. One click does three things:

it turns keyframing on for Scale · it writes the first keyframe at the playhead · it opens the Keyframes panel at the bottom of the window.

Clicking the stopwatch a second time turns keyframing back off for that field and discards its keyframes. It is a toggle, not an add button.

STEP 05

Move the playhead to the end and change the value

With keyframing on, you never press a second button to make a keyframe. Move the playhead and change the value, and Shotcut writes a keyframe there for you. Playhead to the end of the clip, set Scale to 300.0 %, and the zoom is built.

keyframe 1 · 00:00:00 · Scale 100.0 % keyframe 2 · end of clip · Scale 300.0 %

While the playhead sits between two keyframes the field shows the interpolated value, not a value you typed. Readings such as 186.4 %, 409.1 % and 695.7 % appear in the panel through this section — those are Shotcut reporting the in-between, and they change as the playhead moves.

STEP 06

Read the Keyframes panel — and the marker shapes

The Keyframes panel is a tab beside Timeline at the bottom of the window. The upper lane is named for the filter (Rotate and Scale) and carries two buttons: seek previous keyframe and seek next keyframe. Beneath it, each keyframed field gets its own lane — here Scale — with four buttons: seek previous, the stopwatch, a trash can, and seek next.

add / remove at playhead stopwatch delete trash can jump between keyframes seek previous / seek next
The Shotcut Keyframes panel showing a Rotate and Scale lane above a Scale lane, with diamond markers on a line that rises and falls
4:50 · the Scale lane, its four buttons, and diamond markers on the value line; the Timeline and Keyframes tabs sit at the bottom left

The marker shape is the interpolation type, and it is the thing beginners miss. A diamond means Linear — a straight, even ramp to the next keyframe. A square means Discrete, also called hold: the value stays put and then jumps, with no travel at all. A circle means Smooth — the value eases in and out instead of arriving at constant speed. You change one by right-clicking the marker and picking the type from the menu.

Every keyframe in this tutorial is a diamond. Linear is the Shotcut default and the video never switches away from it, so the square and circle shapes are described here for recognition rather than because they appear on screen.

STEP 07

Add more keyframes — and remove the ones that were a bad idea

Anywhere along the lane, put the playhead where you want a new keyframe and either click the stopwatch in that lane or change the value in the filter panel. To remove one, right-click its marker and choose remove, or select it and use the trash can.

The video deliberately overdoes it — peaks past 600 % appear — then walks it all back: “your keyframe has to make sense”. The extras are removed one by one until only the first keyframe is left, and the simple 100.0 % to 300.0 % ramp is rebuilt.

A keyframe you cannot see is a keyframe you cannot fix. If the markers are cramped, make the track taller (right-click a track → Make Tracks Taller) before you start nudging them.

STEP 08

Same method, second example: Blur: Gaussian

Add Blur: Gaussian to the same clip. It has one keyframable field, Amount, which arrives at 20.0. Playhead to the start, type 0, click the stopwatch — the clip now begins with no blur — then move along the clip and set the values you want.

filter Blur: Gaussian field Amount default 20.0 final shape 0 → 60 → 20 → 0
The Blur Gaussian panel with Amount reading 0.0, its stopwatch lit blue, and two diamond keyframes rising on the Amount lane below
7:40 · Amount at 0.0 with the stopwatch lit, and the Amount lane climbing to the second keyframe

The Amount field carries no unit on screen. The narration is careful about this: “I don’t know if it’s 20% blur, but it’s just the setting is 20.”

STEP 09

Third example: keyframe an audio filter

Right-click the video track → Add Audio Track, drag Unstoppable.mp3 onto A1, and splice it to the length of the video. Select the music clip, open Filters, and add Gain / Volume — its one field is Level, in dB.

The Shotcut filter chooser open on the audio clip, showing the Favorite tab list with Gain slash Volume among the entries
12:10 · the chooser on the audio clip; the Favorite list carries Gain / Volume alongside Fade In Audio and Fade Out Audio

Playhead to 00:00:10, click the stopwatch — that pins 0.0 dB, full level, at the ten-second mark. Playhead to the end, drag the line to the floor of the lane, and the track fades from ten seconds to silence. A third keyframe added between them and lifted makes the drop steeper.

filter Gain / Volume field Level, in dB keyframe 1 · 00:00:10 · 0.0 dB keyframe 2 · end of clip · floor of the lane

Before the first keyframe the value simply holds. That is why the Level line is flat from 00:00:00 to 00:00:10 in the panel — nothing is animating yet, and that is correct.

settings reference

Every verified value in one place

Read directly off the frames of the video. If you have never keyframed before, the three tables below are enough to rebuild all three examples exactly as they were recorded.

Project and source
SettingValueWhere it lives
Shotcut versionV20.04.12Stated in the video description — no About Shotcut dialog appears on screen
Source clipGH019323-speed.mp4Playlist, item #1
Source duration00:00:57:03Playlist
Working length on the timeline00:00:15:00Player total, after the split
Music clipUnstoppable.mp3Playlist, item #2
Music duration00:03:03:22Playlist
Track stack, finalV1 video / A1 Unstoppable.mp3Timeline
The three keyframed examples, field by field
ExampleFilterKeyframed fieldKeyframesMarker
ZoomRotate and ScaleScale00:00:00 · 100.0 % → end · 300.0 %Diamond (Linear)
Blur in and outBlur: GaussianAmount00:00:00 · 0 → 00:00:05 · 60 → 00:00:10 · 20 → end · 0Diamond (Linear)
Music fade-outGain / VolumeLevel00:00:10 · 0.0 dB → end · floor of the laneDiamond (Linear)
Fields left untouchedRotate and ScaleRotation / X offset / Y offset0.0 deg / 0 / 0 — no keyframes
Controls — what each button does
ControlWhereWhat it does
StopwatchBeside a field in the filter panelToggles keyframing on for that field and writes the first keyframe at the playhead. Grey = off, blue = on. Clicking again turns it off and discards that field’s keyframes.
Circular arrowBeside a field in the filter panelResets the field to its default value. Nothing to do with keyframes.
StopwatchIn a field’s lane, Keyframes panelAdds a keyframe at the playhead, or removes the one already there.
Trash canIn a field’s lane, Keyframes panelDeletes the selected keyframe.
Seek previous / seek nextFilter lane and field laneJumps the playhead to the keyframe before or after it. The only reliable way to land exactly on a keyframe.
Right-click a markerOn the value lineMenu with remove and the interpolation types. Used in the video only to remove keyframes.
Changing a value with keyframing onFilter panelWrites a keyframe at the playhead automatically. No button needed.
Marker shape → interpolation type
ShapeTypeWhat the value doesSeen in this video
DiamondLinearTravels to the next keyframe at a constant rate. The Shotcut default.Yes — every keyframe in all three examples
SquareDiscreteHolds its value, then jumps at the next keyframe. No travel at all.No
CircleSmoothEases in and out rather than arriving at a constant speed.No

The interpolation type is set by right-clicking a marker on the value line and choosing the type. This tutorial never changes it, so all three examples run on Linear and every marker on screen is a diamond. The mapping is listed here because the shape is the only place Shotcut shows you which type a keyframe is using.

Readings such as 186.4 %, 409.1 %, 695.7 % or −37.6 dB appear in the filter panel throughout the video. Those are interpolated in-between values under a moving playhead, not settings that were typed — the keyframed values are the ones in the tables above.

full transcript

Everything said, timestamped

Machine transcribed from the video audio. Spoken phrasing is left as-is; only the product and filter names Whisper mangled have been corrected. Every timestamp plays the video in the hero from that second.

+ open the full transcript 157 lines · 15:02
0:01

I’m just a normal person with no video editing background who wanted to start making YouTube

0:06

videos and maybe add semi-fancy effects.

0:10

I don’t really plan on making major motion pictures or commercials, so I was looking

0:15

for a free, easy-to-learn video editing software.

0:19

Luckily, I stumbled on Shotcut, a free, open-source video editing program that has

0:25

the potential to replicate similar effects that an Adobe Premiere or DaVinci Resolve

0:31

can, but with a simpler, leaner interface.

0:36

It just takes imagination.

0:38

So let’s learn together.

0:43

Okay, let’s start with my favorite filters.

0:46

First, let’s grab this video here.

0:52

Let me fish in a dock.

0:57

Let’s play it a little bit just so you can see.

1:02

I’m going to turn off the sound.

1:05

I’m going to mute it because you don’t really need it.

1:11

Let’s play it.

1:13

What I’m going to do is I’m going to cut it down to about 15 seconds because that’s probably

1:19

the only clip we’re going to need for this example.

1:25

Let’s move it down a little bit more right there.

1:32

Split it.

1:33

Cut the extra.

1:36

Extend it just to make it look bigger.

1:39

It’s easier to see.

1:43

So I’m going to select this clip.

1:45

And what I’m going to do is I’m going to apply a filter called Rotate and Scale.

1:52

You just start typing Rotate and it should show up.

1:57

So this is when the keyframes come in.

2:01

So whenever you load a filter, every time this icon shows up, which is

2:07

a stopwatch icon, that means that filter is keyframable.

2:14

So whenever these icons are present, that means that you can keyframe it.

2:19

So what I’m going to do here is I’m going to keyframe this video.

2:28

First and foremost, what I’m going to do is I’m going to position it.

2:32

So if it’s positioned away from the very beginning, what I’m going to do is

2:36

I’m going to position it to the very beginning.

2:38

And that’s where I want to position where my first keyframe is.

2:41

Once it’s in that position, you click the keyframe icon.

2:46

It’s then going to load up the keyframe interface.

2:52

And it’s already positioned in the first position.

2:55

And if you can look at here, under Scale, it’s at 100%.

3:01

And what I want to do is I want to zoom this from 100% all the way till the very end here.

3:12

And I want it to be, by the time it gets to the end, 300%.

3:19

And so once I did that, what it did is it created an initial keyframe at 100.

3:26

And then it gradually moves from 100 to all the way to this last keyframe at 300%.

3:35

So let’s see what that looks like.

3:40

As you can see, it slowly zooms it in from 100 to 300.

3:46

And that’s basically what a keyframe is, is it moves from the first setting to the next setting.

3:53

And so let’s say I go here to this position and I add another keyframe.

4:01

And instead of it being 196.9, I want it to zoom in to, let’s see what this thing says, zoom to 500%.

4:14

So I went from 100% here to five times the zoom at 500%.

4:21

And then from here, it’s going to go from 500% down to 300%.

4:27

So let’s see what that looks like.

4:30

So the zoom is a lot faster because it has to zoom all the way to 500%.

4:35

And then once it hits the 500%, it then slopes back down to 300%.

4:44

And you could add as many keyframes as you want.

4:47

So we’ll say here I’m going to click the keyframe icon again right there.

4:52

I can either raise it or drop it.

4:59

And that’s pretty much how a keyframe works.

5:01

I’m going to add another one here.

5:04

I’m going to say raise it again.

5:07

So here it’s going to look a lot more dramatic from 100% all the way to,

5:13

it looks like it’s going to be over 600% and then it’s going to drop down again.

5:18

But I mean, your keyframe has to make sense.

5:20

So let me get rid of all these different keyframes.

5:25

Remove, click that, remove, click that, right click, remove, remove that.

5:36

So all we have here is the key.

5:39

So we are now at just 100%.

5:43

I’m going to go to the very end.

5:45

And again, I want to just slowly increase the size from 100 to 300.

5:54

So it’s a little bit more gradual, a little bit more realistic.

6:03

And that’s how you keyframe the rotate and scale filter.

6:13

So now using the same video clip, instead of using the rotate and scale,

6:20

we’re going to go to filter and now we’re going to use a filter called Gaussian blur.

6:26

So I’m just going to type in blur there.

6:28

This one is called blur colon Gaussian.

6:33

And once again, if you notice here, this icon over here, there is a keyframe icon,

6:40

which means that this is a keyframeable filter.

6:45

So once again, what I’d like to do is position my cursor all the way to the very beginning

6:51

where I want the keyframe to begin.

6:53

I then click the keyframe icon.

6:58

Instead of it being at 20, I want it to be at zero because I want it to start with zero blur.

7:05

What I want to happen is by the time I get to, let’s say, 10 seconds over here.

7:13

Move it a little bit one more by the time we get to 10 seconds.

7:16

It has gone from no blur all the way to a Gaussian blur setting of 60, which looks like this.

7:28

And so once again, it looks like this in the beginning with no blur.

7:33

And then by the time we get to this part here, it would be at 60, 60 points blur.

7:42

So let’s play that and see what it looks like.

7:46

So right now it’s slowly blurring all the way until the 10 second mark.

7:56

And now it’s blurred at 60.

8:02

So if I were going to move this keyframe all the way over here to the five second mark

8:08

and add the five second mark, let’s see.

8:15

It looks like it’s at 67.6 Gaussian blur.

8:20

Let’s just drop that down to 60 once again from the beginning of the keyframe at zero blur.

8:28

It’s going to gradually work its way to my second keyframe at 60%.

8:37

And from 60%, what I can do, move it all the way to that point.

8:44

What I can do is I can add another keyframe, let’s say here.

8:50

And I then want to click the keyframe button to add a keyframe.

8:59

And then from, let’s say from 60, we want it to drop to 20.

9:04

So I’m going to set that setting to 20.

9:07

So let’s play that now, starting from zero, going to 10, 30, 40 to 60.

9:17

And then it’s gradually unblurring again up to 20.

9:23

I don’t know if it’s 20% blur, but it’s just the setting is 20.

9:28

If I want it to gradually go back to no blur, I can go to the very end.

9:36

Click the keyframe icon to add another keyframe right there.

9:41

Instead of it being 20 up here, I’m going to set it to zero.

9:45

So once again, if we come from this closest keyframe, it’s going to go from 20,

9:52

all the way down to back to 0% blur.

9:58

And so that’s how you use keyframes with the Gaussian blur filter.

10:08

So in this last keyframe example, I’m going to do something a little different.

10:12

Instead of using a video filter, I’m going to use an audio filter.

10:17

So I still have that same video clip loaded up on its own track.

10:22

And what I’m going to do is I’m going to right click this track and I’m going to do add.

10:26

I’m going to choose add audio track so that there’s an audio track at the bottom.

10:30

I have a music file, an MP3.

10:32

I’m going to drag it over to that audio track.

10:38

Let’s play it so you can hear what it sounds like.

10:51

So obviously it’s an audio track.

10:54

I’m going to go all the way to the end of this video track to match the length.

11:02

And I’m going to splice it.

11:05

And then I’m going to cut this part out so that we can just play around with this specific track right here.

11:11

I’m going to right click one of the tracks and I’m going to choose make tracks taller.

11:19

Just to make a little taller is a little easier to see.

11:25

And so at this point, I don’t have any keyframes and so the sound should be equal all the way across.

11:43

So that’s what it sounds like.

11:45

What I want to do is I want to use keyframes to make the volume of this audio track trail off from 100% to 0%

11:59

or whatever decibel we want it to be.

12:02

So first and foremost, I want to choose the audio clip MP3.

12:08

I’m going to go back to filter and this time around, I’m just going to choose the filter called volume.

12:18

So right now we are at 100% volume.

12:25

And what I want to do is at the 10 second mark right there close enough.

12:42

What I want to do is I want to add a keyframe to this.

12:44

And once again, when you look at the gain volume filter, once again, we have that icon there,

12:51

meaning that this filter is also keyframeable.

12:54

So right off the bat, I’m going to click the keyframe.

12:59

It’s going to load up the keyframe interface again.

13:01

It’s already added the keyframe right there.

13:04

That’s where I want it to begin.

13:07

I then want to go to the very end, add another keyframe,

13:12

and then I’m going to drop it all the way down to 0.

13:15

And so what happens is it’s going to play the song all the way up to this point here at 100% volume,

13:25

and then it’ll slowly start dropping it down to 0% volume.

13:31

So let’s play it right now.

13:40

So there you go.

13:41

And once again, what I can do is to make the drop off a little steeper,

13:47

what I can do is I can position it here a little bit halfway,

13:51

choose the keyframe icon, add another keyframe, raise that a little bit higher,

13:58

and then this is what it sounds like.

14:09

And so not only can you keyframe video filters,

14:14

you can also keyframe audio filters,

14:16

and that’s how you keyframe the Gain / Volume and any other audio filters out there.

14:22

So if you have any other questions, just go ahead and post it on the comment section.

14:29

If I went a little bit too fast and I clicked something and you missed something

14:33

and you want to know exactly what I did, what I clicked, did I right click,

14:39

just go ahead and post it on the comments.

14:41

Please remember to subscribe to this channel, like it, share it with everyone,

14:47

and also if you have any other suggestions on what other tutorial you’d like to see,

14:53

please go ahead and put it in the comments and I will make sure that I make that video.

14:59

So thank you for watching.