New Social media popup animation - DaVinci Resolve Tutorial - No Plugins

hey guys I am back with another brand new video in this video I'm going to create a nice and simple social media lure 3rd animation inside of the Vinci resolve fusion that you can use in your video to promote your social media handle with your audience so I am Vikash for skyline motions and without any further ado let's take a new project and get started [Music] all right so before we get started please hit the subscribe button and click on the bill icon and also hit the like button if you like this intro and let's do some basic setting and get started so click on this setting button and set the size of this project 1920 by 1080 and I'm gonna go with 30 frame per second so I'm gonna select this value 30 and I'm gonna say this playback frame DT equal to this timeline frame rate so set this value 30 and click on save now I'm gonna create this motion graphics inside of this fusion page so we have to take a new fusion composition so just go to this media pool right click on that and click on this new fusion composition and I'm gonna call it Facebook set this frame rate 30 duration make it 5 seconds long click on create and drag this fusion comp on this timeline just like that and then go to your fusion page so just drag this media out to the side for now and let's start by creating a background node so click on this button and add a background node hit f2 on the keyboard to rename and call it the background just drag this background to the viewer make it pure white and now I'm going to create a shape so for that I'm going to use a reference image so just go to this media pool right click on that click on this import media and I'm gonna use this reference image that I have given a link in the description so just go to the link and download this reference if you want and click on open and just track this reference on this flow in to drag it to the viewer let me tell you guys I'm using this reference image because I don't want to waste much more time in the tutorial but you can create this save by yourself now let's take a polygon node close this media pool for now first of all we have to remove automatic keyframe from this sub polygon so just go to this text and right-click on that and click on this remove polygon 1 and then we have to create this shape according to our reference so hit ctrl + S call up to zone in all right now let's create this zip also so we have to take one more polygon node so just drag this polygon and let's remove this automatic keyframe so right click on that click on remove polygon let's remove this reference image go to media pool and just delete this reference image for now and close this media pool all right and now this is our background so I'm gonna use this polygon one for this background so just connect it like this and now we have a safe just like that and now we have to take one more background node that is gonna be our logo color so just drag this background hit f2 on the keyboard call it logo color hit OK and now I'm going to use this polygon to for this logo color and let's do one more thing just right click on this flow window go to arrange tool and turn on this grid snapping that will helps you to keep this node clean and organized this is our second shape and now let's import our social media logo so just go to this media pool right click on that click on this import media so I'm going to use this Facebook logo and I have given a link in the description so just go to the link and download these icons if you want and click on open or you can also download these logo from the Google and just track this Facebook logo on this flow window hit f2 on the keyboard and call it Facebook all right and now I'm gonna merge this Facebook logo with this logo color so close this media pool and take a new merge node so just drag this merge on this flow window and here we have two points the first one is for background and the second one is for foreground so I'm gonna use this logo color as a background so connect this yellow background point with this logo and green for run point with this Facebook logo all right and just drag this merge one to the viewer and now I want to adjust this logo according to our shape so we have to take our new transform node just after this Facebook so select this and add a transform node just after this Facebook logo and now we can adjust the size rotation and position of this logo by using this transform so I'm gonna set this logo just like that just said this round figure value 0.35 or maybe 0.33 now it's looking perfect and after that I'm gonna animate this logo so let's go to on frame number 30 which is equal to one second according to 30 FPS and select this transform and just go to this inspector window and here we have size parameter and angle so I'm gonna animate both so this right click on size click on animate or you can also click on this time and button to create a keyframe and I'm gonna animate this angle also so right click on this angle click on animate and then go to very first frame of this animation and I'm gonna share this angle rotation negative 90 and set the size to 0 and now we have an animation just like that but right now we have a linear animation so I'm gonna make it a smoother so just go to this line window hit f4 on the keyboard check this size click on fit select these both keyframe hit S on the keyboard to smooth set the CTI add very first frame of this animation hold this handle and just drag it like this and create a nice a smooth curve and do the same thing for this angle so uncheck this size and check this angle click on fit select this both keyframe hit s to smooth hold this handle and just drag it like this and create a nice curve and close this a spline window and now we have smooth animation as you can see now select this logo color and change this logo color according to this Facebook logo color so just go to this inspector window and here is color picker so just drop it on this section and now we have a complete Facebook logo just like that and now I'm gonna merge this shape with the background so we have to take our merge node and I'm gonna use this background as a background and this output as a foreground so connect this foreground green point with this much one and a yellow background point with this background and just played it like this and drag this much to to the viewer and now we have something like this and now I want to animate complete same logo and the lower color so we have to add our transform node just after this merge one output so select this one add a transform node and select this transform too and now we can animate the complete shape all right but I want to animate from the center of this shape so what we have to do we have to change this pivot point so select this transform and here is pivot so hold left mouse button and drag this value and I'm gonna change this pivot point in the center of this shape just like that and now we can animate from the center of this same so just go to on frame number 90 drag this complete shape right over here and now I'm gonna animate this Center so right click on center click on animate at frame number 90 which is equal to three second and go back to on frame number 30 which is equal to one second and just drag this complete shape over here just like that and now we have an animation which is looking like this all right but right now we have a linear animations make it a smoother so go to a spline window hit f4 on the keyboard to full screen and for this time uncheck this transform one and check this transform to only click on fit button select this both keyframe hit s to smooth say the CTI at very beginning of this animation at frame number 30 hold this handle and create a nice smooth curve close this a spline window go to first frame and let's play this all right so we have an animation just like that and after that I'm gonna animate this white background shape so this go to on frame number 90 and select this polygon one and drag Lee over here and click on animate and go to very first frame of this animation and select these both control point by holding shift hold this point hold shift and just drag it over here and now it's looking just like that so make it smooth those go to spline window hit f4 to fullscreen and this time uncheck this transform too and check this polygon one only click on fit button select this both keyframe hit s to smooth send the CTI at very beginning of this animation at frame number zero all this handle and just make it a smoother all right and close this a spline window and go to first frame and let's play this all right so it's looking much more interesting and now we have to take a text node so just drag this text on this flow window and let's type like on Facebook select a black color and now I'm gonna merge this text with the background so we have to take a merge node hold shift on the keyboard and attach this much just like this all right and now we have a green point so connect this green point with the text and now let's adjust the size of this text so let's down the size a bit I'm gonna align this text on left side so click on this button left align and I'm gonna say this texts right over here just like that now let's type our facebook URL so we have to take one more text node so just track this text on this flow window and hit f2 on the keyboard and call it URL hit OK and now let's merge this URL so take another background node hold shift on the keyboard and attach this much just like that and connect this green for round point with this URL and let's type your facebook URL pick this black color let's down the size a bit align it to the left side and just placed it like this and now we have to add a mask for this text so select this polygon hit ctrl C to copy hit ctrl V to paste and I'm gonna use this polygon as a mask so hit f2 on the keyboard and call it mask and just connect the output of this mask with this URL and connect the output of this mask with this text also alright and now let's adjust the timing of this mask so select this one or a spline window hit f4 and for this time check this mask only click on fit button select this both keyframe and I'm gonna create a time gap of one second between this shape and the mask so select these both keyframe and go to on frame number 30 which is equal to one second hold this keyframe hold shift and just drag it on frame number 30 now we have something like this as you can see and close this a spline window and let's do one more thing just select this background and polygon one hit ctrl C to copy and paste it over here by hitting ctrl V now select this background hit f2 on the keyboard and call it a stroke and now let's merge this a stroke with the background so take a new background node hold shift on the keyboard and attach this just like that and connect this green point with this a stroke just drag this merge 5 to the viewer and select this merge 5 and just drag it down a bit just like that and now let's do some adjustment so select this polygon uncheck this solid box and create a stroke thickness so I'm gonna say this border with value 0.01 all right and now we have something like this which is looking much more interesting and just drag this much to to the viewer and as you can see we have something like this now we have to add a drop shadow effect over here so I'm gonna add a drop shadow effect just after this transform to so hit ctrl + a spacebar and search for drop shadow so this is our drop shadow hit add button hold shift on the keyboard and attach this drop shadow just after this transform - just like that select this drop shadow and let's do some setting so I'm gonna set this value something around 0.05 I'm gonna set this blur value 0.3 all right so it's looking much more interesting just go to very first frame of this animation now I'm gonna animate this section also so we have to add a transform node just after this merge so select this merge and add a transform node and now we can adjust the size and angle of this ship but we have to animate from the center of this same so select this transform and change this pivot point in the center of this same over here so just go to on frame number 10 and right click on size click on animate and go back to very first frame of this animation and let's down the size to 0 and go to a spline window and make it smoother so uncheck this polygon one uncheck this mask and check this transform 3 only and click on fit button select this both keyframe hit s to smooth hold this handle and create a nice smooth curve click on feed button and we have an animation just like that select this transform tree and add one more transform this tract is transformed to the viewer now by using this transform for you can adjust the size and position of this whole animation just like that alright and finally we have to connect this media out with the final output just like that and then go to your edit tab and here we have our animation as you can see and you can also customize the whole animation so I want to change this facebook to instagram so what we have to do just select this fusion composition hit ctrl C to copy hit ctrl V to paste go to a fusion page and let's change the logo first so we have to import our Instagram logo and I'm going to use this Instagram logo just drag this Instagram on this flow window and just delete this Facebook and connect this Instagram logo with this transformed one alright and now let's adjust the position of this logo in the center of this same just like thought and now I'm gonna change this color for Instagram so just select this logo color and let's create an Instagram theme so for that I'm gonna use a reference so right click on things click on import media and I'm gonna use this Instagram logo color so click on open and just drag it on this window click on this double viewer close this media pool and just drag this Instagram logo on this first viewer and select this logo color change this type solid color to gradient and here we have gradient points so hold this first point and set it over here and for this second point and set it right over here alright and highlight this first point pick this color picker and pick this color highlight this second point pick this color picker and pick this pink color and it's looking like an Instagram theme and we have to delete this reference click on this single viewer and just select this text one and let's type follow on Instagram and then go to your edit tab and here we have an Instagram lower third as you can see now you can place this lower third on any background so let me show you just drag these composition on this second layer and let's import image or video file so I am using this image open it up just drag this image on this timeline set it just like that and now turn off the visibility of this composition first and select this image go to inspector window and let's fit this image according to our composition size right click on this and convert it into a fusion clip now I'm gonna do some adjustment with the image so go to fusion page select this media in add a color corrector node and I'm gonna down this gain value and then go to your edit base and turn on the visibility of this composition and as you can see it's looking like this and now let's take a look [Music]

Channel: Skyline Motions

Views: 40,847

Keywords: DaVinci Resolve, tutorial, motion graphics tutorial, lower third animation, facebook, instagram, twitter, youtube, 2020, Fusion, how to, new design, creative work in DaVinci Resolve, social media, popup animation, video editing, skylinemotions, blackmagic, english tutorial, promote your social media, social media handle

Id: se0hCU-kwzI

Length: 22min 3sec (1323 seconds)

Published: Tue Jul 07 2020