Make EPIC Lyric Videos with Motion Graphics | Filmora9 & FilmoraPro Tutorial


Hey everyone, this is Jony from Filmora here to empower your inner video creator. What do tech ads, slam-poetry videos, and lyric videos all have in common? They all use motion graphics! We animated those motion graphics entirely in Filmora9 and FilmoraPro, and today we’re gonna show you how we did it so you can go out and make your very own killer motion graphics. So let’s get started! I made this first part of our motion graphics in Filmora9. Here’s how I tackled it. So the first thing you want to do when working on narrated motion graphics or lyric videos is to look at your audio. It’ll be important to identify when different words are being said. Let’s zoom in and take a closer look at that. If we really want to lay it out, we can create new markers by hitting the M key every time a new word appears So let’s head over to titles and we want to grab a simple centered one for this example. I’ll grab this one here and drag it into our timeline and double click on it I want to get rid of this smaller title so let’s hit “Advanced” and click on that title and then hit the trash icon. next Let’s take this larger text and change it to “Motion Graphics. Under “Customize” let’s hit the center icon beside “position” to center our title. Finally, let’s give this phrase a cooler animation Let’s go to animation and select “typewriter”. Let’s hit OK Let’s make it go by a little bit faster by trimming down the clip a bit. There we go. next let’s make a similar title for when the word “mograph” comes in by copying our current title and pasting it later in the timeline. Let’s move it to our marker that we made. First I’ll change the text. And now I want to animate it with a different technique. Instead of using one of these animations I’m gonna go under “animation” and select “no animation”. Next let’s go to our effects and under “shake” drag “chaos 2” onto the track above our “mograph” title. Next let’s bring down our effect a little bit by double-clicking it, bringing down the frequency a bit and unchecking RGB separate. Now we have a nice shaking animation for “mograph”. Finally, let’s use a simpler technique for our other words Let’s copy our “mograph” title, and let’s animate it on a track above everything else. Let’s write the word “or” for this title and select a less bold font and move it up a bit… and then let’s duplicate this layer again and write “for short”. And let’s make sure the word “or” goes all the way on a track above our chaos effect. and move the “for short” text onto a higher track as well. [example audio] Alright, that sounds pretty good and last but not least Let’s grab some music in to accompany my talking. Alright, there we go. And that’s how we did the first section of motion graphics in Filmora9. Next we’re going to show you how we did the second section in FilmoraPro. FilmoraPro really shines when it comes to motion graphics because of its versatile text and its keyframing features. Now if you’re not familiar with keyframing I’d recommend you check out our “Animation 101 Tutorial” first before you go into this. So just like we did in Filmora9, we’ll use our audio waveform as a guide to where we should have our words come in We can create an add text in FilmoraPro by clicking the text tool in the viewer panel and clicking directly in our viewer. Let’s write out our first line… We can change up the font in the text panel and center our line by going to the layout panel and clicking this button under “Alignment”. Let’s say we want to animate this line so that each word comes in as it’s being said. An easy way to do this is to duplicate our text so that there are as many objects as there are words. For this first piece of text, let’s highlight everything except for the first word and click this square to make it all transparent We’ll go to our next object and make everything except for the second word transparent and do the same for the rest of these objects… Next let’s line them all up on different tracks, so that each one comes in when a new word is set And now all of our words should come in as they’re being said. [example audio] Let’s fast-forward and say we’ve used this technique on the rest of the lines of text. We’ve also placed these really nice bold words: “GRAPHICS” and “MOTION” to really emphasize them. That said let’s animate these two words further. First, for the word “Motion” let’s animate this word so that it comes in from off the bottom of the frame using keyframes. With our “Motion” text selected let’s go to our “controls” tab and create a position keyframe at the beginning and another one 5 keyframes in Going back to our first keyframe, let’s take our position’s y-value and drag it so that our text drops off at the bottom of the frame. Finally, let’s right-click the second keyframe and select “smooth in” and under clip properties check the “motion blur” button. If you want to see this motion blur while you’re editing you’ll want to go to your playback quality and set it to final Now we have a nice and impactful animation Next for the word “Graphics”, let’s have it swing in with a 3D-looking effect. Let’s grab our “perspective warp” effect and make sure that the “warp X” and “warp Y” are set to “no”. Next, go to “latitude” and like with our last animation create a couple keyframes. Let’s go to the first keyframe and slide the latitude values so that the object is swung all the way up… … and set the second keyframe to smooth in. Finally let’s animate our opacity at the beginning so that it fades in from nothing at the very start Let’s take a look at that… Finally, let’s move on to this last part. [example audio] I want to add a more playful animation to the word “fun”. What we’ll do for this one is go to the “fun” text object’s “scale” property and create a keyframe right at the start. A second one about five frames in, and a third one about another five frames in. Let’s set our first keyframe to zero and our second one to 105 percent. Finally let’s turn our middle keyframe into a smooth keyframe, and our last one into a smooth in keyframe. Now we get this really playful bounce effect. Rinse and repeat for the word “exciting” and you’ve got our final product. So that’s how to create motion graphics in Filmora9 and in FilmoraPro. Motion Graphics is something you really need to practice and experiment with to get better at. If you want to experiment for yourself, which I highly recommend you do, You can try out Filmora9 and FilmoraPro for free by heading to filmora.wondershare.com I hope this video was helpful and it inspires you to make your very own motion graphics and lyric videos. See y’all next time. Keep creating.

100 thoughts on “Make EPIC Lyric Videos with Motion Graphics | Filmora9 & FilmoraPro Tutorial

  1. All this is fantastic BUT, all unlucky people – me including – who bought filmora from appstore, can only envy the rest of you, since filmora doesn't update the appstore version 🙁

  2. I'm just sticking with the old filmora. Does the job just fine and it's simpler to use

  3. Hey Cool Dude Jony ,
    This vid was cool like you yahh boiii lol well it was really amazing explain video thx and i would love to try everything possible in Filmora and yah thats it and have a Womderful And Amzaing day Everybody in Filmora Team.

  4. Can you guys make a video on zooming in on a tossed phone and coming out of it transition

  5. can you do a video on , the zooming inn on phone that is floating transition……please

  6. STREAMING 7 NIGHTS A WEEK UPLOADING 7 DAYS A WEEK VARIOUS GAMING CONTENT (PLUS HAVE A 2ND CHANNEL) WORKING HARD TEAM, JUST HIT 3K SUBS HOPE TO HIT 10K SOON COME CHECK US OUT, ALSO BIRTHDAY WEEK 😀 (B-DAY FEB 14TH TOMORROW)

  7. Hey, do you guys know when motion tracking will be out? Cause I really like filmora but it would just make it better with motion tracking.

  8. Ok guys so I know people want motion tracking… but let’s just do stuff no one wants

  9. When you buy filmora pro can you use it to create video marketings, templates or sell your videos? when you buy filmora pro you buy the comercial licence too?

  10. Am I doing something wrong? Because I don’t have any of the tons of transitions and stuff in filmora pro that are in filmora 9. Is it just not there? Is it not a way to get it there? If not it’s weird to make a pro version that’s stripped and watered down.
    I’m beyond confused.

  11. While Filmora provides wonderful set of titles / transitions / effects, the inability to apply effects to individual tracks or clips just seriously kills most of its potential. For example, as illustrated in one of your recent videos on youtube regarding "Text Shake Effect" as well as this video, it is impossible to apply the shake effect to just a single clip of text and the effect simply affects all tracks/clips below it. This seriously limits what we can do with the wonderful and well-made effects, which is a great shame. Would you deliver this to the developer team and hopefully we can see an update with the ability to apply effects to separate tracks/clips?

  12. Hi, I haven't been able to upgrade to Filmora 9 on my mac because it's old, is there anyway I can get it to work??? Thank you

  13. Video stabilization is not working well in filmora9 plz make video on video stabilization in filmora9 plzzzzzzz

  14. Hi I was asking how can I add flicker effect with a picture in a music video like in this link https://youtu.be/vLJSRQZWwW8 if you watch you will see flicker effects with picture I want to know kindly please help me if possible thank you

  15. i am using filmora 9 and 8 , when I try to pan & zoom a picture in filmora . I got very bad and Shaky results, just seems like an earth quake, please help me

  16. Hi filmora can you ad intro templates that are easy to use in the effect store?(that would be fantastic!) Thx! A filmora fan

  17. It's been more than a week and there's no reply to my comment which posted to your video namely, 6 video editing keyboard shortcuts in filmora 9

  18. Could you make a tutorial about long text flow at the bottom of video . Like news at the bottom of television.

  19. Filmora I love your editing software, but we as a community want more we try to figure out how to edit other things.
    We'd suggested to add things in Filmora 9 such as, Motionblur for videos I hear that alot, I hope you guys can even add Speed Ramping effects just like how you guyd created the shaking effect but with Speed Ramps in where you want to add the Speed Ramping, please make it so that we are able to animate letterboxes like how the letterboxes go down from the top & the top goes up & different animations. Please add a cropping rotation into the video so basically the rotation would have a animation, please add a wavy effect the way you created the shaking just like how I suggested Speedramping or like how it goes with the shaking effect, & I understand if you guys don't want keyframing in Filmora 9 but I really hope you guys do cause most of us have trouble trying to crop videos fast then make it slow, or how we want the text to be moving, & even motion tracking.

  20. 1 Like = 1 sub Please ….. I'm interested in " Motion Graghics, Info, Slider After effect, C4d "

  21. Where I find TILT effect in Filmora 9.0.7 for "cover" some personal info in a video? Thank you.

  22. Bro do you have a Lyrics maker for filmora? something that moves like karaoke. thanks'

  23. hola, es excelente este editor en celular, primera vez que lo descargo en en pc y veo otras funciones interesantes que me ayudarían a crear maravillas pero existen algunos de estos tutoriales en español ?? please

  24. Anyone realize that something like this can be done on PowerPoint?

  25. I bought filmora9, i wish i would have bought CyberLink powerdirector 17 ultimate instead

  26. What i want to know is how i'm going to make my image background slowly moving as the song plays

  27. plz add Kurdish language
    ama voiceover artist, i dont do filmora when there's voiceover in Kurdish. that pushes me to use other editing software
    thx <3

  28. I know you might be selling the product but this video was so fast… it's like deer in headlights watching/listening to it.

  29. I'm really glad i downloaded this program to make my videos! 😀 And these tips/tricks and tutorials are really helpful 😀

  30. LOVE this but I can't find shake under my effects…. where is it? I'm in Filmora 9 – paid version.

  31. So for the first one you didn't do any motion graphics, you just added an effect…

  32. Thanks for the tutorial. I should have bought the Pro version incited, but thanks!

  33. can someone explain to me how to turn down the sound from all the clips of my video at the same time instead of having to do that one by one?

  34. can you please tell that how can we make moving backgrounds? i really wanna do that. please tell me its really help me^ ^

  35. Thank you. This helps with a music tutorial I'm working on.

  36. What if you don't have filmora 9 only filmora pro????????????

  37. An excellent introduction and comparison of your products. I can't wait to get my hands on filmoraPro!

  38. Lets say when a person moves around and you want to put this name over his head Is there a otherway to let the text hover over his head and not make a new text ever 1milisecond

  39. and if i am using another image under this.. i anna make just the text move

  40. bruhhhh how about when you're trying to have visuals in the background of your lyric video ??????????

  41. Idk why but when I try to post a edited vid from filmora yt won't allow me ;-;

  42. Why don't I have the "Transform" button anywhere? I need to be able to work with freaking keyframes. Wtf?! I got filmora9.

  43. How to create glitch effect Graphic motion in FilmoraPro?

    plss create tutorial for us thank you

  44. wow! it really excited and this is my first time to watch filmora presentation and i wanna be part of filmora and also know much about it so that i might be a fully filmora member. so how?

  45. Hi, filmora. Please tell me why filmora not suport khmer unicode font? Thanks. Cambodai…

Leave a Reply

Your email address will not be published. Required fields are marked *