Website Presentation in After Effects.

Website Presentation in After Effects.

Hey Everyone, welcome to aftereffecttutorial.com today we are creating  Website Presentation in after effects, I  hope you like it.

Now create a new solid background layer, you can choose any color which you like, Now we want to create  Vintage look, so create new black solid layer, Then select ellipse tool and double-click to create a perfect ellipse, Then expand your mask properties And check to inverted, Decrease mask opacity around 60% and Mask feather around 500 pixels, Now create another solid layer and choose any color which you like, Then select ellipse tool and create a mask like this, open mask property, feather around 600 pixel  and opacity around 70%, You can also do anything with your mask, Now we want to add some noise to our background, So create a new adjustment layer and search noise HLS effect, Change Hue light and saturation 1%, Now you can see little bit noise on background, so it looks good to me, Select all layers and pre-compose them, and move all attribute into the new composition, it's called BG Comp.

Now go to project window and drag Dot movie footage into the timeline, Change opacity around 50%, if You think your footage is small for your timeline, select footage layer, right click, go to timeline and Enable time remapping, and drag your footage, also drag the keyframe, Now create a new composition for our website, width around 1600 pixels, height around 2100 pixels, Change composition name website, then drag your website footage into the timeline, and resize if required, Select the footage layer then hit P for position, and add keyframe,Then go to around 10 second forward, and move x position. drag website composition into the timeline, resize your com layer and make it 3D layer,

Fashion Promo Slideshow in After Effect.

Now create new camera, I am using 35mm preset camera, then create null layer and make it 3D layer, And parent your camera with null layer, select null layer and hit R for rotation, Rotate x or y value like this, and add a keyframe, then select both keyframe and move them around 2 second forward, then go to first frame and change amount 0, Select all keyframe and easy ease them, And make your graph like this, Perfect, its look good to me. Now select website layer and add keyframe on position value, Then go to first frame and move your website out of the frame like this, Select both keyframe and easy ease them, And make your graph like this, select null layer and hit u to show keyframe, and move all  keyframes little forward, if you think your website animation goes fast, so you can move keyframe anytime, perfect, 

Now we want to create Shadow effect for our website, So duplicate for website layer, then go to project window and also duplicate the website comp, And change website to name as shadow, Replace the shadow comp our second website comp, then parent this shadow comp with website comp, hit u to show keyframe and delete this keyframe, then go to 2 view horizontal, and move our shadow layer little bit far from our main website layer, Then search fill effect and apply black color, also add a Gaussian Blur, blurriness around 200, change opacity around 70%, 

Now add some text element, So create a new composition 600 by 400 pixel, and it's called text comp, And type any text as you like, Also create another text layer, I am using a random text, you can use any specific text as you like, Now animate the position of our text layer, hit P for position and go around  3 second, and add a keyframe, then go to first frame and move text position out of the frame, Select both keyframe and easy ease them, And make your graph like this, Do the same animation with our second text layer,  you can also adjust the keyframes any time, now drag  text composition into the timeline and  resize if required, Also move text layer little bit forward, perfect, hit 0 for render.