Illustrator & Photoshop: Create a Looping Wave Animation | Benjamin Halsall | Skillshare

Illustrator & Photoshop: Create a Looping Wave Animation

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (40m)
    • 1. Class Introduction

      0:40
    • 2. Creating Shapes & Blends In Illustrator

      11:41
    • 3. Move Your Shapes into Photoshop

      2:59
    • 4. Create the Basic Animation Loop

      3:14
    • 5. Prepare to Layer Your Animated Waves

      4:04
    • 6. Layer Up Your Animation

      5:45
    • 7. Create a Rolling Wave

      3:31
    • 8. Create & Export Your Final Looping Wave

      7:41

About This Class

This class is packed full of Illustrator & Photoshop goodness.

You will work with the the following tools to create an awesome looping wave animation (or your very own variation):

  • Custom Shapes In Illustrator
  • The Illustrator Blend Tool
  • Moving Content from Illustrator to Photoshop
  • Alignment Tools in Photoshop
  • The Frame & Timeline Animation Tools
  • Timeline Editing Tools in Photoshop
  • Creating and Exporting Video Loops

Lots of these skills will be useful in both design and animation projects.

Can't wait to see you in class.

3361a7c4

Transcripts

1. Class Introduction: I spent household here and in this class we're gonna have a look at how we create this animation of a wave in Adobe illustrator Adobe Photo Shop. So we're gonna be using the blend Tal in Adobe Illustrator. I'm working with shape and particles to create the shapes that we need to create this looping animation. Well, I'm gonna be moving those shapes into Adobe Photoshopped where we're going to create in a stack up some different layers to create this looping animation is a lot of great skills in this class. I'm really excited about seeing some of the different ways that you're gonna be ableto play with. This with different shape blends with different creative ways in which you're going to apply the techniques that we cover in this class. I really forward seeing what you come up with on the class project Port 2. Creating Shapes & Blends In Illustrator: So we're gonna start this class in Adobe Illustrator where we're gonna create the shapes that we're gonna be using on as a couple of steps this one is creating. The basic shapes were going to use in the rectangle tool, the Ellipse tool. Then we're also going to be using the vector handles to kind of get real control over some of the shapes that we're working with. So we're gonna go ahead and create a brand new documents I go to file and you and we're just gonna create standard letter size document here. So we're going to go to Lesser and 1/2 by 11. We're gonna be working an RGB format. We're going to take this into a photo shop to use in an animation. We don't need any bleed for this particular exercise, so we'll leave the bleed off on, and we're gonna work in a landscape format, which is gonna be a better orientation for me to finally take this to video click. OK, so now we're gonna go ahead and create our shape to the first thing we're gonna do is draw out a rectangle for our shape. So we draw a nice tool rectangle on. One of the things that's gonna happen when we take this into further shop is we're gonna be overlapping the shape. So we're actually gonna leave quite a lot of this rectangle at the bottom, which is gonna seem like it's a little bit unneeded here, but when we bring that into photo shop, you're going to see the reason we've kind of left this bigger shape around the bottom area here, kind of untouched. And then we're gonna go ahead and grab the ellipse still. Okay, We're gonna drop a relatively smaller lips and then drag this into positions. I want this to align right in the center here. Okay, So it's aligning as I drag it to the sense of point off my rectangle there and then also the edge. Okay, I'm gonna need a couple more of these ellipses the same size a little later on. So I'm just gonna drag one out by holding down the old key to create a Jupiter off that. Now I'm gonna grab these two shapes. I'm gonna go to window. I'm Pathfinder, and I'm going to use this first shape mode to unite those two shapes with circle that we drew on, then also, the large rectangle we drew. Okay, so I want to make the wave shape out of this. So in order to do that and we're gonna be working on the edge of this circles at the top of the circle here is fine. And I just wanna have the bottom of this kind of curve up. And that's the reason why we're gonna have this second circle here. So I'm going to zoom in, okay? And then I'm just gonna line up this second circle, okay? So that it just skims the edge of that. I'm really just using this as a guide for where I'm gonna moos this 0.2. Okay, Once I've got that in position, I'm gonna grab my direct selection tools of the white marital, and then just click away once and click back on this point and drag this across. Okay, Now, when I'm working on this, I want this handle, So line up with the handle at the top of the circle here. Okay, So I'm gonna turn on my rulers, so I view rulers show rulers, and I'm just gonna drag in a rhoda right here. to line up with a handle, and I'm gonna pull this handle down on a cross. I'm just gonna hold down shift as I do that, it's gonna give it a nice kind of curve to it. And now, if we do the same on the other side, who pulled this circle across into position Grab this. Grab that direct selection tool. Move this point across to here. We're gonna crap the ruler and just moved this handle across to here. I move this ruler this guide along to the handle over here with the direct selection tour and then gonna just pull down this handle so that lines up and hold down shift to put it back in. And so now I couldn't grab this circle on. Just delete it. We have that nice wave that we're gonna be working with as we go through and work on this shape. OK? Obviously you can tweak the wave shape that you're working with. You might want to give it a little bit more height. Just nudging that up. Using shift on the up cursor. Sarah, just a nudge it up a little, Okay? Actually, that looks like it's working a bit better. So now I'm gonna go ahead and I'm gonna resize this, um, for the bigger version of this way. So we're basically going to correct blend that cycles between this smaller waves on a bigger version of him. OK, so I'm just gonna grab this and move it down a little to the bottom of the page, and then I'm gonna hold on the okey on, just duplicate this out. So one thing that's also gonna be useful here is that because we've got this bottom box here, we're gonna be able to align things up inversion when we get there and you'll see how that's working on when we get into Photoshopped. But for the moment, I want to worry about this area here. Okay, so I'm gonna actually do this in two steps. I'm gonna I grabbed my points at the edge of this shape and just drag them in some using the direct selection tool and holding down shift so I don't get any up or down movement crabbing these points in from the rights again, holding down shift so I don't get that up and down movement, and then I'm gonna drag these points in from the bottom again, holding down shift. And now, once I got that, I'm gonna jump back to the selection tool, and it becomes quite easy here to just re scale on the shape that we have. Okay? So as I'm re scaling this on how downshift I'm gonna hold on the okey so that re scales from the center so that I'm keeping these two points lined up. Okay, So basically, we're gonna have a blend from this larger wave to this smaller wave, and we're also going to create a reverse of that as well, which will look at how we do in a second so we can create a second blend. Now, what I'm gonna do is I'm just gonna be dragging a ruler down to here tow line up with this line along here because I want this box on this shape to be the same shape as the box below here. So I just got a re scale that now somewhere draggers down, hold down shift so that it keeps dead center and then just gets to line up here at the bottom of this shape. In fact, I'm just going to select this with the selection tool or just go to object, arrange center back so we can see the small curves that we have there to jump back to the direct selection tool. And now, on this shape, I'm gonna be grabbing this point, this point of the bottom, the curve, this point across the right on this point. And I'm just gonna move them up on now shift just so I can get in tow, snap and make sure they're snapping to that guy. So we've got things personally aligned there. Okay, I'm gonna zoom out. And for this shape now, I want to grab this point and drag it right down to the bottom. Right point. So into sex with that point of the bottom left of this smaller curve, try this across. Have a look at what happens when we finish this drag this across and then this one. Okay, so we've got to perfect shapes that will be able to use in photo shop. And if we just jumped to our layers, we just got these two shapes and our guides on which, in fact, we can delete now. So I'm just gonna grab those guides and drag him down to the trash. We've got this smaller shape on this larger shape. Now, I also want to do here is create their flip reverse of this. So I'm gonna grab my selection tool. It's like the larger Qarth. Copy. It's and paste. Okay. And I'm gonna get object, transform and reflect. I'm gonna be reflecting it on the horizontal axis. Okay, so we get the bottom of the way. So the wave as it kind of it's down, and then I'm gonna drag us down so that it lines up here nicely, Okay? And I'm just gonna position, like, canvas, go to object, arrange center back. So now I can see these shapes in the foreground. So we're gonna use this now, toe. Just make sure everything is lined up so I can grab this point. Just make sure it's intersecting with other anchor point behind on this one. I can feel it snapping there, and then this one, it's snapping right there. And this one is good, I think snapping and grab this point on the left hand side of the top. Drag it down. Okay, so we end up basically with three shapes, one which is our box with wave cutting into it. One with the larger wife pointing upwards and one with smaller wife pointing to the tops of drag this up. We can see them all together. We're gonna be transitioning between these two. Selling a trick. Create two pages for the transitions. I'm gonna zoom out here, okay? Just go to my and just go to my art boards across here on the right, and I'm gonna duplicate this our board. Okay, so I've got to outboards exactly the same on one of them. I need this small wife on the dipping wife on the other one. I need a small wave on the upward pointing wife. Okay? And now I'm just gonna move this away. It's a here on this one up, and this is we're gonna use the blend till now. The alignment. This doesn't matter because we're using steps for this. So we should get what we want with the blend tool. As long as you click the peaks of these ways. Okay. So when you click with the blend tool, when you click in different spots on a shape, it will produce a different kind of blend. So I'm gonna go to my Brendsel and I click. I'm gonna take it stop of this wave and then the top of this wave. When we get that perfect blend there, I'm gonna be select everything. So I'm gonna go to select Andi Select and then I'm gonna do the same on the right hand side . Click once here and click once here when we get this dipping wife. So now these shapes were gonna copy and paste into Photoshopped on When we're in for a shop , we're going to be essentially using a frame by frame animation on moving between these. So what's important here is that first of all, your shapes have a fill to them. So if I just go to object, expand, expand everything, an object on group each of these shapes, if we look at the filling stroke, has a stroke of black stroke and the white film. Okay, you could play around with this. You could have used some different colors for the kind of stage the blend. I decided to keep it simple. It's black and white, linear kind of look, but you can play around with that yourself, so I'm just gonna go across here, Go to object, expand, expand everything and object on group. And I probably should. In this beforehand, I'm gonna go ahead to file and save as and save this to the desktop as wave shakes Click. Ok, and now I'm ready to jump into photo shop and work on that aspect here. 3. Move Your Shapes into Photoshop: So now where did I be? Photoshopped. And we're gonna be jumping between for shopping illustrated quite freely here just at this part of our project. So the first thing we do is go and copy one of our layers from illustrator. So I'm gonna jump back into Australia on what I'm looking for. Here is the biggest layer. So essentially this a large wave on with the big box behind it will be the biggest layer that we're gonna be pasting in here. So it's gonna give us the height and width of our new first a document. So I'm gonna go to edit and cuts, and I'm gonna jump into First we tried in the file, and when we paste in from the clipboard, it's gonna grab that clipboard item, which is the size of what we copied in Illustrator. We can click, OK, and then when we paste in, it's gonna paste in at exactly size we want and I'm gonna paste in here is a small object. So now I'm gonna go ahead back into illustrator ends the first just a drop that shape in there and then we'll get back to illustrator select the next smaller shape Kasit jumping to photo shop and then paste it it answer. And then we've got the shapes kind of gradually building up there My answer again to apply that. And now, once I've got all these in here and I work on the alignment so we can see that both in there. But I'm not gonna worry about the alignment until I've got all the files in there. So go ahead, move between Illustrate and Photoshopped. We essentially want to go from the biggest wave, the tallest wave down this page to the smallest wave and then down again to the wave that it's the most. Okay, so command or control and X jump to photo shop, command or control and V depending on whether you work on the Mac or PC paste in Enter to apply that and then jump back to illustrator and do the same again. Once you've got all those files in for a shop, we'll come back and have a look at how we start tow line things and south the animation. So now we've got all our files in for a shock when we can see this kind of nice han going to display here on now we're gonna go ahead and align these layers, so I'm gonna go to my layers panel. In fact, I'm gonna drag this out cause we're gonna be working this quite a lot. And I'm gonna click on my top most layer scroll down and then hold down shift to select my bottom, most layer. And now what's those air all selected? I can use. The alliance also were aligning to the bottom most object, which was the same size as this document that we set up. So when we click here to align to the bomb edge, it will align the more perfectly So you can see we get these all lined up perfectly on the nice thing about all these files. Is there still smart objects? So if we scale, the document was still gonna have that nice, crisp finish. I'm to our project. So let's go ahead now and start to work on the animation. So we're gonna work with a frame animation in Adobe Photo shop in the next lesson, 4. Create the Basic Animation Loop: I'm just gonna go to view fit on screen so we can see the entire document that we're working on. And then I'm gonna go to window if you don't see it and timeline to show the timeline window down here and now we're gonna change this to and frame animation. The video timeline will be using a little bit later on when we kind of start to layer up our animations. But for the moment, we're gonna start with the frame animation and essentially what we're gonna do with the frame animation, Yes, we're gonna click, creates. We're gonna cycle through each of these from the wave, going all the way down from top to bottom and then back up. So we've got perfect loop that we can repeat a later stage. So we're gonna leave the delay for our frames at zero seconds. And when we export 30 friends per second, it's gonna export at that speed. So before I go ahead now and start to work on adding new frames to my animation, I'm just gonna stretch out my layers panel. I can see all my layers and just turn them all off, so I'm just dragging down the eyeball on this left hand side and turning all those layers off. And the only one on need on is this bottom most one for the large wave. So now I'm gonna go and add a new layer and essentially, what I'm gonna do here is I'm gonna slip from one layer to the next on just cycle through all of these. So I'm selecting the layer above all the way up to the top and then turning them on or off all the way down to the bomb. So this is our animation has thes cycle through, and you can see there align perfectly. So we're getting beautiful stepped animation. So go ahead and work on adding a new frame and switching the layer so that we're moving through in cycling through those frames. Now that we've got to the peak, we're working our way down those frames. And now I've got all those friends in there we can play the animation. I've got this set to loop forever so that we will continue to open. We'll just see how that loop is playing back. So one thing I noticed is that the very last frame that we have at the end here is the same is that first frame. So I'm just gonna delete this last time so that we get a continuous motion rather than this kind. A little pause at that point in time, So I'm just gonna I like this. Press the trash. Come on. It's gonna delete that frame. And so now when I play through when it gets the end, it's gonna continually move rather than having that little slight pause. There's another one here in the middle. Well, we've got doubling up off this frame. Gonna highlights middle frame and just press the trash can down here on the timeline. Leave that frame so that now I have a continuous movement between those frames. Great. So I'm happy with what I've got there now and now we're gonna go ahead. Andi, Export of video in the next lesson. 5. Prepare to Layer Your Animated Waves: So we've got our initial animation working perfectly here. I did a couple of things here first is I'm going to scale up my image. Said I've got a slightly larger image for when I actually do export it. So I'm gonna go to image, image size, and because of working with these vector smart objects, the animation will resize beautifully. So So I'm gonna set us up to be 1920 by 673 So it's like a full HD with we're gonna be working with a width off 12 80 by 7 20 for our initial final animation. And so the 1920 wit will give us a bit of scope to play with what we do there. So if we click OK and we go to view 100% we'll see that we still have this nice Chris crisp line that will keep as we kind of export this out as a video. So go to file export, render video. And now, once we're here, we're gonna copy the settings that we have here. So we have wave frames, which is the file name. I say this Photoshopped document as we're gonna save it to the desktop. But you can select another location if you want to. And then we're gonna use the adobe media encoder to export it out as a quick time movie. This animation high quality format is importantly, gonna let us keep the Alfa Channel. So we want to use a straight healthy show, which is gonna keep the transparency. So when we lay these up, we want to have that transparency in the background off our image. The rest of these options the document size the document frame rate should be 30 frames per second. The preset should be progressive on will leave all those as is. But you can copy exactly the same settings that I've got set up here. Now we get render, and that's rendered out. If I go to file and you I'm going to set up a 12 80 by 7 20 pixel document, which is a HD file. So be good for YouTube. Good for re sizing things to post on instagram or something like that on generally good for the web. It's not for allegedly, but you could always scale up. We've covered. If you want to, we're gonna leave it as RGB and all these sayings unchanged. Think like, OK, so now want the timeline visible And this time, without timeline, we're going to jump in here and we're gonna create video timeline. Okay, so this is going to allow us to reimport the video that we already had and actually add video layers. So I'm gonna dock my layers panel back here for the moment. We're gonna come back to that in a second, and I'm going to click on my timeline, This little plus symbol on the bottom right there that's gonna allow me toe select the quick time movie that exploit out before open it up. And now, if I bring my play head towards the end, you'll see we've got heart automation there. Okay, so now we can zoom in and out of this timeline, which works similarly to Premier Pro. It's not got as much functionality is Premiere Pro, but it's still a good time Life working in. And you can see we've got our wave popping up and down there. So this purple area that you probably see at the beginning here I'm just gonna highlight that it's this layer one. I'm gonna delete that and now I just have the video frames loop cycling through there. So with that set up, I'm gonna go ahead now and just soon out of my time. I love it, and I can copy this. And in order to duplicate this along this timeline, I can come to my layers panel and drag out new layers, and it will put them into sequence. If I hold on the hockey I couldn't duplicate or I can drag down new last two here. And essentially, what I want to do is give myself as much time as I want to have my final loop with a little bit extra to play with. OK? Because we're gonna have toe when we add these other layers. Think about where we have our loop point for the final video. 6. Layer Up Your Animation: So now that we've got one layer in photo shop with this looping set of our frame lamb, essentially, what we can do is we can duplicate and move this entire loop all in one guy. So just to show you how this is gonna work, we're gonna grab the video group. We're gonna drag it down. It's for a new layer bun down here in the down here, the layers panel on the bottom, right inside. And then once we've got that new layer selected, this is the layer that's in front off the current layer. We want to move this down across the rights. The way we're gonna do this is keep the layer highlighted. Make sure you've got the move tool selected. And then we're gonna hold down the shift key on DTaP cursor keys, a specific number time. So we're gonna tap down 1234 and then across the right. 1234 And now we're gonna go ahead and duplicate this new layer on. We're gonna drag this, announced the new lab on. We're going to the same thing again. Just with the video group selected and hold down shift. We're going to have the down key. 1234 1234 And so this is offsetting those layers by the exactly same amount at once. We've got this also up. Then we'll offset everything in the timeline for each layer. So we'll keep going with this. So I'm gonna keep duplicating this until I filled my whole screen up with a row of these running across from the top left of the bomb. Right? So eventually our move down to the bottom, right, they don't have to move all these back up a little bit. So I will come to that in a second. But for the moment, we're just gonna be holding now. Shift moving these. 1234 And then 1234 to the right on. We know that that's gonna be spaced out equally so, but using a standard increment in Photoshopped to do that. So go ahead set of your layers and then we'll have these all moving in one. Go on. We can then offset them. So it creates the wave movement from the foreground to background from the background to the foreground, depending upon how we offset it. So Now, I've got a few of these layers. I can see kind of where we're going to end up with as we kind of move this line of these layers across down to the bottom. Right. So what I'm gonna do now is I'm going to select all my layers, holding down shift, clicking on the top layer on the bottom there and then just selecting all of those and then I could do the same so I can hold down, shift in this time, gonna move upwards song and with all these layers up, okay. And actually, I'm gonna keep going up until the top most layer disappears on. The reason for that is that when it dips down, I wanted Teoh dip down, but be a little closer to the edge there. So I'm gonna keep moving these up, okay? Because I want that wave to flow right up to the edge. Should we get that detail in the edge? And then I'm gonna move this across the left hand side. Remember, we have quite a lot of play with this larger image that we made 1920 by 10. 80 image on this 12 80 by 7 20 canvas so we can move this wave right through the middle. Him Okay, once you've done that, then click back to the top most layer and continued to duplicate them as we were before. So I'm gonna grab his top most layer dragon dance the new layers button. 12341234 And you might like to move your play head in. The timeline is I have done because then it lets you see kind of where you're positioning things. It will also let you see if you've made any mistakes along the way and you can see now that's a moving this across the right. We've kind of brought in the edge of that. So I'm just gonna go ahead and select all of these video groups again and just nudge this across to the left so that we're not going to get there that line in there, all those corners in there on the left hand side, and then we'll keep going. Duplicate how? Downshift Top down curse of 1234 and across the right. 1234 So I'm gonna move ahead in time on. Just see how many more I need to duplicate. So I want when it's the peak here for there. Still to be some little peeks down at the bottom here. So I'm gonna keep duplicating until I have those peeks right down on the bottom. So once I have those again, I'm just gonna grab all of these layers shift and then just nudge them to the left. It's enough. We scroll through, you can see we've got this nice wave flying up and down, and all we need to do now is going office at the time. Okay? So that we have this wave kind of flowing through. So if we scroll down here, Okay, we're going from layer one all the way up layer 26. So I've done experimentation with this on when you offset your clips as well. Doing the next exercise. Don't offset it by four or five friends. I've done offset it by one or two frames that will give a much smoother flowing motion to the animation as we said it going. So offset it by two frames and then experiment with that and see how well that works 7. Create a Rolling Wave: and the way I'm going to select these because I'm gonna be zoomed in. Actually, for this I'm gonna highlight this frame, gonna zoom out and then highlights this frame. Said I could nudge forward lots of these frames holding one guy, so we're gonna nudge it too. 123 25 frames. And actually, at this point is where you should nudge it by just two frames rather than the five frames that I show in this part of tutorial. So each layer should be offset by a couple of frames. We might it zoom in a little more as you're doing this. Other than that, the process is exactly the same. And then I'm gonna zoom out again, just de select these layers on my bottom layer. Zoom back in, still have the rest of them selected come across the layers listed on the timeline on the left here, and he select the layer whilst holding down control or command and just select these again . I can keep these all selected and then just hold down command or control. As I click through the clips in the lead, I want to be select and then also actually de select the layer group itself, and now you can nudge all those clips back by just a couple of frames and on the necks of layers. Repeat the process. Zoom out. He select the individual clips that you don't want to nudge. Zoom back in, make sure you de select the layer group as well, and now we can nudge forward the next layer above on. Repeat that for all the layers and eventually will have this nice wave moving through the entire campus. And as you're working your way through these and offsetting the animation, and the easiest way to do this is to zoom out, scroll up towards the top, select the top right. Most point, scroll down until you can see the offset. Select a new layer on the bottom left that you want to offset and then with the play head in that position. And you can zoom in on that point until you can see the frame numbers and we're just dragging it ahead and then repeating the process. So zoom out. Be selected. Come to top, right? Select again. Scroll down until we see the offset hold down. Shift this the next layer we want to do much. The play had his positioned zoom in and so we can see the individual frames and then drag all those layers ahead and you can start to see. Now that's we're getting this nice movement of the waves coming through that drawing so you can see you get this cool kind of effect of the wave kind of flowing in and through, okay. And we can reverse that as well so we can have their wave flowing backwards if you want to add late stage. 8. Create & Export Your Final Looping Wave: so the number of friends you have in your original nation will dictate which office that works the best for your final animation. And I've been doing some tests and for particular South that we've been running through here. But offset of two works Well, so we can see here that we've got this nice flowing wave running through the animation here . So if you're saying up an animation like the one we doing then set the offset to. So essentially, I've also been working in a couple different ways. Select the layers. One is to select directly in the timeline here, but the other, perhaps the more effective way is to select groups of layers within the Layers panel here ago. This lets you select the layers without having to zoom in and zoom out quite so much. That's an additional tip for you as you're working through this project. So let's go ahead now on export this video. Now, just before we do upload it, we're gonna have to fix one slight little problem. And that is just the top left here. There's a little black spot which we we need to fix in the way. We're gonna fix That is by going into our video layers on adding a white layer below all of our layers A so well, so do that. First, just make sure you don't see any gaps in your video any layers where you can see the edges of the animation on, go ahead and repair those before we export. So we think the slight problem that we had by placing a white layer on the background just to hide any other transparency that is showing through some of those letters, just make sure it stretches across the entire time line there. And so now we're gonna go ahead on export video. No, we're gonna export out two videos here. One is gonna be a video that we're going to use as a loop so that we can loop our video for longer than the few seconds that we haven't will trim it down as well. So we get rid of this start of our video where we don't see all those waves kind of flowing through on DSO we go to file export, we're gonna go to render video and we're going to render out a quick time video we're gonna render our animation high quality video. So it's gonna be the full quality video. We don't need it how often We don't need an Alfa Channel this time and we could just export out the straight video. And then we're gonna bring us back into Dobie for a shop and trim it down so that we can create a longer loop. So we're gonna go render now I'm once that's render that we're gonna get to file new we're gonna make a 12 80 by 7 20 Project in which we're gonna place this new video. We're gonna video timeline Look, a layers panel across here on the right hand side and I'm gonna click the plus in my layer one and navigate to the most recently exported animation we've got here. So open that up on the delete layer one down here. So I just got the video in there, and now what we're looking for is the a starting spot where this video really starts to lose. So we've got this looping part of the video in the middle which we corrected by having those overlaps, and we want toe essentially select the point at which this starts toe move through our frames here. So I'm gonna hold this in point in from the left house side. Okay? And we want to match that frame at the end of our video. So what we're looking for And if we zoom in and we can match if we turn on the rulers, okay, we drag a ruler down to here. What we're looking for ahead in the video is where we find exactly this same spot. So if we keep moving through, we'll wait, and we'll see this next section coming through, okay? And this spot matches that previous spot so I can actually go and find a spot a little bit further ahead in the video, cause I got a few loops in here, so essentially, we're looking for this spot right here. We can trim that down. Okay? And now, if I duplicated Slayer here in the layers panel, then we should have a nice, smooth loop from one friend to the next. And now, if we go into our final video here on weaken, See, we've got a nice, smooth playback off our wave moving through a canvas, and this is what we're gonna go ahead and export. Now, what you want to do when you've set up your loop and I've got mine looping over about 48 seconds is just go to the edit points, or at least one of the edit points on. Just play through that and just make sure that it's playing through nicely and that looks pretty smooth. So we can also when these videos are set up, if we want to, right click and control the speed. So I'm just gonna actually reduce the speed of this. It looks like it's playing back a bit fast. Yes, I'm gonna delete these last two layers here and then just go ahead and modify the speed a little bit. So I'm going to right click here, Andi, go to speed on. Just change the speed. 50%. Okay, so things should play through a little more slowly. Now we may need to re remake the loop when we've done this. So the blue bar on the top here is just showing it as it renders through. And once it's rendered through a little bit, I can go back and check the speed, and we've just slowed it down a little bit, which is gonna work a little nicer. So I'm just gonna go ahead here in time and see where we're falling now for the edit points because it got a bit of a jump here. Now, some of the elite, this last one and just pull this out until we find that spot to loop it on again. So I'm just continually referencing back to this line, okay? And then we could duplicate the layer again. Still, we could make any adjustments that want to in future as well. I will just play this back around the edit point just to check. We've got that right now that it's pretty good. Okay, so I'm gonna duplicate it's laying one last time. So now we're gonna export this out so that we can upload them. So if you go to file export, render video, we're going to select from here. H 264 Okay, it's gonna explore our on impact for, and we'll just type in final wave for upload. Okay, We can leave all these other settings the same. We're rendering a high quality progressive all the frames and will hit render. Okay, So let's jump to the desktop and we'll have a look at what we've got. So got our final wave here. We double click on it, we can play it through, and I'm pretty happy with that. So now we can go ahead, upload this. We'll just jump back into but shot just a show a couple other ways in which weaken work with these layers.