2D to 3D Projection mapping | Adobe After Effects Tutorial

hi welcome back to black Bronx comm Channel today we going to do camera mapping using After Effects we going to turn 2d image into 3d dimension so let's get started first we need to create a new composition I rename this comp as camera mapping then I set the resolution to 1920 by 1080 and framerate is 60 frame per second for the duration I just set it only 3 second long here I got image that I'm going to use for this tutorial for this effects it perfect match with image that has perspective like tunnel street or alley way to scale down the image you can right click on this image and then go to transform and choose fit to comp width to match the size with the comp perfect now let's create camera for this project you can right click here and go to new and select camera here I rename my camera as main camera and I set focal length project as 35 millimeters then click OK next I'm going to create a new solid for our perspective grid I'm right click here then go to new and select solid layer here I rename for this solid layer as grid in the color I set to white then click OK next we need to apply grid effect by going to the presets and effects panel here I'm type grid then I simply drag the effect to my solid layer [Music] now you can see our solid layer turned into grid line next we need to activate this layer as to turn it into 3d layer by hit this 3d box icon now let's match our grid with background image perspective you can rotate this grid by hit W for shortcut and you can also hold Shift key while you rotate the grid to snap the rotation angle here I'm positioning the grid to match with my background perspective [Music] next you can duplicate this grid by hit ctrl + D and do for another side of perspective I also can rename all my grid layers to make my workflow more neat [Music] [Music] here I change my current view from active camera and switch it into top view now is more easy for me to make sure all my grid layers are connected together and prevent from having gap [Music] [Music] here is last part which we need to create grid for this background I'm select this grid layer and I hit ctrl + D to duplicate it then I rename it as grid background next I want to reset this grid position by go to drop-down menu here then I hit reset for the transform now you can easily to move this grid to the background [Music] now we done match positioning our grid follow background perspective here you can see the result by hit c4 camera and you can rotate it now it's looked perfect for the grid alright next we need to adjust material option for all grid layers before I'm going to apply lighting for the scene I'm going back to my grid layer and hit drop down menu then go to material options for cast shadow I set it to off for light transmission I set it to 0% next I turn on for except shadows and I set off for except light here we need to apply same settings for all grid layers [Music] after we done set material options now we need to turn off all effects for our grid layers just select all grid layers and hit the effect icon here here I noticed my grid got some gap don't worry let's fix this issue by adjust our grid layer position now it's look perfect right now we ready to create light to illuminate our scene I just right click here then go to a new and select light here we going to create spotlight I set color for this spotlight to white for intensity I set to 100 cone angle for the light I set to 180 degree cone feather I set to 0% and I turn on cast shadows for the shadow darkness I set to 100% we ready to go alright next let's align position for light layer and background layer with our camera position here I hit P for reveal position option for camera then I just select position and ctrl + C to copy the position attribute next I just select light layer and hit ctrl + V to paste the position attribute to hear I also do the same to background layer but before that you need to activate 3d layer for background by hit 3d box icon then you can just paste the position attribute right now light and background layer line up with camera position next I need to move back ground layer far away little bit from camera to make some gap from the top view I move my background layer forward little bit from the camera perfect now let's going back to our main camera view from here you can see our background layer is really big and out of scale first we need to select background layer and hit s4 scale option I reduce the size until I can see the whole image next I'm right click here and go to transform and select fit to comp width now the background size back to normal for the last part we need to adjust material option for our background layer here I'm select background and go to material options I change cast shadows to only and I'm increased light transmission for 0 to 100 all right we ready to start animate our camera here I try and move my camera angle to see our 3d camera mapping look everything is perfect let's going back to camera layer and start animate here I set keyframe for point of interest position and orientation make sure to set keyframe at frame 0 next I go to last frame and start animate my camera by dolly in its looked like three-dimension now for our background image once we start animated now I'm change little bit angle for my starting point of animation to give more dynamic impact [Music] alright let's put some text for this animation here I hit text tool and start write something next I act of my text layer into 3d layer by hit this 3d box icon then I'm positioning this text to suitable place [Music] [Music] here I got some issue when I move my text backward it become like weird color to solve this problem I go to my text layer and then adjust the material options I change except shadow setting to off now our text back to normal color [Music] all right let's put another text by duplicate current text layer by hit ctrl + D then I move this text at the back little bit [Music] [Music] now it's looked better for the last part we can play with some depth of field from the camera I going back to camera layer then under camera option I just turn on my depth of field setting next I reduce value of aperture to increase the depth of field look we also can play with aperture value by set the keyframe for certain point to give some dynamic impact here I set key frame for aperture at frame 0 and animate it when the camera moved to my second text so here the final result for this tutorial thank you so much for joining me today don't forget to click the subscribe button and hit the notification bell down there to get latest update we'll see until next time [Music]

Channel: Blackbronx

Views: 40,783

Keywords: after effects, 3d, camera, mapping

Id: MuPzDYbN73E

Length: 11min 54sec (714 seconds)

Published: Sat Feb 15 2020