WEBVTT 1 00:00:02.909 --> 00:00:03.998 So did you figure it out? 2 00:00:03.998 --> 00:00:05.339 Were you able to create something 3 00:00:05.339 --> 00:00:07.436 that looks similar to this? 4 00:00:07.436 --> 00:00:10.105 Let's go ahead and learn how I did it. 5 00:00:10.105 --> 00:00:11.546 So I'm here on your my timeline. 6 00:00:11.546 --> 00:00:14.347 I'm just going to duplicate this video clip 7 00:00:14.347 --> 00:00:17.328 by pressing option, clicking and dragging it 8 00:00:17.328 --> 00:00:21.576 over to the side, alt if you're using a PC. 9 00:00:21.576 --> 00:00:23.911 Then I'm going to go and click 10 00:00:23.911 --> 00:00:27.461 the new item button and say title. 11 00:00:27.461 --> 00:00:29.711 I'll call this Phil Ebiner. 12 00:00:31.129 --> 00:00:33.771 That pops up the title creator. 13 00:00:33.771 --> 00:00:35.680 I'm going to use my type tool, 14 00:00:35.680 --> 00:00:39.097 click right here and type in Phil Ebiner. 15 00:00:40.088 --> 00:00:41.938 I'm going to take my selection tool, 16 00:00:41.938 --> 00:00:46.387 change the text to Railway, one of my favourite fonts. 17 00:00:46.387 --> 00:00:51.305 Change from thin to medium and then change the small caps, 18 00:00:51.305 --> 00:00:55.297 click on the small caps and change small caps size to 100 19 00:00:55.297 --> 00:00:58.606 and I'll position it right about there. 20 00:00:58.606 --> 00:01:01.309 Exit out of there and drag this Phil Ebiner 21 00:01:01.309 --> 00:01:04.707 title card on top of this video clip. 22 00:01:04.707 --> 00:01:07.688 I'm gonna zoom in right there and extend 23 00:01:07.688 --> 00:01:09.528 it to the end of this video clip. 24 00:01:09.528 --> 00:01:12.364 So the title card is on the whole time. 25 00:01:12.364 --> 00:01:15.414 Then I'm going to simply duplicate this title card. 26 00:01:15.414 --> 00:01:18.354 A cool trick to do that is by option clicking 27 00:01:18.354 --> 00:01:20.688 and dragging just like we did the video 28 00:01:20.688 --> 00:01:22.664 and that actually creates a completely 29 00:01:22.664 --> 00:01:25.785 separate title card in our project. 30 00:01:25.785 --> 00:01:29.094 If you just copy and paste the original title card 31 00:01:29.094 --> 00:01:32.194 it's not gonna create an actual separate version, 32 00:01:32.194 --> 00:01:35.514 meaning if you then go ahead and edit that copy you made, 33 00:01:35.514 --> 00:01:38.324 it's also going to edit the original. 34 00:01:38.324 --> 00:01:40.205 But by creating a completely new version 35 00:01:40.205 --> 00:01:43.264 by duplicating it with option or alt button 36 00:01:43.264 --> 00:01:45.333 and clicking and dragging, now we have this 37 00:01:45.333 --> 00:01:49.899 separate title card, I'll call this video creator, 38 00:01:49.899 --> 00:01:51.417 and then I'll go in here. 39 00:01:51.417 --> 00:01:53.255 It doesn't change the name on here, 40 00:01:53.255 --> 00:01:57.085 unless I then go and drag video creator right here. 41 00:01:57.085 --> 00:02:01.628 Again, if you want to do that you can just to be more clear. 42 00:02:01.628 --> 00:02:04.147 And I'm just going to double click that title card. 43 00:02:04.147 --> 00:02:07.877 It already has this text because we duplicated it. 44 00:02:07.877 --> 00:02:11.612 And I'm just going to move it down, double click inside, 45 00:02:11.612 --> 00:02:14.706 press command a, or control a if you're on a PC, 46 00:02:14.706 --> 00:02:18.895 to select all of that text and type in video creator. 47 00:02:18.895 --> 00:02:20.558 Then I'm going to press my selection tool. 48 00:02:20.558 --> 00:02:23.536 Change the medium to bold. 49 00:02:23.536 --> 00:02:26.119 Change the size from 100 to 50. 50 00:02:27.324 --> 00:02:30.516 And then just move it over to the right side, 51 00:02:30.516 --> 00:02:34.683 so it's about aligned with the right edge of Phil Ebiner. 52 00:02:35.657 --> 00:02:38.196 And maybe just move it down a little bit. 53 00:02:38.196 --> 00:02:42.007 I'm selecting that text and pressing down on my keyboard. 54 00:02:42.007 --> 00:02:46.976 So that there's enough space in between for a little line. 55 00:02:46.976 --> 00:02:48.677 That looks pretty good. 56 00:02:48.677 --> 00:02:51.876 Then what I'm going to do is I can either just quickly 57 00:02:51.876 --> 00:02:55.695 duplicate one of these or create a new title card. 58 00:02:55.695 --> 00:02:58.926 And I'm going to call this line. 59 00:02:58.926 --> 00:03:02.296 And then open it up right here. 60 00:03:02.296 --> 00:03:04.895 I'm going to select the text and delete it, 61 00:03:04.895 --> 00:03:08.117 the video creator text that we duplicated from before. 62 00:03:08.117 --> 00:03:11.543 Then choose this line tool right here. 63 00:03:11.543 --> 00:03:16.056 Then, I'm going to click on the left side of Phil. 64 00:03:16.056 --> 00:03:19.937 Drag over to the right while holding the shift button down. 65 00:03:19.937 --> 00:03:22.088 While holding the shift button down it locks it 66 00:03:22.088 --> 00:03:25.296 to this access, so it's a straight line. 67 00:03:25.296 --> 00:03:27.188 If I don't have shift arrow down, 68 00:03:27.188 --> 00:03:31.297 it's easy to mess up and create a line that is slanted. 69 00:03:31.297 --> 00:03:33.657 So hold shift down to create a straight line. 70 00:03:33.657 --> 00:03:35.546 Something about there. 71 00:03:35.546 --> 00:03:40.087 Then I'm going to change the line width over here to three. 72 00:03:40.087 --> 00:03:43.667 And If I click on the selection tool and click off this, 73 00:03:43.667 --> 00:03:45.166 you can see what it looks like. 74 00:03:45.166 --> 00:03:48.129 And maybe I just need to nudge it over to the right 75 00:03:48.129 --> 00:03:50.399 or left a little by selecting and using 76 00:03:50.399 --> 00:03:53.856 my arrow keys to move it to the left or right. 77 00:03:53.856 --> 00:03:55.934 That looks pretty darn good. 78 00:03:55.934 --> 00:03:58.047 Then I'm going to exit out of this. 79 00:03:58.047 --> 00:04:01.428 Now, let's add the motion and the transition 80 00:04:01.428 --> 00:04:04.056 that we had in the first clip. 81 00:04:04.056 --> 00:04:06.098 Let me just show you that was. 82 00:04:06.098 --> 00:04:08.319 Phil Ebiner fades on, moves on to the left. 83 00:04:08.319 --> 00:04:10.650 Video creator fades on, moves to the right. 84 00:04:10.650 --> 00:04:14.075 Those are pretty basic and the last one is this line, 85 00:04:14.075 --> 00:04:17.319 which is going to be a little bit harder. 86 00:04:17.319 --> 00:04:21.486 So let's just go to the very beginning of our title card. 87 00:04:22.327 --> 00:04:23.819 Really anywhere is fine actually. 88 00:04:23.819 --> 00:04:26.756 And we'll start with Phil Ebiner. 89 00:04:26.756 --> 00:04:30.219 Go up to your effects controls, go down under motion, 90 00:04:30.219 --> 00:04:32.958 and we'll set a keyframe for position. 91 00:04:32.958 --> 00:04:35.716 And then we're going to drag that position keyframe 92 00:04:35.716 --> 00:04:38.067 just to the right a little bit, 93 00:04:38.067 --> 00:04:40.186 and then with our timeline still 94 00:04:40.186 --> 00:04:42.938 at somewhere else in the beginning of our clip, 95 00:04:42.938 --> 00:04:47.007 we're going to drag the position to the right. 96 00:04:47.007 --> 00:04:49.477 So now this creates this animation 97 00:04:49.477 --> 00:04:52.560 from right to left of the title card. 98 00:04:53.495 --> 00:04:55.738 And I'm just going to drag this first keyframe, 99 00:04:55.738 --> 00:04:59.155 or the one that we created of the motion, 100 00:05:00.686 --> 00:05:03.168 the second keyframe we created, all the way to the left, 101 00:05:03.168 --> 00:05:06.546 so it starts at the very beginning of this title card. 102 00:05:06.546 --> 00:05:08.419 We're also going to fade it on. 103 00:05:08.419 --> 00:05:10.668 We can do that by just right-clicking 104 00:05:10.668 --> 00:05:13.196 and applying the default transition 105 00:05:13.196 --> 00:05:16.627 or we can create a custom opacity animation. 106 00:05:16.627 --> 00:05:19.794 Starting from zero, set that keyframe, 107 00:05:21.076 --> 00:05:22.647 it automatically will if you type 108 00:05:22.647 --> 00:05:25.308 in zero and then going to 100. 109 00:05:25.308 --> 00:05:29.250 So moving forward in the timeline and setting that to 100. 110 00:05:29.250 --> 00:05:32.448 And you'll now it automatically creates this transition 111 00:05:32.448 --> 00:05:34.878 and I want to fade on and fade on 112 00:05:34.878 --> 00:05:37.496 completely before it ends its motion. 113 00:05:37.496 --> 00:05:40.446 So you can see that it fades on completely 114 00:05:40.446 --> 00:05:43.878 and then it continues to move just a little bit. 115 00:05:43.878 --> 00:05:46.526 So let's do the same thing for video creator. 116 00:05:46.526 --> 00:05:49.460 So I'm going to select video creator. 117 00:05:49.460 --> 00:05:54.019 I'm going to set a position and opacity keyframe. 118 00:05:54.019 --> 00:05:57.410 This is an easy way to do both at one time. 119 00:05:57.410 --> 00:05:59.639 Move these over to the right. 120 00:05:59.639 --> 00:06:02.007 And just move the position just a little bit further 121 00:06:02.007 --> 00:06:05.497 to the right so that it lasts a little bit longer. 122 00:06:05.497 --> 00:06:07.596 And then with the position, I'm going 123 00:06:07.596 --> 00:06:11.130 to move to the left actually this time. 124 00:06:11.130 --> 00:06:12.736 So move to the left and then drag 125 00:06:12.736 --> 00:06:14.909 that keyframe all the way to the left. 126 00:06:14.909 --> 00:06:15.742 And set our opacity at zero 127 00:06:15.742 --> 00:06:18.909 and drag that all the way to the left. 128 00:06:19.939 --> 00:06:22.940 So let's see what this looks like. 129 00:06:22.940 --> 00:06:25.668 Pretty goods, fades on nice, a little bit 130 00:06:25.668 --> 00:06:27.799 slower than before but I like it. 131 00:06:27.799 --> 00:06:31.299 I'm going to nudge the video creator title card 132 00:06:31.299 --> 00:06:33.238 over to the right just a little bit, 133 00:06:33.238 --> 00:06:37.976 just so that it fades on after the first text pops on. 134 00:06:37.976 --> 00:06:41.002 I think staggering animations like this, 135 00:06:41.002 --> 00:06:44.325 helps make your videos a little bit more dynamic. 136 00:06:44.325 --> 00:06:47.268 And then lastly let's think about this line. 137 00:06:47.268 --> 00:06:50.609 How are we going to animate this line on? 138 00:06:50.609 --> 00:06:53.609 Select that text or that title card. 139 00:06:54.867 --> 00:06:56.200 Go up to motion. 140 00:06:57.427 --> 00:07:01.169 Under scale, you see this uniform scale check mark? 141 00:07:01.169 --> 00:07:02.782 Uncheck that, what that means is 142 00:07:02.782 --> 00:07:05.092 that we can animate the width and the height 143 00:07:05.092 --> 00:07:08.392 of whateverthe it is, the title card separately. 144 00:07:08.392 --> 00:07:10.462 So if I do the height, if I go 145 00:07:10.462 --> 00:07:14.162 all the way down to zero it disappears. 146 00:07:14.162 --> 00:07:18.079 If I go width, it is squeezing this title card, 147 00:07:19.240 --> 00:07:20.971 but it's kind of weird because you see 148 00:07:20.971 --> 00:07:24.304 that it's squeezing this in to the right 149 00:07:25.599 --> 00:07:27.883 and what's actually happening, 150 00:07:27.883 --> 00:07:32.050 is imagine this whole title card, it's squeezing it in. 151 00:07:33.151 --> 00:07:35.812 Let me just quickly show you what that means. 152 00:07:35.812 --> 00:07:38.002 I wanna show you exactly what that means. 153 00:07:38.002 --> 00:07:39.922 I'm duplicating that title card. 154 00:07:39.922 --> 00:07:44.089 I'm just going to create a circle, something like this. 155 00:07:45.733 --> 00:07:48.653 Now if I go to this title card 156 00:07:48.653 --> 00:07:51.450 and squeeze it with the scale width, 157 00:07:51.450 --> 00:07:54.472 see what's happening, it's squeezing the whole title card. 158 00:07:54.472 --> 00:07:56.658 So hopefully that makes more sense now 159 00:07:56.658 --> 00:08:00.825 when you see this title card, just the line squeezing in. 160 00:08:02.602 --> 00:08:06.254 So what we have to do actually is move this line 161 00:08:06.254 --> 00:08:09.551 to the centre so that it squeezes in. 162 00:08:09.551 --> 00:08:13.218 So let's double click that, select this line 163 00:08:14.171 --> 00:08:17.132 and just click this horizontal centre button. 164 00:08:17.132 --> 00:08:18.743 It moves it to the centre. 165 00:08:18.743 --> 00:08:19.576 Don't worry we're going to move 166 00:08:19.576 --> 00:08:21.117 it back to the right place later on 167 00:08:21.117 --> 00:08:24.528 but this is for creating that animation. 168 00:08:24.528 --> 00:08:28.535 So I'm going to set a keyframe for width at 100, 169 00:08:28.535 --> 00:08:30.736 move that to the right a little bit 170 00:08:30.736 --> 00:08:33.148 and then set the scale to zero. 171 00:08:33.148 --> 00:08:34.885 Now you see that it squeezes 172 00:08:34.885 --> 00:08:37.966 and it grows from the very centre. 173 00:08:37.966 --> 00:08:42.117 I'm going to select both keyframes moved to the left. 174 00:08:42.117 --> 00:08:43.716 Make sure that we don't lose it, 175 00:08:43.716 --> 00:08:47.277 just move the first one all the way to the left side 176 00:08:47.277 --> 00:08:50.226 and make sure that it's at zero, yep, we're good. 177 00:08:50.226 --> 00:08:52.937 You can play through this, now it looks pretty good. 178 00:08:52.937 --> 00:08:54.949 Maybe we want it to be a little bit faster 179 00:08:54.949 --> 00:08:57.670 so move this second keyframe in. 180 00:08:57.670 --> 00:09:00.225 Now we just have to put it in the right place. 181 00:09:00.225 --> 00:09:04.392 So I'm going to drag my position over to the left. 182 00:09:05.845 --> 00:09:10.134 So I'm just clicking and dragging that position to the left. 183 00:09:10.134 --> 00:09:13.467 So now it's right in the original spot. 184 00:09:13.467 --> 00:09:15.467 Now it grows on like so. 185 00:09:16.596 --> 00:09:18.787 We want it to slowly grow on a little bit more 186 00:09:18.787 --> 00:09:21.204 with a little bit more oomph, 187 00:09:22.085 --> 00:09:23.845 make it a little bit more dynamic. 188 00:09:23.845 --> 00:09:26.427 So I'm going to right click, select both of them, 189 00:09:26.427 --> 00:09:29.637 right click them and say, ease in. 190 00:09:29.637 --> 00:09:31.878 So that's going to make it grow on 191 00:09:31.878 --> 00:09:34.737 a little bit more in a dynamic way. 192 00:09:34.737 --> 00:09:37.654 So it slows down as it gets bigger. 193 00:09:38.954 --> 00:09:40.347 And we want to make sure we go 194 00:09:40.347 --> 00:09:42.628 to the final resting spot of the text. 195 00:09:42.628 --> 00:09:46.594 As you can see here, I put the line at the wrong position, 196 00:09:46.594 --> 00:09:48.655 it's a little bit too far to the right. 197 00:09:48.655 --> 00:09:52.467 So make sure that you go on your timeline 198 00:09:52.467 --> 00:09:55.617 to the spot where the text stops moving 199 00:09:55.617 --> 00:09:57.617 and then move the position of the line. 200 00:09:57.617 --> 00:10:02.148 So it's aligned with the final resting spot of the text. 201 00:10:02.148 --> 00:10:03.100 That's pretty darn cool. 202 00:10:03.100 --> 00:10:07.503 I might just nudge this just a little bit more, 203 00:10:07.503 --> 00:10:10.213 the line so that it pops on a little 204 00:10:10.213 --> 00:10:12.796 bit after the Phil Ebiner text. 205 00:10:14.285 --> 00:10:15.495 That's pretty darn cool. 206 00:10:15.495 --> 00:10:18.354 That's all created in Adobe Premier Pro. 207 00:10:18.354 --> 00:10:21.303 Hopefully you were able to create something similar to this, 208 00:10:21.303 --> 00:10:24.324 if not hopefully this helped you understand 209 00:10:24.324 --> 00:10:27.294 how you can do it and opens up the wide world 210 00:10:27.294 --> 00:10:31.614 of creating motion graphics right within Adobe Premier Pro. 211 00:10:31.614 --> 00:10:34.491 Thanks for watching and we'll see you in the next lesson.