Folding Photo Gallery In After Effects | After Effects Tutorial | Effect For You

hey everyone welcome back to effect for you channel today we are going to create folding photos gallery effect like this [Music] so let's get started but before the start I would like to thank all my subscribers who support me in part Rhian and join the channel membership here it inspires me to create good content for you thank you once again let's jump into the after-effects first we need to create a new composition 1920 by 1080 and this is our main comp then create another new composition this is our image placeholder 1 and change width and height 2000 by 2,000 pixels now drag your image into the timeline and resize according to the composition now create one more composition and it's called frame width and height 2,000 by 2,000 pixels here we have a frame image drag the frame image into the timeline and resize it according to the composition now create another one more composition and this is called media one width and height 2,000 by 2,000 pixels now drag the both image placeholder and frame comp into the media one time align now drag me do one comp into the main comp convert this layer into 3d layer and change the scale 30% now we need to make one more composition and this is called back and this is also 2,000 by 2,000 pixels then create a new solid layer and change the color light yellow perfect now drag the back comp into the main comp resize it 30% and also make this layer 3d layer now go to two views horizontal select the back layer and move the z-position little back around five pixels perfect then parent this back layer with media one layer so now when we rotate this our back layer also rotate with media one layer cool now we need to add second image so move this image little forward like this select both layers and duplicate it and move both layer together I think I need to change media layers color so we can easily identify it now select duplicate media one layer and move the exposition like this we need to align our second image with our first image something like this perfect now we need to replace our second image so go to project window and duplicate media one comp then hold Alt key and drag media to come over the medium one comp like this now open this comp also replace the image placeholder one comp so first we need to select this layer then go to project window and duplicate the image placeholder one comp now hold Alt key and drag image placeholder to comp over the image placeholder one complier now open placeholder to and change the image now we need to animate this so select the media to layer go to tool bar and select Pan behind tool and move the anchor point right middle of the media to like this go to four views and check your anchor point on all sides and place your anchor point middle of the right side cool now we need to animate this select media to layer guitar for rotation and change the wire rotation around minus 179 degree and add a keyframe then go to around to 2nd forward and change the Y rotation 0 so it's looked like this cool select both keyframes and easy as them perfect it's looked good to me now add one more image on left side so select the both back-end media to layer and duplicate it also move them together now replace this duplicate media to comp so again go to project window and duplicate the media to comp then hold Alt key and drag media 3 comp over the media to calm player open it and also replace the image placeholder to comp so go to project window and duplicate the image placeholder to comp then drag image placeholder 3 comp over the image placeholder to complier and change your image resize image according to the composition now move the x position like this and align the media 3 image with media to image like this perfect now we also need to rotate this so select the media 3 layer and parent media 3 layer with media 2 layer now select the both layers media 3 and back layer and move forward where our second image starts appearing as you can see our second image start appearing at this frame so move the media 3 and back layer at this like this cool perfect it's look good to me now create one more time so select media three and back Larenz duplicated and move them together then replace the media three comp layer so go to project window and duplicate the media three comp then hold out and drag media four over the media three comp layer open it and also replace the image placeholder three go to project window and duplicate the image placeholder three hold alt and drag image placeholder for over the image placeholder three comp layer and change your image now move the media for exposition left side of the comp and align with media three image perfect select both media four and back layers and move forward and don't forget to parent media four layer with media three layer now go to that frame where our media 3 image starts appearing and move the media forint back layer at that frame perfect it's looked good to me in this way you can add as many images as you want I am skipping this part so that you do not have to wait after adding all images are comped something look like this now select all layers and precompose them and rename it as you like I am NOT good to renaming so I am leave this as pre comp 1 and move all attributes into the new composition now here we have a background image so drag background image into the timeline convert this layer into 3d layer also search motion Tyl effects change output width and height 1000 by 1000 and check mirror edges select background layer go to two views horizontal and move the Z position little back make sure your pre comp one layer also a 3d layer also turn on collapse transformed icon cool perfect now create a camera I am using 35 millimeters preset camera then create null layer make null layer into 3d layer and move Anchor Point Center of the null layer also parent camera with null layer hit P for position and shift are for rotation and adjust the camera according to your choice this all depends on you how to animate your camera I am just showing you an example perfect now add a keyframe on Zed rotation then go to around seven second forward and change the Z rotation little bit now go to first frame and add keyframe on X&Y rotation then go to seven second forward and adjust the X&Y rotation also perfect it's look good to me now create a new light and select light type spotlight makesure cast shadow is on and intensity around 20 I think we should increase the light intensity 100% hit P for position and move the Z position and also adjust the point of interest now again create a new light and light type ambient light as you can see our cast shadow not visible here so open pre-comp one layer then select all layers open layer then open material options and turn on cast shadow now you can see our cast shadow appear here but this is too dark for me so open spotlights then open light options and change the shadow darkness around 30% and also change the shadow diffusion 30 pixels perfect I think we need to move background z-position little close to the pre-comp one so select background layer and move z-position little close to pre-comp one perfect it's looked good to me you can change the position of lighting according to your choice cool now we need to create one more folding images but this time I want our images came from left to right so duplicate pre-comp one then go to project window and also duplicate pre-comp one here then hold alt and drag pre-comp to over the duplicate pre-comp one layer open pre-comp to select all layer hit you to show keyframe select all keyframe and delete them go to first frame and move all layers to first frame now we need to animate all media layer from sketch so select the media six go to project window and duplicate the media six comp then hold out and drag media 7 over the media six comm player then select media 5 go to project window and duplicate the media 7 and hold out and drag media mate over the media 5 layer do the same with all media layers open media 7 now we need to also replace the image placeholder so go to project window and duplicate the image placeholder 6 then hold out and drag image placeholder 7 over the image placeholder 6 open it and change the image again do the same with all image placeholders so again I am skipping this part so that you do not have to wait after replacing all images select all media layer by holding ctrl and move them right side of the composition now select all layer hit R for rotation and change the Y rotation zero degree now again select all media layers and change the parent none now select the second image select anchor tool and move the anchor point middle of the left side now hit our furrow tation and change the Y rotation 179 degree and add a keyframe then go to around 2 second forward and change the Y rotation 0 degree select both keyframes and easy A's them now select media 9 layer and parent with media 8 layer guitar for rotation and move the anchor point middle left side of the media 9 and change the wire rotation also adjust the Z position little bit so that our images do not overlap with each other and change Y rotation 179 degree go to around 2 second forward and change the Y rotation 0 degree select both keyframes and move them to first frame then move both media 9 and back layer little forward now go to that frame where our media 8 image starts appearing then move the both median 9 and back layer to that frame cool now select media 10 layer and move the anchor point middle of the left side and parent media 10 with media 9 select media 10 and back layers and move little forward then select media 10 layer hit half a rotation go to first frame of media 10 layer and change the media Y rotation 179 degree and adjust the Z rotation little bit so that our images do not overlap with each other and add a keyframe on Y rotation then go to around 2 second forward and change the Y rotation 0 degree perfect select both keyframes and easy as them I hope you understand how does it work do the same with all media layers so again I am skipping this part so that you do not have to wait after animate all media layers hit you to show keyframes select all keyframes and easy as them now go to Mein Kampf select pre-comp - and move the Y position and also adjust the Z position little bit you can also adjust the exposition according to your choice perfect it's look good to me now create a new solid layer change color black then select ellipse tool and double-click on ellipse to make perfect ellipse and check inverted and mask feather around 500 pixels and change the layer opacity around 30% then create an adjustment layer search curves effect and adjust your curves according to your choice now here we have a particle footage drag particle footage into the timeline you can use any particle footage change the layer mode normal to screen now select both pre-comp layer and precompose them this is our scene 1 comp convert into 3d layer and also turn on the collapse transformed icon perfect our animation has done hit zero for ender thanks for watching I hope you liked the video if you liked the video please share it like it and subscribe our channel for more tutorial I'll see you in the next video

Channel: Effect For You

Views: 56,879

Keywords: effect for you, after effects tutorial, after effect tutorials, folding photo slideshow, folding photo gallery slideshow, folding photo in after effects, after effects folding slideshow, folding slideshow tutorials, folding photo slideshow after effects, folding photo slideshow after effects tutorials, photo slideshow after effects, slide show after effects, photo gallery slideshow after effects, after effects photo editor tutorial, mosaic photo Slideshow after effects

Id: eLj97EpprnI

Length: 22min 56sec (1376 seconds)

Published: Tue Jun 09 2020