Create a 3D Interior Using Only Still Images in After Effects

hi what's up guys welcome to another very interesting and exciting projection 3d tutorial and this one will create a projection of this simple interior so if you're ready let's get started okay so let's go ahead and drag this image here and create a comp then press smash camera and start matching it now there's no need to change focal length you can simply adjust it using camera tool remember to watch the grid lines they should match the lines on the image okay now i'll unhide the helper grid and uncheck scaling on all axes reduce the grid along x to check the lines enable this now look everything is aligned with the image lines i also reduced the grid along y to create a ceiling now that we made sure that the lines match let's give our grid dimension of the room of course you can quickly and easily match camera in fspy but let's not forget that there's also a standard way okay now look this is the line of the far corner of the wall and ceiling hidden behind the wall we can see where the floor ends but we don't see where the ceiling ends because it's hidden behind the wall look now following this line we can find where the hidden corner is so the far right corner of the room is here and here's the left corner so we match the grid and now it repeats the position of the floor ceiling left and the back wall of the room and that's enough for now let's not get into the right wall right now unhide the grid select both image and camera and create projection we need five copies okay now we can start modeling double-click projection scene five and let's create a wall using helper grid check out the back left bottom and the top side you can see that the right wall is protruding so we'll get to that later so click ok and let's see floor ceiling far wall in the left wall great all right so now go to render option to increase shadow map resolution to maximum value this will bring back the sharpness okay let's generate position and create this thick wall or column in the front so do that and then create a plane on that position cool rotated 90 degrees and so now you can see that it has the same orientation as the wall now let's just quickly draw a mask along the outlines of the wall okay good now for the side part open surface modeler select this vertex get it also this one uncheck along the polygon and then press create polygon done let's move our camera and check as you can see the room already started to take shape alright cool let's continue let's go ahead and generate position for the right wall create a plane leave orientation as it is and now let's mask the front side this is where we should create a verdict so that it matches the ceiling line okay great now duplicate it with ctrl d and move back the second one okay now adjust vertices also this one good now we can create the side part using mask modeler select both open mask modeler and press create surface let's see perfect delete this one we don't need it anymore leave the front part okay let's move our camera and check it again yeah very well so we're done with both the column and the right wall now let's create this wall with curtains in order to be able to do that we first need to generate position for it so we should find the point where the wall touches the floor because we can't see it in the image i think it's around here somewhere the wall does not start directly behind the table because on the left side you can see that part of the sofa is farther than the table okay so let's select our floor and generate position of the wall so i suggest you kind of draw an imaginary line to make sure the place is correct okay let's create a plane let's make sure it has the correct orientation and let's draw a mask it looks like the ceiling is lower behind the wall and the corner of the wall and ceiling is right here and here's the passage so we go down the contour of the curtain okay done let's move the camera and see what we got great everything looks correct our wall is ready so let's move on let's make the sofa all right so you can see that this is the point where the sofa touches the floor and that's what we need actually select bottom layer and generate position and don't forget to always select the floor which is the bottom layer here this is where the object stands to generate position so we should change orientation now press r change x rotation to 90. great now select pen tool and draw a mask along the horizontal surface of the sofa it's not that difficult just draw parallel lines with the lines of the upper surface of the sofa like so mask repeats the lines of the bottom surface of the sofa now just duplicate this layer enable it and move up along z cool adjust the mask simply repeat the contours of the sofa great now we can use mask modeler select both layers create surface awesome we can delete the bottom part now it already did its job okay let's see yep great now let's create this one so select bottom layer which is our floor and generate position here let's use a simple cube primitive open anchor point editor check reposition only anchor point and then move anchor point to the bottom right corner okay so open the scale parameter of the cube and adjust it uncheck this and adjust the scale for each axis separately i think we should change orientation a little bit click r and set y rotation to 1. great keep on adjusting the scale good and also along the x you know what actually we can do it much quicker with mask modeler all right that's taken care of what's next looks like it's that coffee table let's select the floor and generate position for it create a plane it horizontal and draw a mask along the bottom outlines of the coffee table good now duplicate and move the new one up adjust vertices a little alright select both layers and create the surface with mask modeler delete the bottom part great now for the laptop generate position on the top of the coffee table create a plane make it horizontal and let's give it a proper orientation and we'll do that using rotation tool like this so that the top part of the laptop and the arrow has the same orientation and that's all now let's just mask it now let's do the back of the sofa let's do that quickly select this part just a little bit open surface modeler select this vertex get it then this one create polygon rotate it and simply adjust the vertices okay that's done create polygon again rotate it adjust awesome now we're finished modeling let's move our camera and check yes that's it now we should replace projection image in projection scenes and move objects each into their own composition all right so the first one it's the main image nothing was erased in photoshop it's not changeable in this scene there will only be foreground objects okay let's move on and in projection scene 2 replace projection image to image called minimalist living room 2. then in projection scene 3 choose minimalist living room 3 and so on for projection scene 5 choose minimalist living room bg i erased or store some things in advance in each of these images i'll attach all the assets for this tutorial if someone does not know how projection works and why projection images are processed in photoshop then go ahead and watch projection 3d for beginners tutorial now look for example in this copy i restore the left wall and a window and also part of the sofa and now moving in front behind the front objects we will see these restored places but let's be consistent let's head over to projection scene 5 and have a look the walls of the room should remain in the scene because there's actually nothing behind those walls these two are the parts of the front column so just move them to projection scene 1 and let's have a look also don't forget to increase shadow map resolution in all scenes for better quality go to render options and do that let's have a look as you can see the last one projects the image with restored parts onto the wall and the first one projects the main image onto the front column so together they show the complete picture okay let's move on and so select the parts of the right protruding wall and move them over to projection scene too good let's move on the front part of the sofa also goes to projection scene 2. and now let's animate the camera to see what kind of result we get add keys on position and point of interest go to the 4 second and create some movement using camera tool now look see no artifacts column right wall great now the rest of the sofa actually also the table select all these parts and move them to projection scene 3. let's see everything seems clear nothing peaking from behind let's move on top of the laptop and sofa's backside parts go to projection scene 3. and also i'll move the middle wall to projection scene 4. good let's have a look nothing speaking from behind everything looks clear and beautiful maybe just a quick fix here i think i see white edges of the column so i'll go to projection scene 1 to adjust the mask a little bit just a bit also this one good we're done here let's reduce composition to 4 seconds right click trim com to work area let's pre-render and see now here you can see that the laptop is also projected on the surface of the sofa and we should fix that see so why does that happen this is the part of the sofa and this is a laptop and since one overlaps the other they can be in the same projection copy to select the sofa model and move it to projection scene 4. and that solved the problem for us let's pre-render again awesome our scene is complete also you can add fire here if you want to i created something that looks like fire using various effects i will render it and attach it to the tutorial let's check it out all right good so now in our scene in projection 3d menu go to file import image footage and choose the fire footage double click it and move anchor point over here great now go to projection scene 2 select this part of the wall and generate position over here maximize the plugin go to generate menu select position from point and now you can see that the null object is added to that position so press ctrl x to cut and move it to the main comp press p and copy position parameters and then paste it on that fire thing select fire press r to open orientation and rotate it 90 degrees along the y also change mode from normal to screen or maybe add okay squeeze it and move it back also stretch it and it's done let's go ahead and pre-render yeah not bad at all but let's also sharpen the scene create adjustment layer and add sharpen effect to it let's say 10. pre-render again and enjoy the result all right guys that's all for now i hope you liked this tutorial i hope you learned something new and thanks for tuning in we'll see you next time bye

Channel: aescripts + aeplugins

Views: 8,276

Keywords: aescripts, Adobe After Effects (Software), After Effects, Script, Plugin, Tutorials, Workflow, Adobe, VFX, Motion Graphics, Solutions, Tools, Cinema 4D

Id: qm2bmtgmRrE

Length: 25min 15sec (1515 seconds)

Published: Fri Nov 05 2021