WEBVTT 00:00:00.000 --> 00:00:05.760 One of the reasons why I think Codex is better than Cloud Code is because of their built in plugins. 00:00:05.920 --> 00:00:11.120 And one of the coolest built in plugins that they have, in my opinion, is the Remotion 00:00:11.120 --> 00:00:11.920 plugin. 00:00:11.920 --> 00:00:17.925 Directly inside Codex, OpenAI's new super app, you can generate motion graphic videos. 00:00:18.245 --> 00:00:22.325 Not only this, but you can actually use their new image model to create assets 00:00:22.325 --> 00:00:25.205 and then put them in your videos that you can create 00:00:25.365 --> 00:00:32.550 simply by typing. In this video, I'm gonna show you exactly how to create motion graphic videos with Remotion 00:00:32.790 --> 00:00:45.365 inside Codecs, and I'm gonna show you how to set up your project so that you can create high quality brand assets. I'm gonna show you how to create images and SVGs that you can place into your videos, and if have you a ChatGPT subscription, 00:00:45.445 --> 00:00:47.365 you have access to Codecs, 00:00:47.445 --> 00:00:59.125 and you can get started right away. And if you like videos like these, I make them multiple times per week, so make sure to hit that like and subscribe button. Let's not waste any more time. Let's dive into the video. 00:01:00.060 --> 00:01:03.100 Okay. So this right here is codecs, 00:01:03.420 --> 00:01:06.540 and this right here is Remotion. 00:01:06.540 --> 00:01:12.940 This is where I typed my prompt, and this is where the video showed up. This was a result of a couple of prompts. 00:01:18.425 --> 00:01:19.065 So 00:01:19.225 --> 00:01:24.345 let's first talk about what is Codex. And so all Codex is is OpenAI's 00:01:24.345 --> 00:01:29.400 super app. And in my opinion, it is the best way, especially if you're not fully technical, 00:01:29.640 --> 00:01:31.560 to control Codex 5.4, 00:01:31.560 --> 00:01:37.320 the best general agent in the world, in my opinion, especially at really hard complex tasks, 00:01:37.805 --> 00:01:43.405 which I'm doing more and more frequently, and I think it is the best interface for AI agents. 00:01:43.565 --> 00:01:45.245 It is OpenAI's 00:01:45.245 --> 00:01:47.405 version of ClaudeCode's 00:01:47.405 --> 00:01:49.165 desktop app. ClaudeCode's 00:01:49.165 --> 00:01:56.720 desktop app has Claude Code in it now. In my opinion, it is much worse than OpenAI Codecs. 00:01:56.800 --> 00:02:03.280 Claude Code also decided to have a distinction between code and co work. In codex, 00:02:03.595 --> 00:02:17.515 they're combined together. So if you ask for a work based task like a spreadsheet document or a presentation, you have to do that in co work for it to create the right artifact, but code is specifically for coding. In codex, you can just ask codex 00:02:17.800 --> 00:02:27.480 for a presentation. Right? You can just ask Codecs for a doc. It'll give it to you and you can open it up here on the side. The same way you can also open a 00:02:27.640 --> 00:02:38.865 video here on the side and you can create websites here on the side and you can basically do anything or create anything that you might wanna create on a computer inside Codecs. 00:02:38.865 --> 00:02:46.065 And so that brings us to the question, what is Remotion? And so Remotion is simply a way to create motion graphic videos 00:02:46.225 --> 00:02:48.790 with code. And I don't know if you've heard, 00:02:49.110 --> 00:02:57.430 but AI writes code pretty well. So all you have to do is type words in English, AI writes the code, and the video will 00:02:57.510 --> 00:03:08.695 render. Remotion is a plugin. Right? You can see all the plugins up here. I type whatever I want in the video here, which is into codecs using the model g b t 5.4 00:03:08.695 --> 00:03:09.735 extra high. 00:03:09.975 --> 00:03:21.290 It generates some code and then it renders right here. And I can click this to export my video. So why would you use Remotion instead of just using After Effects or Premiere or some other template software? 00:03:21.450 --> 00:03:27.050 Well, it's just a difference of preference. One is a prompt interface, one is a manual interface that takes a long time to learn. 00:03:27.755 --> 00:03:39.995 And it depends on what you're working on. And also AI is getting better over time. Right? As AI gets better, it'll get a lot easier to do a prompt interface. Right now, if you're an expert, I still recommend using After Effects or other animation software. 00:03:40.395 --> 00:03:45.490 But one really good example of when it is super useful to use Remotion 00:03:45.490 --> 00:03:47.010 is when Claude 00:03:47.090 --> 00:04:05.015 actually used Remotion to create like 20 launch videos in the span of one month. And so Claude has been releasing these videos right here. When they first launching these types of videos, these were all created with Remotion. You can create these little animations here with Remotion, 00:04:05.015 --> 00:04:07.415 and they got over 300,000,000 00:04:07.415 --> 00:04:13.575 views over the course of a month just releasing these Remotion videos for all of their feature launches, 00:04:14.010 --> 00:04:31.045 and they literally were releasing one every single day. So Remotion just allows you to create videos really quickly, and you can do this in Claude Code or you can do it in Codecs like we're doing today. Okay. So earlier I mentioned that you can very easily download the Remotion skill or the Remotion plugin. 00:04:31.205 --> 00:04:41.925 How do you set this up? Well, I'll show you right now. And if you get confused by any of this at all, I created a codex video. This is a one hour and forty minute video that covers everything, 00:04:41.925 --> 00:04:43.125 uh, inside codex, 00:04:43.570 --> 00:04:51.570 but I think you'll pick it up pretty quickly in this video. So what we're gonna do here is we're gonna go up to create a new project inside Codecs, 00:04:51.570 --> 00:04:56.370 and this is because we might create a ton of videos and we want this organized in a folder. 00:04:56.785 --> 00:05:07.585 And we wanna be able to create many chats within this folder, and that's why you create projects. So we're gonna go ahead and create a new project, and we're actually gonna create this in the desktop folder. 00:05:07.665 --> 00:05:11.105 We're create new folder, and now we're gonna say Remotion 00:05:11.265 --> 00:05:11.665 project, 00:05:12.100 --> 00:05:30.825 and then we're just gonna press open. And then you'll see your project start over here. So what we can do is we can press this create a new chat, and you can literally go to Google, type in download codecs, and you can download it directly to your computer. You what you can do here is you can go up to plugins and then you're just gonna go to plugins 00:05:30.905 --> 00:05:33.705 and what you're gonna do is you're gonna type in Remotion. 00:05:33.705 --> 00:05:45.700 And then you're gonna download this and you're gonna be good to go. It's gonna say, you sure you wanna download? You're gonna hit yes and you're ready to use Remotion. Now once you create a new chat, let's go ahead and test this with something very, 00:05:45.780 --> 00:05:46.740 very simple. 00:05:47.140 --> 00:05:49.540 I want you to create 00:05:49.620 --> 00:05:52.500 a, and then you can press at Remotion 00:05:52.500 --> 00:05:53.060 video, 00:05:53.655 --> 00:05:56.775 And this should just say 00:05:57.015 --> 00:05:57.895 hello 00:05:57.895 --> 00:05:58.695 world 00:05:58.855 --> 00:06:00.535 in black text 00:06:00.615 --> 00:06:20.250 on a white background. Right? Let's get this up and running and then we can start, uh, making really complex videos. Boom. And so just like Claude Code, the AI agent is going to work, and once it's done, it'll run it locally and then you'll be able to open it up here in this side browser. 00:06:20.625 --> 00:06:27.985 Before anything gets run, this kind of opens up in this summary and you can see the prod the progress, you can see the artifacts, 00:06:27.985 --> 00:06:39.330 and you can see the sources. So this worked for about two minutes and we got this response here. And what you're looking for is this local host link. This is running it locally on your computer. 00:06:39.650 --> 00:06:41.970 And if you click on this, boom. 00:06:42.210 --> 00:06:54.785 The Remotion plugin automatically opens up, and you can almost think of this Remotion plugin as like a mini app that's running on your computer, and whatever you type here gets updated here. All we ask for is a hello world, 00:06:55.025 --> 00:07:03.425 and this is what we got. We can hit play and nothing happens. Literally just loops saying hello world. We can say, please 00:07:03.505 --> 00:07:05.460 make the hello 00:07:05.620 --> 00:07:06.420 world 00:07:06.580 --> 00:07:09.060 jiggle and make it say 00:07:09.380 --> 00:07:10.180 hello 00:07:10.420 --> 00:07:42.520 comma from Riley. I promise we're gonna do more exciting stuff. I think it's important to be boring at the beginning just to give you a little taste. Okay. Hello, world. There's a reason why when you start coding that you start with a hello, world project. You just gotta make something exist, and then you can make the things better. You can let your imagination go after you understand the fundamentals. And while that was loading, uh, for fifty one seconds, I closed the sidebar just to show you that if you the sidebar ever gets closed and you can just click on this. There you go. We have the change. It says, hello from Riley, and it now jiggles. 00:07:42.680 --> 00:07:45.160 Okay. Now what I wanna do is I wanna do 00:07:45.495 --> 00:07:47.975 some basic vocabulary. 00:07:48.055 --> 00:07:55.095 And what I wanna talk about right here is I wanna talk about this right here. So this right here is a composition. 00:07:55.255 --> 00:07:57.735 We have now created one composition, 00:07:57.975 --> 00:08:00.215 which is this hello world composition, 00:08:00.790 --> 00:08:04.390 and we can ask for it, uh, another composition. 00:08:04.390 --> 00:08:08.710 And so what I'm gonna do, I'm going to say, please create 00:08:08.790 --> 00:08:10.230 another composition 00:08:10.390 --> 00:08:12.630 that has the Codex 00:08:12.630 --> 00:08:15.110 logo and the Remotion 00:08:15.190 --> 00:08:18.375 logo. And what I'm gonna do is I'm actually going to find 00:08:18.695 --> 00:08:31.015 the logos on the Internet. Okay. So I just downloaded them off Google images. This is the Remotion logo. This is the Codex logo. Now what I'm going to do is I'm gonna go to our Remotion project and we can just hit open in finder. 00:08:31.420 --> 00:08:38.940 So now we see that the project folder is open. It is at desktop Remotion project which matches Remotion project. 00:08:39.340 --> 00:08:55.265 And you can see here that the agent has created this folder called hello world video. So So now what we wanna do is we just wanna drag those two images into this folder and they are called codex dot png and remotion dot png. So now we can at mention 00:08:55.505 --> 00:08:56.625 remotion. 00:08:56.625 --> 00:09:01.620 And you can see here remotion png shows up at codex PNG. 00:09:01.940 --> 00:09:02.900 There we go. 00:09:03.300 --> 00:09:06.580 Please put these on the screen, 00:09:06.740 --> 00:09:08.420 dark gray 00:09:08.740 --> 00:09:09.620 background 00:09:09.860 --> 00:09:11.140 with text 00:09:11.220 --> 00:09:13.700 in instrument 00:09:12.975 --> 00:09:14.015 sans, 00:09:14.255 --> 00:09:15.615 instrument serif 00:09:15.775 --> 00:09:16.655 font, 00:09:16.735 --> 00:09:19.855 uh, with text that says 00:09:20.095 --> 00:09:21.775 AI powered 00:09:21.855 --> 00:09:24.495 video motion graphics. 00:09:24.575 --> 00:09:27.055 Then add a little animation 00:09:27.760 --> 00:09:28.560 beam 00:09:28.560 --> 00:09:30.160 that connects 00:09:30.160 --> 00:09:38.080 them. So we can run this. And what it should do is it should add a new composition that'll show up right here, 00:09:38.400 --> 00:09:40.160 and then the timeline 00:09:40.400 --> 00:10:00.720 will be different. And I'll show you how to create more scenes in the timeline in just a second. Okay. So it is still thinking and still working, but you can see here it added AI motion graphics. Check this out. Watch what happens when I click. Boom. Now we see some stuff show up here. I'll explain this once it's done generating. 00:10:00.800 --> 00:10:06.240 Okay. So it is done, and let's take a look at this. Look at this. This is pretty cool. 00:10:06.995 --> 00:10:25.800 Right? We have these two logos sending a beam to each other, and so this is kind of like there you're kind of connecting them. Now let me show you how we can quickly make changes. But the first thing that I wanna do is I can see that it actually rendered the video. If I click on this, it actually shows the full rendered video, 00:10:26.120 --> 00:10:30.680 but we don't need to do this every time. I'll say, I'll tell you 00:10:31.080 --> 00:10:33.000 when to render, 00:10:33.800 --> 00:10:37.720 uh, from here on out. We don't need to 00:10:38.015 --> 00:10:50.495 we are gonna be making a lot of different changes. So we can run that prompt. Don't do anything for now. So now what I wanna do is I wanna talk about vocab for a little bit. I will take a screenshot of this. 00:10:55.030 --> 00:10:58.630 So this right here is the timeline 00:10:58.630 --> 00:11:01.110 and this is a scene 00:11:01.190 --> 00:11:02.630 inside your timeline. 00:11:03.285 --> 00:11:05.445 And, of course, you can hit play 00:11:05.605 --> 00:11:27.130 and do all of the normal things, and here's where you render. Notice here that the AI can just decide when to render it and send me an m p four, but you can also render it yourself by pressing this button right here. And you can actually decide the settings on how you want to render it. If it's the same as if you were exporting it on Premiere Pro or CapCut. 00:11:27.530 --> 00:11:28.330 Additionally, 00:11:28.570 --> 00:11:30.970 we have something up here called assets. 00:11:31.485 --> 00:11:40.045 And so I'm gonna click on this assets folder, and I believe that the two assets are gonna be one and two. Right? These are PNGs, 00:11:40.045 --> 00:12:03.945 which are assets, which are different than code. Everything else is code. Right? This laser beam is code, this text is code, and the background is code. The assets are gonna be the little assets that you add to your app. And in this case, we added these PNGs with no background, which the AI added to the scene. And so we can verify this if we click on assets. There you go. We see codecs 00:12:03.945 --> 00:12:06.505 and motion. If we go back to compositions 00:12:06.505 --> 00:12:10.185 and click on this, we are back. Now what we can say is, 00:12:11.225 --> 00:12:11.545 please, 00:12:12.060 --> 00:12:16.060 can you get rid of this line? 00:12:16.140 --> 00:12:45.960 I don't like it. Now notice how it's like, okay, what line, like, am I talking about? In in this case, it would probably get it, but I love to be overly prescriptive. It just saves me a lot time in the long run. And this is also because I use CleanShot Pro. It's super easy to just, like, take a screenshot, open this up, and I can very easily just, like, label the line. And I can just paste it in, and the AI will see that I'm literally pointing at this line right here. Please make the scene last two seconds 00:12:45.960 --> 00:12:46.760 longer. 00:12:46.920 --> 00:12:49.320 Then when it's done, 00:12:49.720 --> 00:12:51.000 please have 00:12:51.080 --> 00:12:52.840 the logos 00:12:52.840 --> 00:13:08.915 animate off the screen to their, uh, respective side. So the Codex logo should disappear left, the Remotion logo should disappear right, and then I want the text to slide down to the center of the screen and then animate into 00:13:09.210 --> 00:13:10.490 full guide. 00:13:10.570 --> 00:13:13.450 And so I'm gonna add quotes here after full guide, 00:13:13.610 --> 00:13:21.530 and now we're gonna run this prompt. So this one's a little bit longer of a prompt. And again, we're running this. We're using codecs. We're using GPT 5.4. 00:13:21.785 --> 00:13:46.190 Reasoning effort extra high. It is the best right now in my opinion. Okay. It's done. It worked for about a minute and two seconds. And by the way, this is going a little bit slower or faster because I'm using the fast mode. It is twice as expensive, but I spend a lot on AI and this is something I'm perfectly willing to spend money on. So what I can do is I can test this. Let's take a look. So here the beam is gone. 00:13:49.615 --> 00:13:53.215 Okay. So here, this is a good guide. This came down, 00:13:55.615 --> 00:13:57.935 and then full guide came on here. 00:13:58.255 --> 00:14:00.255 And so you'll notice here there's 00:14:00.255 --> 00:14:04.415 actually 30 frames per second. So right now we're at four seconds exactly. 00:14:04.870 --> 00:14:08.550 And these are not, you know, decimal points. These are frames, 00:14:08.550 --> 00:14:14.310 this part right here. And so we can actually reference a specific frame. So this is like at four seventeen. 00:14:14.310 --> 00:14:16.790 I can I can say four seventeen? 00:14:16.950 --> 00:14:24.645 At this frame when AI powered motion graphics turns to full guide, was hoping the text would literally change 00:14:24.965 --> 00:14:27.205 from AI powered motion graphics 00:14:27.365 --> 00:14:31.285 to full guide as if it was being like backspaced and then retyped, 00:14:31.780 --> 00:14:44.580 not like having it fade out and then the other one fade in. Find a way to like maybe reorder the letters into it and use your best judgment and find the best animation for this. Also, just wanted the line 00:14:44.745 --> 00:14:52.585 between the two logos to disappear. I like the little ball that was being shot from the Codex logo to the Remotion logo, so please re add that. 00:14:53.145 --> 00:14:55.705 And remember, if you hit command enter, 00:14:55.865 --> 00:15:05.840 this will steer it into the conversation. This does not mean queue it up for once it's done with this. It steers it, so it basically adds this to the current session. 00:15:06.000 --> 00:15:18.575 And so now it's gonna do both of these things in one swoop or, you know, one edit. Alright. After two minutes, it is done. Let's give it a look here. Let's see. So now we have a little ball going across. 00:15:18.975 --> 00:15:22.095 Dude, let's go. And now we can say hold 00:15:22.175 --> 00:15:22.895 the 00:15:23.055 --> 00:15:24.255 full guide 00:15:24.255 --> 00:15:25.455 for another 00:15:25.615 --> 00:15:26.015 two 00:15:26.610 --> 00:15:27.570 seconds. 00:15:27.810 --> 00:15:38.850 Gonna run that. I want it to hold this at the end for two seconds longer. It ends too early. Okay. So it's done. Let's just skip right here to the end. Let's see. So it goes from here 00:15:39.585 --> 00:15:41.425 to here, backspace, 00:15:41.425 --> 00:15:47.585 full guide. Bang. So we just created that. In a couple of prompts, we created this motion graphics video. 00:15:48.065 --> 00:15:55.620 And, yeah, so you're starting to get the hang of it. Let's dive into some other cool stuff here. Okay. So I wanna talk a little bit about organization 00:15:55.780 --> 00:16:15.365 and how to create consistent assets. So I wanna show you here that you can see here that this shot right here. So this I have this, like, cool animation in the background that you can actually see by going up to brand assets, and we can actually find it right here. So we have this background 00:16:15.445 --> 00:16:24.740 cool animation. Remember, this is just code. This is called the Lysogis figure, fun fact, and we're using this for a brand asset and we're also I also created 00:16:24.900 --> 00:16:26.820 this background gradient. 00:16:26.900 --> 00:16:30.660 And so I created this composition called brand assets, 00:16:30.660 --> 00:16:41.505 and here we have all the logos that we might want to use. We have, uh, a dark gray gradient, a blue gradient, a gray figure, a blue figure, a red figure, a green figure, 00:16:41.825 --> 00:16:53.420 and then we have some other cool, uh, types of things that I might want to use. And what this allows me to do is just ask the agent for specific things. And you can see here that this is called a red figure. 00:16:53.580 --> 00:17:08.255 Right? So if we go to red figure right here, we can very easily just ask the agent for a red figure. I can say, hey, there's a red figure in brand assets. Just use that. And so then we can create new videos that all have the same background. 00:17:08.495 --> 00:17:14.900 And so since we have an iPhone mock up, I was able to ask the agent, hey, can you create another iPhone mock up for this part? 00:17:15.300 --> 00:17:23.060 And one thing we'll get to later, you notice here there's this green thing, you can ask the agent to add music. And so here, you can see that there's music, 00:17:23.460 --> 00:17:34.255 and we'll talk about that in just a second. One thing that you can also do is you can actually open up this full screen mode, which I actually do really like. And you can even close this side panel so it's literally full screen. 00:17:34.495 --> 00:17:38.895 And so now we can actually really we can start to add more scenes to this. 00:17:39.215 --> 00:17:40.575 So we have full guide. 00:17:41.730 --> 00:17:42.770 And now, 00:17:43.330 --> 00:18:04.395 um, I'm gonna outline the steps really quick. Okay. So I just typed out my prompt, and I wanna break it down real quick. Firstly, I included one screenshot, which is just the Codex user interface, and this is just a reference to the agent. I'm gonna screenshot this because I'm gonna do an in-depth analysis of this prompt real quick. So what I'm doing here is I'm basically saying I want to create 00:18:04.715 --> 00:18:10.450 new scenes after this. So I wanna create new scenes, and here I put scene one, scene two, 00:18:10.770 --> 00:18:28.765 and scene three. And then I also said maintain the background throughout. And then I said, uh, type in a codecs input. So we're gonna type into the codecs input. And then I said, it's in the image. Don't use the image I gave you. Simply use it as reference. Right? This image is referenced in this part of the prompt. 00:18:29.085 --> 00:18:31.565 And then I said, this text 00:18:31.885 --> 00:18:37.710 should be typed in. Right? Create a launch video for Remotion and Codex integration. 00:18:37.710 --> 00:18:41.710 So we're basically creating the video that we're creating now. So it's kind of meta. 00:18:42.110 --> 00:18:48.750 And then show the Codex logo in scene two and then a loading animation. And then in scene three, it should show 00:18:49.315 --> 00:18:51.155 the video rendered 00:18:51.235 --> 00:19:13.710 of what we created so far. And so basically, it's going to take the video that we're making, put it on a TV in the final scene, and show that it's rendered, if that makes sense. So I'm gonna go ahead and enter this prompt here. Okay. So I entered the prompt, and you can see here, we can actually toggle this on and we can see what the AI is saying. And again, we can always toggle back and we can see the exact prompt that we used right here. 00:19:14.030 --> 00:19:21.795 And in this full screen view, we can only see what the AI is responding, but this allows us to kind of fully immerse ourselves 00:19:22.035 --> 00:19:29.155 into whatever it is that we're creating. And while that's loading, I'm actually gonna go to suno.ai. 00:19:29.395 --> 00:19:33.555 And what I can do here is I'm just going to type in relaxing 00:19:34.000 --> 00:19:35.680 funk launch 00:19:35.680 --> 00:19:36.640 video 00:19:39.120 --> 00:19:40.880 instrumental 00:19:42.320 --> 00:19:44.640 and we can hit create 00:19:44.640 --> 00:19:47.935 and we can actually, yeah, change this to instrumental. 00:19:59.455 --> 00:20:00.495 Alright. That's not bad. 00:20:03.240 --> 00:20:04.760 I like this one. 00:20:05.320 --> 00:20:10.360 Okay. So we can just click on download. We'll download the m p three file. 00:20:10.520 --> 00:20:13.000 Now I'm gonna go back to Codecs. 00:20:13.000 --> 00:20:18.965 And what I can do here, I'm gonna open up this project folder. And so here we see this song 00:20:19.125 --> 00:20:22.645 slow funk lift. I can drag this into 00:20:23.045 --> 00:20:27.205 this folder right here. And now what I can do is I can say at 00:20:27.525 --> 00:20:28.245 slow 00:20:28.485 --> 00:20:29.765 funk lift, 00:20:29.925 --> 00:20:30.565 please 00:20:30.770 --> 00:20:32.530 add this song 00:20:32.610 --> 00:20:34.690 at 75% 00:20:34.690 --> 00:20:35.810 volume 00:20:36.130 --> 00:20:37.090 throughout 00:20:38.050 --> 00:20:39.010 the whole 00:20:39.090 --> 00:20:47.575 thing. And now it's gonna add that really quickly. And then we can see how it did. And you can see here it added one, two, and three sequences. 00:20:47.815 --> 00:20:51.735 Sorry. These aren't scenes. These right here are called sequences, 00:20:52.055 --> 00:21:14.485 and we'll take a look at this. This actually doesn't look too bad. You can see here that it added this, like, green line right here. So we can see that the, uh, slow funk song is actually in our app or or in our video. We'll take a look at it right when it's done. Okay. So everything's done. Let's take a look at this. I'm gonna go full screen for this. Let's take a look here. We can lower this. Let's see. 00:21:30.090 --> 00:21:30.890 Oh, 00:21:30.970 --> 00:21:31.930 let's go. 00:21:34.090 --> 00:21:35.130 Oh, there you go. 00:21:39.855 --> 00:21:45.775 So literally, it put the video that we made, it exported it, and then put it in here. 00:21:46.095 --> 00:21:59.660 This is actually awesome. Let's add a few more scenes. I'm gonna add four more scenes real quick. I'm gonna type in my prompt. I'm gonna take a few minutes to think about it. Okay. Remember, keep the, uh, background consistent throughout the rest. Remove the glows, 00:21:59.740 --> 00:22:03.180 like the the background, like, glowing behind the, uh, 00:22:03.340 --> 00:22:07.675 TV. I actually don't like that. Or, like, reduce it to barely 00:22:07.755 --> 00:22:15.355 anything, and then keep the background the same throughout the rest. The first thing I wanna show is a scene that shows social media platforms. 00:22:15.355 --> 00:22:17.755 Maybe show three different social media platforms 00:22:17.835 --> 00:22:20.315 and then show that we're getting a ton of likes, 00:22:20.395 --> 00:22:32.460 like hearts. Oh, and then, uh, yeah. Show that, and then show quick pan to another scene where it shows revenue increasing, then switch to another scene where it shows views going from zero to 1,000,000, 00:22:33.195 --> 00:22:40.555 And then say the last scene, scene four that I want you to add is like show the Remotion and Codex logo again 00:22:40.715 --> 00:22:44.875 and then have the text on it say, uh, launch your video today. 00:22:45.195 --> 00:22:54.240 And then what I want is for the final scene, scene five, for the logos to fly out again and then put OpenAI 00:22:54.240 --> 00:22:55.200 Codecs. 00:22:55.280 --> 00:23:06.345 Just those that text at the center of the screen to finalize it. That's the final sit part. It's a long prompt. We'll go ahead and enter that in. Okay. It's done. Let's give this a try. 00:23:07.145 --> 00:23:08.025 So let's see. 00:23:15.600 --> 00:23:16.480 Let's see. 00:23:26.080 --> 00:23:33.115 Okay. This is pretty good. Pretty good so far. Remove the background gradient that looked kinda ugly. I like it. Let's 00:23:33.115 --> 00:23:33.675 go. 00:23:33.915 --> 00:23:36.155 This is a fire shot here. 00:23:36.395 --> 00:23:37.275 Look at this. 00:23:38.075 --> 00:23:42.235 There we go. We don't have the the, uh, the correct icons for TikTok, 00:23:43.990 --> 00:23:48.710 and YouTube. We need to get that, but I'll add that in just a second. Okay. 00:23:51.750 --> 00:23:54.950 Not bad. We can change this. So I'm just gonna start 00:23:56.150 --> 00:23:59.325 going like this. I'm just gonna literally, 00:23:59.405 --> 00:24:01.565 uh, circle this right here. 00:24:01.885 --> 00:24:04.125 Um, I'm just gonna say please 00:24:04.285 --> 00:24:07.085 get rid of this little 00:24:07.245 --> 00:24:08.045 arrow 00:24:08.445 --> 00:24:09.725 as shown 00:24:09.805 --> 00:24:10.205 here. 00:24:10.900 --> 00:24:13.460 Just make it the line, 00:24:13.540 --> 00:24:15.540 make the line green. 00:24:15.860 --> 00:24:17.540 And then I'm gonna say also 00:24:17.860 --> 00:24:20.420 I want the actual 00:24:20.420 --> 00:24:21.300 icons 00:24:21.300 --> 00:24:21.860 used. 00:24:22.915 --> 00:24:28.355 And so I just grabbed the logos off the internet. We're gonna drag them into the Remotion project once again. 00:24:28.675 --> 00:24:31.795 And, um, I can put YouTube. 00:24:35.315 --> 00:24:36.035 YouTube. 00:24:36.915 --> 00:24:38.700 There we go. And at. Okay. 00:24:39.900 --> 00:24:42.060 Uh, please use 00:24:42.220 --> 00:24:43.740 these logos. 00:24:43.740 --> 00:24:51.900 Okay. While that's running, it looks like this was fixed. This looks a lot better. So the logos should be replaced here. Let's check out the rest. 00:24:56.855 --> 00:24:57.575 Nice. 00:25:00.135 --> 00:25:01.015 Nice. 00:25:02.775 --> 00:25:03.975 Launch your video today. 00:25:11.780 --> 00:25:14.820 Okay. So here, I wanna combine these. 00:25:14.900 --> 00:25:21.585 So right now on the second to last sequence, it says launch your video today, and then it switches to a new sequence. 00:25:21.985 --> 00:25:26.305 Right? Switches to a new sequence that like has them stop jiggling. 00:25:26.385 --> 00:25:29.105 So in this new sequence, it like changes 00:25:29.105 --> 00:25:33.940 the icon like the icon stay the same, but it, has them reappear 00:25:33.940 --> 00:25:39.620 and then they are not jiggling. Instead, I want it to just be the second to last scene, should be the last scene. 00:25:39.860 --> 00:25:44.020 And then they should be jiggling, and then they should fly off the screen. 00:25:44.260 --> 00:26:13.640 And then the text that says launch your video today should fly off the screen at the same time. And then the OpenAI Codex text should appear exactly as it does. So then it will be a lot smoother. Okay. We'll fling that one in there as well and it's still working but look at this. Here we go. We can see Twitter. I know Twitter is no longer in existence. It's, uh, x now but we're just doing this for fun. I mean this is coming together pretty well. I mean we're creating this video pretty quickly. 00:26:17.395 --> 00:26:22.435 Okay. It's done. Let's check out this last part. So it's right after this scene right here. 00:26:28.880 --> 00:26:29.760 Oh. 00:26:33.200 --> 00:26:39.280 I mean, come on. Let's go. And then now to export the video, we just hit render. 00:26:39.760 --> 00:26:45.485 Um, uh, I just do it the h dot two six four. And, yeah, let's just render this video. 00:26:45.645 --> 00:26:54.045 And we can see here that this is rendering the video right here. And this means actually turning into a video that you can export and you can upload onto 00:26:54.045 --> 00:27:09.990 Twitter or something. And what we can do here is we can see this right here. And now once we're done, we could very easily just drag this up into Twitter and we could launch our launch video. And look at that. We have our launch video just like that. 00:27:11.735 --> 00:27:25.735 Anyway, we covered a lot in this video. We dove into Codex. We covered adding images and different assets to our video. We generated a song, added it to the video, and I think it came out really well for, you know, seven to eight prompts. 00:27:26.080 --> 00:27:30.640 If we spent another, like, three hours on this, I'm sure we could have made it just absolutely 00:27:30.960 --> 00:27:45.065 insanely good. But I think this is pretty solid for the sake of this video. I hope you learned how to create engaging content for social media, and these really do well on Twitter. But thank you guys for watching. I'll see you here in the next video. Peace. 00:27:55.622 --> 00:27:56.023 Hi.