Product Advertising Promo In After Effects | After Effects Tutorial | Effect For You

hey everyone welcome back to effect for you Channel today we are going to create product advertising promo like this [Music] [Music] so let's get started first we need to create a new composition 1920 by 1080 and this is our main comp now create a new solid layer this is our background layer select background layer and search gradient ramp effect and change the color as you like also change ramp shape radial ramp now create another new composition I call this shape and change width 50 and height 100 pixels so it looks something like this now select pen tool fill color none and stroke around 4 pixels then make a line like this now duplicate the shape layer and rotate to opposite site like this cool now again create a new composition and this is our full HD composition 1920 by 1080 and I called this pattern now drag our shape comp into the timeline and search motion tile effect and change the output width and output height so that it can cover our full composition so our comp something look like this now go to main composition and drag pattern comp into the timeline select pattern layer go to tool bar and select ellipse tool and create a mask like this then go to mask 1 change add to subtract open mask property and increase the feather and mask expansion adjust the both value of the property according to you also change the layer opacity around 35% cool now create one more composition this is our scene 1 comp then go to tool bar and select rounded rectangle tool and create a rectangle like this align the rectangle center of the composition now open rectangle 1 then open rectangle path and slightly increase the roundness perfect select the shape layer and Stroke we'll make none then search gradient ramp effect apply the same gradient color which we used in our background color so copy gradient ramp effect and paste it here make sure your fill should be filled with any color perfect it's looked good to me now create a camera layer I am using 35 millimeters preset camera then create a new layer and convert null layer into 3d layer and parent your camera with null layer also convert shape layer into 3d now again go to tool bar and select polygon tool and create a polygon you can change the polygons side by up and down arrow key on your keyboard move Anchor Point Center of the polygon increase the polygons size little bit then open polygon path 1 and increase the outer roundness around 50% adjust and rotate the polygon little bit select polygon shape layer and search drop shadow effect opacity 20% distance 30 and softness 90 perfect then search turbulent displace effect and change the size around 175 so our polygon something look like this then search tint effect and change the white color according to your choice cool now duplicate the bottom shape layer and move above the polygon shape layer then select polygon shape layer and change track mat alpha mat so it's looks something like this cool now duplicate the both shape layer then select the bottom polygon layer and increase the size and also change the rotation little bit so that there is little difference between the both polygons and change the tint color according to your choice cool I think I need to change the width rounded rectangle shape little bit so select all rounded rectangle shape and push the shape from the width side perfect it's looked good to me now we need to animate the polygon shape layers so select both polygon shape layer make sure your all shape layer should be 3d layer then hit R furrow tation go to first frame and add a keyframe on Zed rotation then go to around 10 second forward and change the rotation one by one so select the first polygon shape and slightly changed the zero rotation do the same with second polygon shape also you can increase the rotation according to your choice perfect its looked good to me now we need to add our product here so go to project window and drag the product image into the timeline and convert into 3d layer decrease the scale size little bit according to our shape now we need to slightly animate the position so go to one second forward and add a keyframe then go to first frame and move the position like this select both keyframes and easy ease them and make your graph like this cool it's look good to me now we need to add our text here so create a new composition I call this text one width around 1200 and height 400 pixels select text tool and type your text here now go to scene 1 and drag text 1 comp into the timeline and adjust where you want resize if required now we need to animate this so hit P for position and shift T for opacity then go to around 20 frame forward and add a keyframe on position then go to few frame back and change the position down side of the composition like this then again go to few frame back and change the opacity 0% and add a keyframe then go to few frame forward and change the opacity 100% select both position keyframes and easy as them and make your graph like this move the keyframes if you think your animation going fast also adjusts the opacity keyframes perfect it's looked good to me now we want to add one more text here so create a new composition and I called this product overview now type your text here now I want to add an animation on our text so select text and search typewriter effect hit you to show keyframe and move the keyframe according to your choice cool apply the same effect our second text to also adjust the keyframe according to your choice perfect go to scene one and drag product overview into the timeline make both text layer 3d layer then adjust the second text below the first text and move the layer around 20 frame forward as you can see our text going out of the shape so open text layer double click on text and resize the paragraph box like this and move the text center of the composition go to scene 1 and adjust the text cool now add price text bottom of the shape so create a new composition I call this price one width around 800 and height 300 pixels now type your text here now animate this text so open text layer go to animate select position and opacity change the position y 50 and opacity 0% then open range select a1 then open advanced change shape ramp up ease high 100% now go to range select a1 add a keyframe on start then go to one second forward and change start amount 100% select both keyframe and easy A's them and make your graph like this cool now go to scene one and drag price one comp into the timeline converting to 3d layer and move bottom side of the shape perfect now add drop shadow effect on our text so select the first text one and search drop shadow effect change opacity 15% distance around 40 and softness around 55 now search glow effect change the glow radius 14 glow intensity 0.5 perfect now select second text and search drop shadow effect opacity around 30% distance 10 softness 15 then select our price text layer apply drop shadow effect opacity 25% distance 15 softness 15 perfect it's look good to me now select product image right click and pre-compose this is our image 1 comp convert layer into 3d layer and turn on collapse transform icon then select the layer and search drop shadow effect opacity around 30% distance 50 and softness 70 I think we should decrease the distance around 35 cool you can adjust the text layers according to your choice perfect its looked good to me now here we have a shape element so drag the shape into the time align here you can see the shapes convert layer into 3d layer layer mode normal to screen resize it around 30% and adjust the shape above the main text move the layer little forward make sure your shape elements do not go out of your box like this so that your shape elements must be inside the box perfect it's looked good to me our scene one has complete now go to main comp and drag scene one into the time align I think we should change the color of our scene one shape so open scene one select the bottom polygon shape and change the color little dark also we need to adjust the color of rounded rectangle shape so select the layer and adjust the gradient ramp start and end point perfect it's look good to me now we need to animate our scene one first convert the scene one layer into 3d layer hit P for position shift our for rotation then go to around one and half second forward and add a keyframe on position then go to first frame and change the x position right side of the composition like this I think we should move the last keyframe around one second cool now go to two second forward and add a keyframe then go to one second forward and change the exposition left side of the composition select all keyframe and easy ease them and make your graph like this perfect you can adjust the keyframe according to your choice cool now we need to animate rotation so go to first frame and add a keyframe on X Y Zed rotation then go to around one second forward and change the rotation value according to you this is all depends on you I am just showing you example now move all these keyframe where our outgoing animation started cool it's looked good to me select all rotation keyframe and easy A's them perfect you can move all the text layers little forward so that they all appear little late perfect one more thing we have to do with our product image so select image one layer hit P for position go to around one second forward when our image one animation end and add a keyframe on position then go to few frame forward and change the Z position little close to camera so that our product image come little close to camera select both keyframe and easy as them and make your graph like this now go to main comp and see the preview again you can adjust the keyframe according to your choice perfect it's looked good to me now create scene - so duplicate the scene 1.com player and move forward where our scene one end then go to project window and duplicate the scene one comp now hold Alt key and drag scene to comp into the timeline over the scene one complier then open scene to comp now we also need to replace image one complier so go to project window and duplicate the image one comp now hold Alt key and drag image to comp into the timeline over the image one complier now replace your image resize the image if required now go to scene 2 select product image layer guitar fro tation and rotates the z-rotation little bit then hit P for position select both position keyframes go to any one position keyframe and move the position little bit cool now also change the text so again go to project window and duplicate the text 1 comp and replace the text to comp with text 1 comp into the timeline open text 2 and replace your text same you can change your price text also I am skipping this part so that you do not have to wait now select the both polygon shape layer one by one and change the tint color according to your choice perfect its looked good to me you can also change the position animation so go to first frame on the scene to then delete the keyframe and move the scene to position top side of the composition you can also change the rotation to make little bit differentiation so go to last keyframes of rotation and adjust the rotation according to you as I said this is all depends on you I am just showing you example cool you can also change the outgoing animation so delete the last keyframe and change the position like this perfect its looked good to me select both sins and turn on motion blur our animation has done hit zero for Endor 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: 244,364

Keywords: effect for you, after effects tutorial, after effect tutorials, product advertisement after effects tutorial, product advertisement after effects, after effects product ads, product promo after effects, product promo after effects template free, product promo after effects tutorial, advertising promo in after effects, product promo template in after effects, product advertising promo, advertise promo, product promo

Id: 2bEA8XNCN6w

Length: 24min 1sec (1441 seconds)

Published: Tue May 26 2020