Fashion Promo Slideshow in After Effect.

Fashion Promo Slideshow in After Effect.

Hey Everyone, welcome to Another After-Effect Tutorial, today we are creating Fashion Promo Slideshow in after effect,

First create a new comp 1920 by 1080, 30 frame per second, Drag Your footage into the timeline, right-click and precompose them, change name image one, Resize your image comp little bit bigger than your main comp, Now select ellipse tool and make a circle like this, Also change the layer name as circle 1. Duplicate circle 1 layer, Parent your circle one layer to Circle two layer,Now select rectangle tool then double-click to make a perfect rectangle, And select any colour as you like, Also change the name of rectangle layer, Move your rectangle layer below the circle two layer, hit T for opacity and opacity around 90% , Now select image layer and change track Matte alpha matte, Then select a rectangle layer and change track Matte Alpha matte, Now select Circle to layer and hit P for position then go to around 1 second forward and add keyframe, Then go to the first frame and move your position like this, 

Select both keyframe and easy is them, And make your graph like this, Perfect , Now select ellipse tool again and make a small circle like this, Fill colour none, stroke colour white, and also change stroke-width around 350 pixel, Change shape layer circle 3, Then duplicate the circle 3 layer, Drag image come into the timeline between circle 3 and circle 4, And change image track matte alpha matte, So its look like this, Open circle 4 layer, the contents, then open ellipse 1, then open stroke width, go to around 10 to 15 frame forward and add a keyframe, and change stroke width 0, then go to few frames forward and change stroke width around 350, then go to circle 2 layer and Add the same keyframe on exact same position, now select all keyframes and easy ease them, And make your graph like this .

Go to the first keyframe on circle 3 and circle 4, then select the image 1 comp below the circle 4 layer, and parent this image comp with our last image comp layer, now select last image comp layer and hit S for scale , and add a keyframe, then go to our next keyframe and resize it, select both keyframe and easy ease them, and make your graph like this, perfect, now select circle 3 and search drop shadow effect, and change softness around 300, Now add two more small circle into our comp like this, I am a skipping this part little faster so that you don't have to wait, Now add some text element, So create a new comp call text 1, Change width around 500 and height round 200 . Type any text as you like, Open text layer, then go to animate and select position, Then select to opacity, Change  x position for away from the composition, And opacity 0%,Then go to animator one, Open range selector 1, Then open Advanced, and change based on, character to lines, go to first frame of timeline, Add a keyframe on start Then go to few frame forward and change Start value around 100%, Then select both keyframe and easy ease them, Perfect , Now go to main comp and drag text one comp layer into the timeline. 

And adjust your text com where you want And also move your layer when our first circle animation has completed, Now go to project window and duplicate the text 1 comp, Drag text to comp into the timeline, Double click to open it And change composition size, Now double clicked on text and change your text as you like, Now go to main comp and adjust your text layer, And also move the text two layer a little forward from our text one layer, Now select rectangle tool and make a little shape like this, Select shape layer and hit.

And adjust your text comp where you want, And also move your layer when our first circle animation has completed, Now go to project window and duplicate the text 1 comp, Drag text two comp into the timeline, Double click to open it And change composition size, Now double clicked on text and change your text as you like, Now go to main comp and adjust your text layer, And also move the text two layer a little forward from our text one layer, Now select rectangle tool and make a little shape like this, select shape layer, Hit P for position and hit T  for opacity, Go to first frame on text one layer, And add a keyframe on position and change position little bit right side of composition, also add keyframe on  opacity and change opacity 0%, then go to few frame forward and change X position , also change the opacity 100,select all keyframe and easy ease them, 

Now we want to add some loading animation, So create a new composition It's called loading, Then select rectangle tool and create a rectangle like this, Open rectangle 1 then open transform rectangle 1,  Changes skew around 20, Now Hit T for opacity, and change opacity 0%, Then go to few frame forward and change opacity 100%, Now again go to few frame forward and change opacity 0%, Duplicate shape 1 layer two time, press u  to show keyframe, and move your shape layers like this, now select all shape layers and duplicate them, move all shape layer together, You can also change the colour of layers, and move your duplicate layers, do the same around 3 to 4 time,  Now go to the main composition drag loading Comp into the timeline, resize it according to your choice, one thing I forget, select circle 3 and circle 4 layer, hit S for Scale, and add a keyframe, then go to few frame forward and resize little bit , select all keyframe and easy ease them,  move these keyframes little closer to our opening keyframes, now select text elements and hit p for position, and add a keyframe, go to few frame forward and change x position like this,  move closer if you think your animation look slow. 

Hit 0 For Render,