How to make a 3D Animated Photo in Photoshop & Adobe Premiere Pro CC

 

INTRODUCTION 

hi my name is justin odisho and in this tutorial i'm going to show you how to take a 2d photo and give it some 3d motion using photoshop and adobe premiere pro so we're going to actually start with our photo in photoshop because the first step we want to do is separate the subject or person from the background 

CLEAR CONTRAST

now a quick way to do this for most photos where you have a clear contrast is to go to select and then choose subject in the top menu this is a really quick way to automatically select the subject of a photo and it should work well for your image if for some reason you aren't able to do this with your photo you can also try tools like the quick selection tool and try to paint in areas or you could try doing it by hand at last resort with something like the polygonal lasso tool or pen tool really carefully one by one but since this will work for our case and perhaps your case as well 

SUBJECT TOOL 

we're just going to select subject there are some small areas of discrepancy like right here on the shoe i can just zoom in using the shortcut command plus or minus to zoom in or out and i can grab my polygonal lasso tool make sure it's set to add to selection and maybe just fix up a little bit of those problem areas like that there's also this select subject tool object selection tool if you want you can use this on subtract or highlight from mode and go in there and tell photoshop exactly to pick up on some areas 

NEW LAYER

so take as much care as you need for this section you know if you really want to get in there in between the space of the fingers or these loops of the shoe i can use the shortcut command 0 to scale it back to fit because this is a pretty large photo but once i have a pretty good selection i'm going to right click and layer via copy this onto its own layer so now we have the cutout and the background but i'm actually going to load up that selection again by holding command and clicking on the thumbnail of this new layer

BACKGROUND LAYER 

 we made it'll just bring back up our selection of the contents of this layer and i'm going to go back to my background layer and i'm going to use the content-aware fill to even remove him from the background fully so one thing i'm going to do first is go to select modify and expand out this selection depending on the size your photo this could be anywhere from five to 25 pixels let's just do 10 for this example you'll see it kind of expands out the selection a bit you know let's just do five more and then i'm also going to add a little bit of feathering 

ANIMATE OUR SUBJECT

so select modify feather i'll feather that selection maybe 5 pixels and then i'll right click and fill that selection with content aware fill so when i press ok you'll see photoshop will try to just automatically delete whatever's in the background and this is a pretty great example photo because it's pretty clear blue sky but even right here with the concrete and the trees it does a pretty good job because when we go through to animate our subject in premiere we want these two layers to kind of be separate

PRETTY GOOD SEPARATION

 so we don't catch those double edges so once you have a pretty good separation here from subject to foreground i'm going to save this as a psd so i'm just going to save this wherever i want on my desktop as a photoshop document psd and i'll save that and press ok now is when we go over to premiere pro so although you could do this in after effects as well i'm going to use premiere pro for those of you who don't have acupuncture only working with premiere and i'm going to grab my photoshop document that i created and i'm just going to import it into my project media panel and then this import pop-up menu will show up it'll ask you if you want to import it as a merged file or individual layers what we want to do is individual layers because we want each layer as its own thing 

PHOTOSHOP LAYERS

so i press ok now i have this new folder of the document and i have both of the two layers in there so depending on the size of your your sequence that you want you can adjust or create a new sequence in a specific size if you need it that way but in this case we're just going to use the original dimensions of the photo so i'm just going to drag our background layer into the timeline to create a new sequence it'll just create a new sequence of whatever the dimension the photoshop document was and then i'll drag the other layer on top so we've kind of recreated our photoshop layers but now in premiere 

COOL PART

we have the background and the foreground and the cool part is we can add keyframes now to create animations in the size or other things so one simple thing you can do is simply make the scale change a little bit so i can go to the scale toggle keyframes on and over the however many second duration of the clip you want i can make the scale increase like 10 points or 5 points and when i play that back it'll look like this some gradual increase and then at the same time i can go to the background i can actually start the background a little bit larger and add a keyframe and then at the end i can revert it back to its original size i'm just clicking this reset parameter button to take it back to the original 100 

PARALLAX TUTORIALS

now i have the image kind of separated out this is similar to the parallax tutorials i've done in the past but another cool thing you can do aside from just the scale let me actually just start from scratch again with no keyframes is using the basic 3d effect that's in the perspective folder and applying this onto the two layers we'll get a couple different options in the effects control panel so if i go back to my top layer i now have these swivel and tilt and distance to image options 

 FACE A CROP

now you are going to notice sometimes if you go to swivel them i mean it's cool you can rotate it but you're noticing it puts it in this new kind of frame and it might end up cropping it sometimes one quick work around to that is to lower the distance to image or increase it in this case until you avoid that crop so we're in this kind of canvas that they've created and then increase the scale back to whatever the original kind of size was now you can play around with the swivel and the tilt a little bit easier without having to face a crop and you can create first of all you can create this cool like spinning animation if you just animate this parameter but the same idea with the gentle movement to make it feel 3d would be to start like somewhere a little bit this way and then gradually make it turn the other way and then do the same thing with the background

BASIC 3D 

 so the basic 3d on the background add a little bit of swivel maybe the opposite way so from right to left and you see i can just drag these keyframes around and you can also play around with the distance to image and the tilt and all that this can create i mean this could be kind of cool if you did want them separated and added a color in the background but if i just pull the scale back up now i have two different images kind of swiveling in different ways and you can still add those scale keyframes if you want like making it get slightly bigger over time or making the other object get slightly shrunken over time and the other thing with these keyframes is you can right click on them and add ease in or ease outs to give them a little bit more gentle motion 

LITTLE KEYFRAMES

so all in all you can get these cool 3d looks by taking the the object separating in photoshop and bringing it into premiere and adding these little keyframes there's other options like specular highlights that you can add onto the layer might not always look realistic but it could be an interesting option depending on the idea you're working with and honestly if you wanted you can even add like lens flares and stuff in the effects panel you can either add them directly onto the background so i could add a lens flare and i can animate the position to slightly move from one direction to a little bit different maybe blend it in a little bit with this layer and that could be another idea to add some subtle 3d feel to the photo if you wanted to apply the lens flare over the entire image and not just the background layer you can go to file new black video and add a black video on top apply the lens flare there and just set this black video layer to screen blending mode and you can lower the opacity if you want to lower the strength

NESTED LAYER 

same idea you'll notice this this trick i'm doing i'm highlighting the lens flare effect in the effect controls panel and this marker will come up in the program window so that i don't have to adjust the flare center x and y position with the sliders each time that's a little bit more intuitive that way but once you do start adding all these different 3d things and lens flares you might notice this red line pop up you might want to just press i and o to create in and out points and then render into out under the sequence menu if you do want to catch a good preview and be able to watch the work that you've been doing and another final idea i know i've been packing in a lot here if you just nest everything together so right click and nest it all together and then duplicate that nested layer 

CONCLUSION 

i'm just holding option and dragging it out to duplicate it and then put them end to end and then right click on the speed and duration and reverse the speed of the second one you can create kind of like a boomerang perfect loop so that if you were to post this somewhere that you did want to loop or make it like a gif or something it would now be a perfect loop forward and backward as soon as it hits this middle point it'll just turn around so it's constantly going back and forth and tilting so if you enjoyed this tutorial my name is justin odisho you can check out hundreds more on the playlist on my channel and subscribe to stay tuned for all my new videos thank you so much for watching and i'll see you in the next video

FONTS-PACK