Master Street Art Animation: Adobe Premiere Pro & Photoshop

1. Introduction to the course: If you ever wonder how to bring steal images to life, especially with pool start, then this course is for you. I'm current. And in this course, I will guide you step by step, how to use photoshop and premier proof. To create a simple image that you have clicked on your phone, you have clicked any image, any pattern, anywhere in the world, and make it visual apeing from simple image to an outstanding animation. I have shared with you intermediate technique perfect for video it who already know the basics of Prime pro and photoshop, who wants to get better at video editing, whether you are creating your own videos or you are creating for your plain. In this course, I sat advanced tips that make your work outstanding. The best parties, you can learn this skills and apply almost anything. YouTube videos Instagram any. So what are you waiting for? Let's turn your creativity into an outstanding animation. See you in the course. Hello, everyone. The site eran. As you can see on your screen. One of my follower has shared this video with me and asked me to create a tutorial to. Will be no photo for it. There will be a course for it because it will use your basic video editing and photo editing skills. This is a course, so it will be going to long and detail because I want to give you a complete understanding of these two of the most powerful tools out there, be Premier Pro and Photoshop and after watching it, I realized that many people are probably looking for it. That's why I'm here today to walk you through every step and cover all the important aspects that will help you become confident in both video and photo editing. And obviously, you will learn how to create this type of video specifically in this course. Before moving forward, I assume that at least you know how to use basic premier pro and basic photoshop. If you don't know, simply follow all the steps and you will get to know how to create this type of video. Let's get started. On Instagram, this video got 2 million views, and I really excited to teach you these skills. In this course, I wanted to make things as practical as possible. I went out onto the street to capture images of some amazing street art. This way, you will have real world examples to work with, and it will give you a better understanding of how to create these kind of videos yourself. Is a project based course, meaning you won't be watching me. You will be working along with me. I will provide all the images and files for you to download. And you can find the link to the course material below. Make sure to download them so you can follow along. First, we will start with phototop to beautify the images, enhancing colors, sharpening details, and making them look polish. Once we've got those images look amazing, we will jump into Premier Pro to animate those images and bring everything to life. It's going to be a hands learning experience, so get ready to create something awesome. Let's dive into photo 2. Image Selection Process for the right image: First, we are going to animate this image, as you can see in this image. This is an art of Sha knu and we are going to animate this specific area of Sha KN. First, we have to understand which image is better for us to use. As you can see, there are many shadows in this image, so we are not going to use this, eliminate this. Delete this image. We are going to use this no. As you can see, there is a motion blur in this image, we are going to eliminate this image also. Too much shadows. We are going to eliminate. This also, there are too many shadows in this image also. This image is better. I'm going to use this image only. So let's beautify this image. First, select this upper layer. Remove this dark area because I click this image in the night, so that's why sky is dark. First, we're going to remove this image and replace it with a clear sky. Use a clear sky in premie ly, we're going to use a video of clear sky. This is for the reference we are going to use in this image. Select increase the brush size. You can see on your screen, which button I have press. Let's select this area. Use masking. Control I invert the masking, go to Google. Clear sky, mage copy image page, right click, converted to a smart object. So the dimension I have took in this image is 19 2010 80, which is a dimension of real. So as you can see the difference here after replacing the dark sky with the clear sky, we can see a tremendous difference in our image. 3. Remove unwanted object using healing brush tool in photoshop: So we are going to remove this wire also and clear the image. Let's duplicate the image, hide behind it, and Why I have duplicate this image. Because if we are going to use a spot healing brush, it will automatically change our image to a tricize image, which will going to reduce the quality of our image if we stretch it further. So first, we have to remove this wire. Remove this also. Mamas clear as possible. Control L et's remove this area also. As you can see, it looks more clear now. Hide this image again. Remove this bottle. Okay. A remove this area also. It looks dy. That's why I'm removing this area and removing all the elements which will and removing all the elements which distract our viewers when they watch our video. As you can see, it looks mold here now. 4. Photo manipulation Techniques Color correction: And I will try to replace this road also. Let's see if we get the result we want here. Select this image using quick selection tool again. This step will going to be the same. I've selected a square part here and mask it again. Control I invert this. Yes, it's more looking like modern india. As you can see the difference here. So let's remove this part also. So increase the size of the image a little bit. So I beautify the image here, and As you can see, there is a crisp line here which we are going to devote. Let's select this. As you can see this image. The one we have recently edited with the building, we are going to remove this also. Select brush, normal brush tool. Press B for brush, increase the size of it. Select select masking area and invert this to black. Removed. Let's bland each further if we get the result or not. I'm trying to blend this image with this background image. Let's try if we get the result because it looks more natural. If we try to use this. Let's select this also. S press shift. First press here, then press shift. I will select the state line of it. Now it's look more natural to me. You can see the difference here by using a tool, which we call bland option, and in the bland option. I just simply change the current layer. Slide down this arrow. You can see result. Whenever you satisfy, whenever you satisfy, you leave it and press. It will apply automatically on the layers. 5. Cut out an object we call feather using masking: So first, I'm going to select this part. Hide this layer, this layer, hide this layer. Select image, decrease the size of brush and select. First, we are going to duplicate this image, bring it above all the layers. Now we are going to mask it again, hide this layer. Delay this extra layer here. Delay vector mask. Now again, click here. We got the result. But first, we are going. But before that, as you can see, slack and mask, we are going to use refined tools to make it more crisp and contrast. Yes. Okay. Now again, select mask. T. Hide this layer. Again, enable this layer also. And now unhide this layer. Move this layer, as you can see. I have copied this image. Controls that do not change the place of these images. You only have to copy these images and addit them on the same place. If you change the place of the image, then you will face some problem after that. Name this layer, father. We will not get confused after that because there will be more layers 6. Create Eye using Masking and Healing Brush Tool in Photoshop: As we are going to animate many parts here. Click this image, use healing brush tool, decrease the size of the brush and click here. Now it's perfect. Now select again, duplicate the layer, bring it above all the layers. Delete the mask, and select the eye of shake. So what I've thought about is that we are going to animate this so I will get open, and after that, we get close. Again, we are going to use those steps. Slack mask. I don't think you feel like this course is moving too fast. This means for people who are at least at an intermediate level or have been using these programs for at least one to three months. Let me know in the course we incoming. So there is no change in here because we have not hide the original image. So again, select this poet is smooth and. Age. Okay. Now go to slick. Control control as save. I now click the original image. I've copied the eyes of Sig 7. Create Earing using Masking and Healing Brush Tool in Photoshop: Now let's clear this part also. Use healing brush, select decrease the size of brush. These things take time. It will be worth it. I've cleared this image. Now, let's duplicate again. Before that, we are going to name this layer. We will not get confused after that control. Now duplicate this layer, bring it above all. Hide layer, and name it earring. Delete this layer mask and hide this image the original image, hide this image. Now we have only this image here, slack this part. A press, it will deselect the area, and without at, it will select more area for you. Control Control control controls A minus the area in it Alt Again, same step we are going to use here. You can escape it out if you want. Select layer mask. Now we have earing also. Eyes feather these three parts, we are going to animate. 8. Perfect way to use Healing Brush tool: So Let's bring all the layers up. Feather eye earing, bring it below the level. The effect we have apply on the original image, we work on these three layers also. First, second, third, and yes, we are going to animate this also. We have to select this duplicate layer hide. Double click and type fluid. Delete layer mask, select flute here. Let's select this part also. I will explain after that while we animate this image, you will get to know why I've selected this area also. Selmo father contrast. De. Now unhide this layer. Let's select this part also. Again, same step we are going to use. Duplicate the layer. Hide all the layers. Delete this type stars because it will be going to star layer for us. Now select the star. D D D. You can escape this part also or make it fast forward if you want. I'm not escaping any part of it because if I escape, you might get out of the track. Select again, smooth father and contrast shed edge bit of shied edge. B. Let's use healing brush again, increase the size of it and remove stars here. Just use the healing brush to remove all the stars and but keep the ones we have already masked, keep it easy and simple. I'm just clearing the image a little bit more. L et's duplicate this image also. I'm just taking it for backup image because if I original image, at least we have a backup image here. Hide this layer also. Use clam tool, press, click here, do not leave t and go to here and leave all. Right click, brush hard done. As you can see, it is copying the area where we have pressed the all to the area where we have leave the all. Now use healing brush tool to make it dissolve. Now again, select this area. Remove the i. Okay. It's perfect. Remove this part also. Okay. Done. Now when you bring back the feather here, click. I, earing, stars, stars, stars, stars. Select this star. Bring it. Bring it. Bring it. Bring it here. Now, all click Copy this star, copy this star and copy this star. But I'm just copying here for the reference. But in Prime Pro, we are not going to use these many stars because it will get bulky for us to animate each star for us. We are going to duplicate these star in Prem itself. Right now I'm deleting the stars layer, one layer of star. Our image is ready, and we are going to animate this image in our next. 9. Creat fake eyes using photoshop: One more thing, what will happen when we open the eye? We are going to create an eye ball for us, select I, duplicate the layer. Let's name it pupil. Select inside. All selects. Decrease the size and select again. Now mass. No. Before that, we are going to hide all the layers. Now s again snow weather contrast. Ge Before that, we are going to layer and select again and duplicate and after that control. Now we are going to download an image of an ei. Let's not make it a perfect circle. Select this image, press control. Just make it look this way. I hope now it's look better. I don't really think it looks better. Let's use healing tool on this image also. Because it looks more realistic. We want imperfect image here. By selecting B that it brush, we are going to press two **** these two colors. We are going to create this image. Yes. Now it's look to me. We have to understand the psychology of our viewers also. Let's name this layer pupil and duplicate this y layer and delete this layer and select this area again. A. Same steps I'm using here, and select smooth feather contrast. A done duplicate control. Why I have done this? I back ground or more like I ball. Now, let's see, you peel I and make it white. B for brush. That control select. What I've done here is that I've selected eyeball here, and I D selected What I've done here, I've created a eyeball here, and I want to add white background in it. For the eyeball to create a white background, first, first, we have masked this image, like all the images we have generated before, remove remove. Now, this is the white area, but it is not the white area. After creating a white area, right click convert to smart object, and again, click it press B by selecting white area. 10. Import Photoshop files into premiere pro: We have already saved this project, and this is our photoshop file upon Premiere Pro. Bring animated image here directly into Premiere Pro. Premier Pro will ask us, what do you want to do with your photoshop file? Merge all will do, make it one image, but we want it individually, merge ers, Merge all, individually or sequence. Let's create sequence out of it. See if all the images are checked, press. Double click this folder, and we have a sequence here, animated image with the same name that we have put here. Why we have not seen anything here because there might be some problem with our image. Let's rectify the main problem we have faced here. You will get this type of error. We have created an here, right click n group art port Control Save. Bring photoshop layer in Premier Pro. Slack sequence, heck if all our layers are selected and press. Double click and double click. 11. How to animate in Premier pro adjust anchor points: Now we have jumped into Prem P and how we have imported the PSD file that we have made. So our next step to animate this image that we have created. First let select this image and press F. As you can see, the name on the file is E, that is the tile. We call it tile on timeline. So click it press F. You can see I and I. It is verified that we have received right name on right tile. So you don't have to worry about that also. Back to the photoshop, export Quick Export S PNG. Now get now back to the photoshop, select feather I pupil. These are all the layers that we are going to animate. I'm exporting them separately also. Press Control and click all the layers one by one. R click Quick Export PNG, select your folder, press this one to three in file folder, 1234 in fled. These are the layers we have to animate in Preme Pro. First, import feather layer and Prem pro, simply replace it with this layer. Why we are doing this. There is a big reason behind it, click the old layer and try to animate it. Use rotation tool. You can see the way it rotate. Now it is the layer that we have separately in Photoshop. Now rotate this layer. Can you see the difference, the way it rotate and the way this image is rotating? You can see the scale factor also. The way it scale and scale out, and the way it scale and scale out is different. Why is that? Because we have an anchor point in this exported image that we have separately exported, it has a anchor point in between. You can see the anchor point here, press anchor point. Now you can see anchor point, this one. And on Father layer that we have received in the photoshop file that we have imported. It has a anchor point. Somewhere here. It is 1920 by 1080 frame, and it has anchor point in between. In this layer, we have a feather in between this frame. If we are going to change the anchor point in feather, we can do this also and rotate it. Now try to rotate. We can do this also. And we can do this also. I simply had to put, so I reset the location set rotation set and anchor point set. O. Whenever you work with circle layer or round shape object, it will be helpful for you. Because adjusting the anchor point in middle of the round object is difficult, so you can export it separately and work with the separate layer, and you can arrange that layer. Later on, like this. Simply put this layer here. That's all. Now what I'm doing here is that I'm just adjusting the anchor point somewhere here for the anchor point, I can adjust zoom in or zoom out the layer or the panel, hold it in between the ei. Pup anchor point in between the e because I pupil is in between it. You don't have to be perfect for it. You have to be perfect in round shape, not in these shapes, so it will be not difficult to animate these images, Anchor point, the panel. Airing anchor point. I'm rotating. This will rotate on this point. Fue nothing stars. Now for the stars layer, I've told you that we are not going to copy the star layer in photoshop. We are going to copy the star layer in. For the star layers, let's press t and up arrow key. It will shift all the layers on the top of the other layer and automatically generate another layer like V one, V two, v3v4, something like that, and select star, press all, click and drag above it. It will automatically duplicate the layer. You can see what I'm doing here. These are star layers, and I'm going to animate these stars layer. What I'm doing first here is that press star layer anchor point select anchor point and for the Zoom fit press 150. 400. You can see. The anchor point should be in between it. So I can rotate the star in perfect circular manner. It will be not perfect, but some perfect. Press. Now, let's try to rotate the star rotation. Press to animation, go to another key frame. Increase the rotation amount and see how our star is moving. F. If you work with a circular or round shape object, there might be some error in this because it is not round shape, we can roughly adjust the anchor point in this star because it is not a circular shape. After adjusting the anchor point, let's duplicate the layer and scatter the star all over the place, like this, We can copy the animation later on. If you want, you can first rotate it or give the animation to it, then copy it. It will be more convenient for you. All the stars are scattered and it's look natural. 12. Animated Eye in Premier Pro: First, we are going to animate the I part because it might take some time I F F. We have to think creatively and smartly and cleverly. As you can see, I layer, layer is this and we have a p, and we have a background layer which has a wide background in it, and you can see the layer, we can use. There are two ways to animate this. First, if we going to mask it we can do that also and try to add go to effects, try to transform effect. Now position it. Now I have generated mask around it around the eye, as you can see. Whenever you invert, the area we have selected using the masking pen tool. In that particular area, the eye will not show up and outside that area, the eye will going to the eye will going to be visible. Let's reset it again. Let's check invert. What we are going to do is here trying to animate the transform effect. Let's click object, transform, or let's click position. Go to first frame of the image. Togal animation, press tog animation, and let's make it 100%. So you can see the effect clearly. At the first frame, I'm not going to animate this on first frame. Shift forward arrow key, and it will take you to the fifth frame, every time we click like fifth, ten, 15, 20. It will jump to fifth frame. Every time we press this keys, shift plus arrow. Take add key frame. One, two, three, four. I have jumped to eight frame after this keyframe selected. Again, at key frame or you can animate the I. Let's remove father here. Now you can see the difference. S h Can you see the difference? Now copy and paste it again and shift and shift this key frame or reverse the position of both the keyframe. Let's check M. I simply reverse the key frame. It will automatically reverse the position here also. By animan if it is not working for you or the I is animating in between those frame also, you can add another key frame without any change like this. The I will only the position of the I in between this frame will not change also. Why I'm telling this, sometimes it might get error. Let's copy it again. Increase the size or duration of our animation. Select I. Increase it, go to the timeline in about four second press V. We have copied the selected V frame again. You can see the animation. 13. Give back and forth animation to feather: Now we are going to animate a feather press feather. Let's go to rotation. Toval animation, go to fame. It will be like a vibrating thing. It should look like vibration. Select, press drag the keyframe here. Now press it again, drag keyframe here. Now, select all the keyframe. Copy, go to another frame, press control V, go to another frame, press V. Go to another frame, press V. V We we select key frame, all the key frame. Copy, Paste copy and paste. Now, save it, select all the keyframe here, right click. Is autozR. Select auto izar. Now let's see the animation here. It's look natural and exciting. We can speed it up by using press R, select the father layer. What we have done is that speed up the process here, like I have a speed up 240 9% M, I have speeded it up around 2.5 x. I have changed the speed of this animation to 2.5. Now, let's see, it's getting very fast. Let's get back again because I like that better. You can do this by doing right click, speed duration and increase the duration here or decrease the duration of this feather. You can experiment it as you want. I just show you another way. So i feather has been animated. Now we are going to animate flute and stars. 14. Final Touch use of Ultra Key and Green Screen: After that, we are going to animate this flute and we are going to use animated music course. We can say animated music notes that I have downloaded from YouTube and you can drag it out. It has a been screen background, so we don't have to worry about how we can remove it. So If you know Premier a little bit, as you should know to understand this lecture or this course. You already know there is a effect which known as ultra key and you can drag it out here. On the clip, right click scale to frame size and go to effect control, pick the color, and it will automatically remove the background. Let's see, we have on which timeline we have flute here. I have hide all the tiles here in the timeline, and we are going to one by one. We have sky here back above the background, press all peroky, and place it here. We have flute here star flute here. What I'm using is that I'm pressing F key, and I already know that I have cut out this frame. I'm just finding this frame out here using F key and F means find. I just have to bring the images down here and put it here hide Now I have any all the tails. Simply rotate this tile, which is animated nodes. We have go to rotation. Scale it down a little bit. Position it. Blow the flute. Let's see, I look good. Just scale it out a little bit. Now, let's see. Yes, now it's look good. I just have to crop it out a little bit. As you can see, there is an extra space we have to cut out, using crop tool, drag the crop tool on our timeline or on our tile in which we are going to cut. From the right hand side, we are going to cut. I rotated 90 degree or above, so it will not work like that. We have to cut No Yes. This is on the right. I think this is not working because crop tool is actually crop the whole frame, so we don't want to crop the whole frame, we just need to crop it out. I'm using a mask tool here, opacity. Dress this. And in what let's see. Little bit of I just pat it up using R. Control K for cut delete. Now, let's see. Now it's look perfect. I just need to remove a little bit of no, I just expand a little bit of mask here so that the extra part or a jerk I'm able to see here will not be visible. To my audience. Now it's look perfect. Finally, we have animated our shake out. We have animation of 9 seconds here. We are going to save it and control to render it. Simply click to export and we have our video so let's export the video. Now we have our video. Here is our video.