3:48:50Zane Hoyer · Tutorial
DaVinci Resolve Motion Design Full Course
Seventeen Fusion builds, from bouncing 2D stickers to depth-of-field 3D scenes, made entirely inside DaVinci Resolve.
September 8thThe argument in one line.
A YouTube intro keeps a viewer's hand off the mouse by repeating one consistent visual style, contrasting extreme close-ups against wide shots, spending most of the edit time on sound design, and front-loading the strongest material before anything else.
Read if. Skip if.
READ IF YOU ARE…
- You edit your own YouTube videos in DaVinci Resolve and want a repeatable system for building a channel-branded animated intro.
- You're comfortable with basic DaVinci Resolve navigation but haven't spent much time in the Fusion (node-based compositing) page.
- You want the reasoning behind intro design choices (style, scale, sound, pacing), not just a list of software steps to copy.
SKIP IF…
- You edit in Premiere, CapCut, or Final Cut; DaVinci Resolve's Fusion page and node graph don't translate directly to those tools.
- You're looking for thumbnail or title strategy; this video is entirely about the animated intro sequence itself.
The full version, fast.
A YouTube editor who has cut intros for channels with hundreds of thousands of subscribers argues that a good intro builds trust: a viewer who recognizes your style a week later gets a small dopamine hit and is more likely to click. He gives four rules, one consistent style, extreme scale shifts, sound design over visuals, and front-loading the best material, then rebuilds one of his own intros live in DaVinci Resolve's Fusion page: a circle-masked profile badge with a hand-built checkmark, three animated video thumbnails, a keyframed mouse cursor path, and a color-shifting glow effect built from stacked adjustment clips and gradient keyframes.
Free for members
Chat with this breakdown — free.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →Where the time goes.
00:00 – 00:42
01 · Cold open: the case for a good intro
Zane reads his own comment section (viewers praising his intros) then makes the business case: a strong intro builds enough trust that a viewer gets a small dopamine hit recognizing the channel a week later, increasing click-through and instantly rewarding the click.
00:42 – 02:21
02 · Four rules for an intro people can't skip
He lays out four principles: keep one consistent visual style across the whole video, contrast extreme close-ups against wide shots, spend 50%+ of editing time on sound design, and front-load the strongest material because a viewer's hand is often still on the mouse when they click in.
02:21 – 05:57
03 · Building the channel badge in Fusion
Screen-recorded build of a circular profile-picture badge inside DaVinci Resolve's Fusion page: circle-masking a profile photo, animating a 'Zane Hoyer' text logo with a letter-zoom-in effect, hand-building a verified checkmark from primitive shapes, and adding a subscriber-count subtitle, all anchored to one parent transform.
05:57 – 06:56
04 · Storyblocks: the sponsor break
Sponsor segment for Storyblocks: browsing its stock library for dust-overlay and ink-splatter effects, noting the library is entirely human-made stock footage plus an AI video generator, and closing with the affiliate discount link.
06:56 – 10:55
05 · Animating three video thumbnails and a search bar
Back in Fusion, he drags in and rounds three video thumbnails, keyframes each pop-in with a spline ease curve, copies the finished animation for each repeat instead of re-keyframing, and builds a fake YouTube search bar with a 'Create' button underneath.
10:55 – 12:27
06 · Keyframing the mouse cursor path
He adds a cursor asset and keyframes its angle and position across multiple points so it travels a curved, hand-like path across the thumbnails, turns on motion blur for the fast segments, then shrinks the finished composition down in the timeline before layering effects on top.
12:27 – 13:49
07 · Cinematic pass: saturation, edge glow, and a dramatic zoom
Two color-coded adjustment clips: one boosts saturation and applies an Edge Detect filter (blur and edge width maxed, brightness dropped) for a glowing look, the other keyframes a fast, eased zoom with motion blur, each kept separate so they can be retimed independently.
13:49 – 15:47
08 · Color-shift glow when the mouse selects a thumbnail
Final technique: a gradient background layer placed behind the middle thumbnail, its four corner colors keyframed from off to fully lit across five frames, then a Color Corrector's hue keyframed between two points so the glow appears to actively shift color; he closes by recommending layering pre-made stock overlays on top of custom animations.
Lines worth screenshotting.
- A YouTube editor who has cut intros for channels with hundreds of thousands of subscribers says the same four rules apply to every one of them.
- Repeating one visual style across an entire video doesn't bore viewers; it's switching styles mid-video that reads as unpolished.
- Pairing an extreme close-up with a pulled-back wide shot creates a sense of engagement the viewer never consciously registers.
- Sound design gets more audience comments than the visual animation itself, which is the argument for giving it 50% or more of an editor's time.
- There's no shortcut to sound design: the only method is studying other editors' choices and hunting down similar-sounding effects yourself.
- The moment someone clicks a video, their hand is often still on the mouse, ready to leave, which is the entire case for front-loading the strongest material first.
- Matching a mocked-up UI screen to the real platform's actual layout and fonts is what makes a recreated interface look authentic instead of approximate.
- Anchoring every layered element to one parent transform node means resizing or repositioning an entire finished graphic later takes a single adjustment.
- A verified-checkmark badge here is built from a background, a polygon, and a border-width slider, not a downloaded PNG, so it matches the rest of the palette exactly.
- Copying a fully keyframed animation and pasting it for each repeated element, like three video thumbnails, is faster than re-animating the same motion from scratch each time.
- Staggering duplicate pop-in animations by five to ten frames keeps simultaneous reveals from reading as one mechanical, all-at-once event.
- A cursor path built from keyframed rotation and position at several joint points reads as a natural hand movement instead of a straight robotic slide.
- Motion blur and eased keyframes are what keep a fast-moving animated object from looking like a jump cut instead of continuous motion.
- Stacking a saturation boost with a blurred, maxed-out Edge Detect filter turns flat UI graphics into a glowing, backlit look.
- A dramatic zoom effect gets its own dedicated adjustment clip, separate from the color grade, so it can be retimed without touching the rest of the look.
- A thumbnail can look 'selected' just by keyframing a gradient's four corner colors from off to fully on across five frames, which reads as an instant light-up.
- Keyframing a Color Corrector's hue value between two frames makes a static color gradient appear to actively shift and cycle.
- Layering pre-made stock overlays like dust or ink splatter on top of a custom-built animation is the final step that pushes it toward a cinematic look.
Four rules decide if an intro gets skipped.
EDITING FUNDAMENTALS
Consistency of style, contrast of scale, sound design over visuals, and front-loading the best material are what keep a viewer's hand off the mouse in the first few seconds.
02Four rules for an intro people can't skip
- Pick one visual style, drawn from two or three reference screenshots, and repeat it across the whole video instead of varying it to avoid boredom; repetition builds recognizability, not fatigue.
- Alternate extreme close-ups (a mouse click, a UI detail) with pulled-back wide shots; the size contrast reads as engaging even though the viewer never consciously notices it.
- Budget more time for sound design than for the visual animation itself; there's no shortcut, only the habit of studying other editors' sound choices and hunting for similar effects.
- Put your best material first, because a viewer who clicks in usually still has a hand on the mouse ready to leave, and the opening seconds decide whether it moves.
03Building the channel badge in Fusion
- Match on-screen UI recreations to the real platform's actual interface, fonts, and icons so a mocked-up screen reads as authentic rather than approximate.
- Build repeating elements, like a verified-checkmark badge, from primitive shapes (background, polygon, border width) rather than hunting for a pre-made asset, so every piece matches your palette exactly.
- Anchor every layer to one parent transform node; once positioning is centralized, resizing or repositioning the whole graphic later takes one adjustment instead of touching each element separately.
- Pick one font and one font-weight system across the whole graphic set so the same typographic voice carries through every element in the video.
05Animating three video thumbnails and a search bar
- Animate a repeated element once, then copy and paste the finished keyframed group for each repetition instead of re-keyframing the same motion from scratch each time.
- Stagger duplicate animations by a handful of frames so simultaneous pop-ins read as a sequence instead of all triggering at once, which looks mechanical.
- Use a spline (ease) curve on scale keyframes instead of linear interpolation; it's what makes a size change feel like a snappy pop rather than a flat mechanical resize.
06Keyframing the mouse cursor path
- Build a cursor path by keyframing rotation and position across several joint points, not a straight line, so the motion reads as a natural hand movement rather than a robotic slide.
- Turn on motion blur and eased keyframes on any fast-moving animated object; without it, quick moves look like a jump cut instead of continuous motion.
- Once a complex graphic is fully built, shrink the whole composition down in the timeline before layering cinematic effects on top, so the effects apply to the finished piece.
07Cinematic pass: saturation, edge glow, and a dramatic zoom
- Stack a saturation boost with a blurred, maxed-out Edge Detect filter to turn flat UI graphics into a glowing, backlit look.
- Color-code adjustment clips as you add more of them; once two or three effects stack on the same timeline, distinct colors are the only way to tell which clip does what.
- Reserve a separate adjustment clip purely for a dramatic zoom so it can be retimed or toggled without touching the color-grade clip underneath it.
08Color-shift glow when the mouse selects a thumbnail
- Make a thumbnail look 'selected' by placing a gradient background layer behind it and keyframing the gradient's four corner colors from off to fully on over just a few frames.
- Animate color itself, not just position, by keyframing a Color Corrector's hue value between two frames, which makes a static gradient look like it's actively shifting.
- Once your custom-built base animation works, layer pre-made stock overlays like dust or ink splatter on top; combining hand-built graphics with premade textures pushes it toward a cinematic look.
Terms worth knowing.
- Fusion composition
- The node-based compositing page inside DaVinci Resolve, where graphics are built from connected nodes rather than stacked timeline layers.
- Merge node
- A Fusion node that combines a foreground and background element into one output, the basic building block of any node graph.
- Circle mask
- A mask shape that crops an image or layer into a circle, used here to turn a square profile photo into a round avatar.
- Transform node
- A Fusion node that controls an element's position, size, rotation, and center point, and can be keyframed to animate any of them over time.
- Spline (keyframe ease)
- An interpolation curve applied to keyframes so movement accelerates and decelerates naturally instead of moving at a constant linear speed.
- Adjustment clip
- A transparent clip placed above other clips on a timeline so any effect applied to it affects everything visible underneath, without altering the original clips.
- Edge Detect
- A built-in DaVinci Resolve effect that outlines the edges in an image; heavily blurred, it creates a glowing halo around graphics.
- Four-corner gradient
- A gradient effect that assigns each corner of the frame its own color, blended together, used here to build a colorful glow behind a selected thumbnail.
- Rectangle mask
- A mask shape with adjustable corner radius, used to crop a straight-edged image, like a video thumbnail, into a rounded-rectangle shape.
- Dynamic Zoom
- A DaVinci Resolve tool that animates a zoom and pan across a single still or clip without manually keyframing it.
Things they pointed at.
Lines you could clip.
00:20
“So that a week from now, when they're scrolling and they see your next video pop up, they get that little dopamine hit from remembering how good your last video was.”
01:58
“I've gotten more comments about my sound design than my actual design, and no, I don't magically just know what sound effects to use.”
02:25
“A lot of the time when people click your video, they have their hand on their mouse getting ready to click away.”
Word for word.
Read-along
Don't just watch it. Burn it in.
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
metaphor
So in this video, I'm not only going to show you some editing tricks and step -by -step animations from famous YouTube channels, but I'm also going to go a little bit deeper into my thought process. I've been editing intros for myself and for other channels with hundreds of thousands of subscribers for over five years now.
And I guess you could say people have noticed a certain level of quality. So why do I spend so much time on my intros? Because I want to build a certain level of trust with the viewer, so that a week from now, when they're scrolling and they see your next video pop up, they get that little from remembering how good your last video was.
And it increases the chances that they click on it. And most of all, we are instantly rewarding them for clicking. So to keep this valuable and straight to the point, these are some of the most important things you should keep in mind when you're editing an intro.
So number one is to try your best to maintain the same style throughout the intro and then overall throughout the entire video. So what that means is find your inspiration on YouTube or Pinterest. And so once you have two or three similar screenshots, stick to that style.
I think a lot of editors think people are going to get bored if they don't switch up the style, but that is not the case at all. So for example, if you guys go to this channel here and you go through all his videos, you'll find that the editing in his intro is always very similar, yet it is insanely cool to watch every time.
As you can see, it's super engaging, but but yet he never switches the style throughout all his videos. And so number one here is probably the most important.
so number two is extreme scale shifts what this means is instead of keeping everything the same size you want a contrast of really zoomed in shots and then zoomed out shots so for example this would be a close -up it's like a zoomed in shot of some ui of a mouse clicking something and then something like this would be a good example of something that's a little bit more zoomed out and so if you pair the two together it's something that's subconscious to the viewer but it is insanely engaging number three is to spend like 50 or more of your time on the actual sound design i swear i've gotten more comments about my sound design than my actual design and no I don't magically just know what sound effects to use I use the exact same method as before I look at other people with really good sound design and then I just try my best to find similar sound effects myself there's it just takes time to find the right sound effects now last up number four is front -loading the stimulus which is basically just a fancy way of saying put all your best at the start the last thing you want is someone to click your video and then leave right away a lot of the time when people click your video they have their hand on their mouse getting ready to click away you want to do every
everything in your power to get them to this is common sense and a lot of people say it but not a lot of people do it all right now we can hop into DaVinci I'm going to show you how I made the animations in the intro along with a bunch of little techniques so that when you end up picking your own style you'll know how to make it look premium and no matter what it is so here I've just dragged in a fusion composition clip and i'm going to add in a background and then connect it to this media out now for the profile picture you can use whatever image you want i'm just going to drag in my profile picture here and then we can connect that into here with that selected we can select the circle mask and i'm going to change the width to one and the height to one and then just add in a transform and size it down you can also just place it into the corner here and drag this transform down and add in a merge node.
I'm going to hit shift space and add in a letter zoom in text animation. I'll put the link to these animations in the description. And I'm just going to connect that right here.
I'm going to write Zane Hoyer. If we scroll through the timeline, you can see it animates out like that. I'm just going to add in a transform and place it here.
And then switch it to San Fran Pro Display. Once you pick a font, you want to stick to that font. The last thing you want is like a bunch of different fonts in your intro.
Another tip I have is if you like doing UI animations like I do, I like to stick to the actual UI. I like to actually go to YouTube and look at the actual UI here.
And I like to replicate that so that it actually looks like the real UI. Just the better it's going to look and the more premium it's going to look. I'm going to switch this to semi -bold and just size it down a little bit more and place it right here.
So one thing we have to make is that little circle with the checkmark. So I'm going to hit merge, hit shift space, add in a merge. I'm going to drag in a background and connect it here and change the color to kind of a white.
and then again select the circle mask and we can change this to like 0 .05 change this one to 0 .05 edit transform and we can just place this right here now for the little check mark you can either just download a png of a check mark or if you want to build one really quick i'll show you how to do that We can just select the background and add in a merge and then add in another background.
And we'll change this to kind of a dark gray and then hit shift space and add in a polygon. Add that in. And then we can zoom in here and just draw out a checkmark and increase the border width.
We can always add in a transform to adjust it if we have to. So I can just size it down a little bit. And now just like that, we have a checkmark and we can animate it using this transform.
So we can come to the part where the text gets to like. 18 so frame 18 size this all the way down keyframe it come over i don't know 10 frames and then just bring it up like this so now that when we watch that back looks like that i select the merge hit shift space add in another merge like this i can select this text hit command copy and then command v connect it to this merge i'm gonna write 120k subs 77 videos i'm gonna set the font width to regular and then i'm going to make it kind of a gray color and then when we add in a transform we can just size it down and place it yeah i'm going to place it there and i'm actually going to make it a little bit thinner than regular so like light because we built everything on the same transform now this one controls everything so we can just bring it to where we want it and then we can take our media out here and drag it all the way out so now we can drag in our thumbnails so i'm just going to drag in a thumbnail i'm going to select the thumbnail and select the rectangle mask and then increase the height and the width all the way
the corner radius as well so it has like the curved edges like a thumbnail we can add in a transform and bring this over here again i'm going to drag my transform down a little bit so we can add stuff in between Now real quick, there's something I want to show you. When I'm building out UI animations like the one we're building in DaVinci right now, I always add additional cinematic effects to them to bring them to life.
And Storyblocks, the sponsor of today's video, is perfect for finding these things. So for example, one of my most used cinematic effects is dust overlay. So we can just come to the search bar here and search dust overlay.
Found one that looks nice, so I can just go ahead and download that. Another one I use a lot for documentary editing is ink splatter. So if I search ink splatter here, you can see there's lots of different variations we can choose from.
And by the way, 100 % of this stock media library is human made. And of course, if you want your assets to look a certain way, you can always make them custom to how you want them. Or if you just want to start from scratch, they have the video generator with models like VO 3 .1.
To get access to the human made stock media library built for creators and essential to my workflow, head to storyblocks .com slash Zane Hoyer. They're offering 15 % off any annual plan for a limited time, and that discount is only available through my link. So I'm going to add in a merge.
I'm going to copy this. text here and paste it and connect it here i can write 3d motion and then i can size that down i'm going to add in a transform i'm actually going to size it down now i'm going to select this text okay command copy command v select the merge add in another merge and we're just going to connect this one here and again add in a transform so that we can size this all the way down and place it under here i'm going to write 60k views four days ago and then I can size it down a bit more and then just place it down here again because everything's on the transform we can quickly animate this we only have to animate it once so on the first frame we can size this all the way down keyframe it and I'll come to like frame 26 maybe size it up to where I want it to end come to settings and turn on motion blur spline check this on and I'm going to bring this side up like this and so that way if we go to the first frame and press play it looks like that so now we can select all this hit command copy paste over here holding down shift bring it into the timeline select the transform and we can bring this one to the middle and the middle is actually point five that's the direct middle so i'm just gonna come to this one come to controls and bring it over like this and i can delete this thumbnail and i'm gonna bring in my full course video thumbnail
If you haven't already watched that, this is four hours of motion graphics training. And then we can select our first text, and I'm going to write full force. And then with the transform selected, I can come in here and adjust this like that.
And then I'll select this text and write 250k views. Now they both come up at the same time, so I'm just going to come over one, two, three, four, five frames maybe, select my transform. spline select a box over everything and then holding down option bring it to there so now if we press play looks like that pretty nice i'm going to copy this hit command copy paste it and holding down shift bring it to the timeline select the transform and just bring it over something like that you can drag our last thumbnail in and delete this and connect everything again again select the transform come to frame five and then go over another five frames so that'll be frame 10.
come to the spline and hold down option now when we play that back looks like that pretty nice now now we can quickly add a search bar that's super easy drag in a background connect it add the kind of make it a dark gray color like this add a rectangle mask that's actually a bit too light gray a little bit darker just like that i'm going to uncheck solid and drag up the border width a little bit add in a transform and place this up here i just want to lighten one side of this so i'm going to select the background for corner gradient and i'm going to make these kind of darker and i'm going to make this top one a little bit lighter now i can add in a merge i can copy this text and paste it connect it to that merge search dot dot dot and kind of a darker gray add in a transform and we're just going to place this right here and we can add one more button kind of right here so just add in a quick transform make it a little bit darker gray like that rectangle height width corner radius add in a transform copy this text paste the text add in a merge connect this here i'm going to write create and i'm going to add in a transform and zoom in here and place this kind of like
that. I'm going to copy all of this, paste it, holding down shift, bring it in. I'm going to change this to just a plus sign and then select the transform, size it up a little bit and place it kind of like this and select this one and place it like that.
So last thing we're going to do before we added a bunch of cool effects is add in a mouse asset like this. And by the way, all these assets are in the description. I'm going to add in a transform, size this down.
and i'm going to place it up here and on the first frame i'm going to keyframe the angle and the center x and y come to the last frame and i'm just going to bring this here drag the angle down i forgot to drag on the first frame drag the angle this way and so now we can select these side pieces we can select these little dots and drag this like that i can select this one and drag it like this our mouse moves in a kind of a circular path like that make sure that we select settings and turn on motion blur so that it gets a little bit of blur when it's moving so obviously we've made everything pretty big like this and so now we can't add like a dramatic zoom and so what i'm going to do is come to our background and turn the alpha all the way down and then when we come to the edit page here we can drag this up i'm going to add in a solid color in the generators tab And we can make this color whatever we want.
So kind of like a dark gray. And now when we select the fusion composition clip, we can just drag it down like this. So it's really small.
And now I can add an adjustment clip over top of this. And I'm going to select the color tab, drag the saturation up to like 66. So now everything's just really saturated.
I'm going to come to Resolve FX and search Edge Detect and drag this on. I'm going to check this box, drag the blur all the way up and the edge width all the way up, and then turn down the brightness. And now as these things pop up, you can see there's like a nice balance to glow on everything.
It looks pretty good. Now I'm just going to change the color of this adjustment clip to something else so I don't get confused. And I'm going to add another adjustment clip.
And so this adjustment clip is going to control our zooms. So I can just come to the Fusion tab, add in a transform, come to the first frame and keyframe the zoom. Come to the last frame and we'll zoom in like this.
Settings and turn on motion blur. Spline. Check this.
And we're going to drag this side up like this. So that it's a really quick dramatic zoom. And so now when we press play we get a nice smooth zoom like that.
Now one thing I forgot to do is when the mouse selects this middle one. I had it kind of light up and glow. And the colors are moving when that happens.
So I'll show you how to do that really quick. So I'm just going to drag these adjustment clips off and go to the Fusion tab. And so that middle thumbnail is this middle one right here.
So we can just drag all of this over like this so we have room. And first things first, we have to fix our mouse to actually select that. So select Transform.
Come to the last frame. We can just drag our mouse to this one. Now we can come to our middle thumbnail like this.
And we're going to find the frame where it touches. the thumbnail so right so at frame 48 we're going to animate a background layer behind this and so this is the middle thumbnail so just behind it we're going to place a background i'm going to select this rectangle paste it and connect it here and then we can add a transform to this and size it down and place it just behind it like this and now when we select this background and select four corner gradient we can just select some random colors here and so on frame 48 we're actually going to keyframe all of these colors and then we're going to go over like one two three four five five frames for it to fully turn on and keyframe them all again like this so now we can select this arrow and go back to the first keyframe and we can just turn all of these colors off like this so now on 48 as we go frame by frame you can see the color turns on like that and so if you want those colors to be moving i'll show you the easiest way to just change it you select the background hit shift space add in a color corrector and you come to frame 48 where the animation starts you keyframe the hue come to frame 68 and drag the hue all the way up so now you can see from frame 48 to 68 the colors are changing because we animated the hue
or keyframed it so now that we have our base animation built out we can go online and find pre -made motion graphics and overlays and we can apply them to this until we find one we like so like i use ink splatter a lot of the time or like dust or anything and when you combine your own motion graphics with pre -made motion graphics you can end up getting some really cinematic effects and that's what i pretty much do with all of my motion graphics so that's going to be it for this tutorial let me know what you want to learn down below and i will make a tutorial on it
The Hook
The bait, then the rug-pull.
Zane Hoyer has spent five years cutting intros for YouTube channels with hundreds of thousands of subscribers, and he opens by reading his own comment section back to viewers, a raise for the editor, an unanswerable question, a joke about an Oscar. Then he explains why intros still matter, and rebuilds one of his own live.
Named ideas worth stealing.
00:42list
Four Rules for an Unskippable Intro
- Maintain one consistent visual style
- Use extreme scale shifts (close-up vs. wide)
- Spend 50%+ of your time on sound design
- Front-load your best material first
Zane Hoyer's four-part checklist for editing a YouTube intro that keeps a viewer's hand off the back button, drawn from five years cutting intros for large channels.
Steal forany cold open or hook sequence, not just YouTube intros
How they asked for the click.
VERBAL ASK
06:27product
“To get access to the human made stock media library built for creators and essential to my workflow, head to storyblocks.com slash Zane Hoyer. They're offering 15% off any annual plan for a limited time, and that discount is only available through my link.”
Delivered mid-video as a screen-recorded browse-through of the Storyblocks library (dust overlay, ink splatter searches) rather than a straight-to-camera read, then closes on a clean black-screen 'storyblocks.com' card before cutting back into the tutorial.
MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
AFFILIATECommission earned if you click.
OTHER LINKSAlso linked in the description.
Visual structure at a glance.
