Transcription
These AI motion graphics are taking over YouTube right now, and for a reason. Clean motion graphics, smooth shape animations, that premium After Effects look without ever opening After Effects. They honestly look like you need years of motion design experience and $1,000 software subscription to make. I made these in under 5 minutes simply by talking with Claude and using a free tool called Remotion. No animation, no key frames, no timelines, just conversation.
Today, I'm showing you exactly how. And by the end of this video, you'll know how to create your own pro-level motion graphics simply by just describing what you want. Let's dive into it.
The first one is a comment pop-up effect and how to automatically apply your brand colors to the comment boxes or any other motion graphic you design. The second one is this UI bar with actual logos. The third is this timeline animation, which is insanely cool for documentaries or cinematic edits. And this last one is this three-scene explainer. It's how to combine multiple scenes into just one prompt.
So, as I mentioned, we're using two things: Claude and Remotion. And you may be thinking to yourself, Claude is technically a code app. And you'd be right. But the cool thing is we don't actually write any code. Claude does. We just describe what we want. We hit render and then we're done.
So go to claude.ai, click this download button and download Claude for your computer. Once you're on Claude, you'll need to go to the bottom here, go to upgrade plan, and choose a paid plan. You'll see the Pro plan is $17 a month, and that is more than enough for what you need.
You'll also need Remotion installed directly inside of Claude. So, if I just go back here inside of the Claude code section, which will be enabled once you upgrade to a Pro plan, go to the prompt bar and paste in this prompt. You'll find this prompt in a document that I put together in the description, which contains this prompt and all the prompts that I used to generate my motion graphics. So, if you want to generate some for yourself, go ahead and copy and paste those motion graphic prompts and you'll be on your way.
Before we click enter, go to this section where it says bypass permissions and you'll natively be set to ask permissions. I changed this to bypass permissions, which essentially gives Claude the permissions to run all the background installations so that we can get Remotion installed on our computer. Once Remotion is installed, Claude now has all the tools that it needs to create stunning motion graphics.
Let's start with the first one. We'll be making this comment pop-up effect, which as an editor, I have used in so many different projects. Imagine you have a client that wants a video where they see comments popping up on screen. Done. Or you're making a YouTube video and you're thanking people for all the engagement that they've been sending. Done. There's so many use cases to having engagement showcase on our screen. So, let's make it.
For our first animation, we're simply going to speak to Claude. The reason we're speaking is this is the best way I found to communicate what's in my head or my creative vision in plain English. Simply by staying selected on Claude code, we're going to go down and select this microphone button. "Hey Claude, please use Remotion best practices to create a comment explosion animation. The animation should last roughly 8 seconds long and have a lot of comments popping up from a slow pace to a much faster pace as we reach the end of the video. Let me know if you have any questions and if those comments and if those questions should inform the aesthetic and overall direction of the animation."
Once we're done speaking, go ahead and click that and we can just remove this extra section. Why I love speaking to Claude is oftentimes I just spitball exactly what's in my head. And I know this was perfect because I was reading my script of the actual prompt, but you don't have to be perfect when speaking to Claude. Once you're ready to go, go ahead and click send.
What you'll see here is Claude now says it's running a skill. Remotion best practices. Claude is essentially generating all of the code and it's going to inform Remotion exactly how to create the motion graphic that we want. And in a couple minutes, Claude created this stunning. As an editor and someone who's done this manually, screenshotting all the comments, adding the pop effect, placing them in an orientation where you can read them. Hours of work. This did it in minutes.
Now, I want to show you something so special. Going back to Claude, we can simply type the tweaks that we want. What I've asked it here is for a 16x9 composition, cuz I didn't like the vertical composition. We're going to reduce the engagement numbers from hundreds and thousands to tens. And we just asked it to pause at the end and add a few seconds of still motion so that we can actually see the comments. All you then have to do is click send.
And in a couple more minutes, we can go back to that Chrome tab that it opened and click play. How cool is that? All the changes that we just simply described in plain English are now executed. We've changed the orientation to horizontal. Our engagements are no longer in the thousands, but have been reduced a ton. And we now have a section of pause where we can leave those on screen for people to read.
Once you're happy with your motion graphic and you're ready to render, it honestly couldn't be easier. Go to the web browser, click on render in the bottom right, leave all the details as is, and click render video. In a couple seconds, our video is rendered and we can click this folder icon to access the folder directory or the place that it's saved on our computer. You can then take that from your computer and import it into your editing software.
Let's move on to the second animation. Creating a cinematic documentary-type timeline animation. I'm going to stay selected on Claude Code and create a new session. And you guessed it, we're going to use the microphone to record. "Hi Claude, I want to create a timeline animation using Remotion. The timeline should indicate a change of time on a sliding timeline. Ask me any aesthetic or creative questions to clarify direction, look, and feel." Let's go ahead and click send.
So, as you can see live on the screen right now, what Claude is doing is it's trying to understand exactly the visual direction that we're trying to take with our comments. We actually did ask it to ask any questions to clarify, but it didn't need anything to create those comments. Over here, we now have questions that we can answer to inform the visual direction. So, let's go ahead and answer them.
For question one, it's asking which direction feels right. I'm going to say degraded type. For question two, I'm going to say thin horizontal line. And I'm simply going through these questions and answering them according to what I want to see. Now that I'm happy with my visual direction, I'm going to go ahead and click send. And in a few minutes, our VHS timeline is done. Let's go ahead and preview this. Wow. That is insane. Beautiful.
Once again, now that I'm ready to render, I would click the render icon and simply say render video and then access that on my computer and bring it into CapCut. The key to leveling up these motion graphics is the ability to build emotion and story around them. How do we practically do that? Through things like sound design, motion backgrounds, and music.
You'll see here that without any of these elements, this motion graphic still looks amazing, but it doesn't feel amazing. As soon as we add some of these elements, we've taken it to a whole other level. We're going to be sourcing these elements from Storyblocks simply by going to the top here and selecting what you want to find. Let's go ahead and click sound effects and search for infographic. You then get access to find hundreds and thousands of premium sound effects. And if we were to change this to music, you could find music, too.
If you're lazy like me, this is your time. I made a collection called Matt Select Motion Graphics and Animations. And this contains music and sound design for it. So, if I go ahead and click that, switch over to audio, you'll find all the elements that I've actually used inside of this video. Additionally, I added some really cool motion backgrounds for you. So, you can access this collection by clicking the link in the description. You will need a Storyblocks account in order to use all of these in your project, but if you do have a Storyblocks account, the collection is ready for you to use.
Going into CapCut, I just layered the sound design and the music to create something that feels like this. All of a sudden, our motion graphic actually has a story behind it and we feel something when watching it. The visuals are great and the elements that we used are great. Let's say we wanted to use one of those motion backgrounds and we had a motion graphic that we really wanted to place on top of that motion background. We could simply ask Claude to remove the background and make the background transparent of that motion graphic. Download the motion graphic and lay it on top of that motion background. There's a lot of motion words there. We would then have our motion background and our motion graphic integrated into one scene.
The best part about all of this is I never have to worry about licensing or copyright issues when using any element from Storyblocks. So, if you'd like to use these elements and have access to that collection that I made for you, there is a link in the description, storyblocks.com/mattlie. This is going to help you tell better stories and create motion graphics that you can feel. They're also offering a limited-time discount for you as my audience, and you can access that using the link in my description.
Let's move on to creating the third motion graphic. We're going to be creating this user interface bar. Now, what's super special about this is we've integrated actual logos into the motion graphic. These logos can be whatever you want them to be. How I created this motion graphic is I spoke this prompt into Claude just like we've done and uploaded a visual reference of exactly how I wanted this animation to look. Once again, you can go ahead and copy this prompt.
What it then did was create a first version. I then had some tweaks to adjust the styling to exactly how I like. It was just these five tweaks right here. I then simply asked Claude if I wanted to upload the actual logos of the software that I was talking about. Where could I place them so you could access them? It gave me the exact folder directory, which I found by going to my desktop, going to the Remotion tutorial folder, going to my video, going to public, and pasting them in this logo section. These are the five logos that we've used in our motion graphic.
I then told Claude that I've pasted those logos in that folder and it used them in our project. I then made some final tweaks. I asked it to add more rounding, add a white glow effect, and make sure that the mouse is smooth. I also asked it, which I've never done before, to add anything else to the scene to make this feel and look more premium. It then created this. I love this. I often times compare these different editing softwares and struggle to visualize how to communicate this. This does a great job of running through different softwares and then finally clicking CapCut.
This next motion graphic is a three-scene explainer, and this is arguably the most special one. It's special because we can now describe to Claude what we're trying to explain or demonstrate visually. Claude will then generate a prompt for a multi-scene animation. We're no longer just creating singular motion graphics, but we're actually describing an idea.
So, how did we create these explainer scenes? We followed a slight bit of a different workflow. I went to Claude chat and I created a new chat. I then asked Claude, "Hey Claude, please generate a prompt for Remotion. I want the Remotion animation to have three scenes." We see a search bar appear and the text is typed into that search bar, and I gave Claude the exact text that I wanted to show. We then see code being written by Claude, which indicates it is writing the code for the scene. In our final scene, we see the output of this code, which is a subscriber button, which increases from 10 to 10,000. Claude then wrote the entire prompt for Remotion, which I simply scrubbed down and copied all the way to the bottom here. I then went back to code and simply pasted that entire prompt into our prompt bar without making any changes. This is what it created. This motion graphic is ready to go. This describes the scene of us typing something into Claude. Claude generating the code, and we have a final output motion graphic. Insane.
Let me show you one last thing. I'm going to import a color palette into our prompt bar. And I'm simply going to say, "Adjust the colors of the elements to fit our brand colors." Let's go ahead and click send. And with our brand colors and a screenshot of those and a simple prompt, it's changed all the elements in the scene and adjusted it to our brand colors. That's crazy.
We are honestly just scratching the surface of this powerful tool, and I've created a series of videos for you showcasing how insanely powerful it is. Think motion graphics, loop animations, titles, and even entire viral videos ready to post. If you want this deep knowledge, access to all the prompts, and full video tutorials, check out Capit Lab. It's a link in the description.