Articles, Blog

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

October 25, 2019


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 Comments

  • Reply Tarun Singh February 13, 2019 at 1:40 pm

    Can I get the full version and In turn I make some awesome promotion content?

  • Reply DIAMOND HIGH TECH February 13, 2019 at 1:42 pm

    I love your voice

  • Reply Daniel Batal February 13, 2019 at 1:43 pm

    Nice job, Jony! Very cool.

  • Reply Mario Ramirez February 13, 2019 at 1:51 pm

    motion tracking please !!!

  • Reply Katleho Moleko February 13, 2019 at 1:56 pm

    Filmora Pro is on some other tip. Im fine with just Filmora

  • Reply Lim Doeun February 13, 2019 at 2:00 pm

    Too fast to catch up your teaching

  • Reply V4 Make February 13, 2019 at 2:01 pm

    Nice 👍 bro

  • Reply Cristianroch19 February 13, 2019 at 2:10 pm

    Anyone know a video explaining how to use FilmoraGo?

  • Reply Vashu Bhatia February 13, 2019 at 2:33 pm

    Love you JONY from India

  • Reply Mea Colpa February 13, 2019 at 2:37 pm

    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 🙁

  • Reply Leads The Fallen Vlogs February 13, 2019 at 2:40 pm

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

  • Reply Thomas oc February 13, 2019 at 2:55 pm

    YES 👏🏻👏🏻
    Thank you

  • Reply The shoker February 13, 2019 at 3:10 pm

    Version 7.8.9is best

  • Reply Yousaf Gaming and vlogs club February 13, 2019 at 3:38 pm

    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.

  • Reply Legend Aditya S February 13, 2019 at 3:43 pm

    Hip hip hurrah! Just what I wanted

  • Reply 5 Minute Mallu Tech February 13, 2019 at 4:06 pm

    Those who wish Motion Tracking
    Like here…
    👇
    👇

  • Reply You Khan February 13, 2019 at 4:20 pm

    my some effect in filmora are not working help me solve the problem okay

  • Reply EXERCISE FITNESS MARKETER February 13, 2019 at 4:42 pm

    How did you do the close up and back out

  • Reply Jacky Nguyen February 13, 2019 at 5:06 pm

    Not cool at all. It's way too fast too learn Jony 😟😟😟😟

  • Reply udinmaker February 13, 2019 at 5:16 pm

    please update and fix some problems in filmora9

  • Reply Punithavathy Kumaresan February 13, 2019 at 5:18 pm

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

  • Reply Only Football February 13, 2019 at 5:23 pm

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

  • Reply FTWItachiPlays February 13, 2019 at 6:48 pm

    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)

  • Reply Yeslin Joff February 13, 2019 at 9:19 pm

    Great tutorial!! Thanks a lot!!! 🙏🏼🙏🏼🙏🏼

  • Reply Nana Z. February 13, 2019 at 9:48 pm

    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.

  • Reply RaayyCast February 13, 2019 at 10:18 pm

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

  • Reply josue cabrera navarro February 13, 2019 at 10:56 pm

    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?

  • Reply YXLtheMAN February 13, 2019 at 11:37 pm

    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.

  • Reply Karan Tech February 14, 2019 at 1:55 am

    bro plz give me filmaro 9.0.5.1 version registration coad and email plz 👏

  • Reply L2_Zixy February 14, 2019 at 2:08 am

    you have to pay

  • Reply Vivek Chavda February 14, 2019 at 2:45 am

    Please add render key. The playback lags.

  • Reply PPF Gamer February 14, 2019 at 3:23 am

    Thanks for sharing left a like

  • Reply Aimal Sultani February 14, 2019 at 4:48 am

    well done man

  • Reply Drive Bt February 14, 2019 at 6:56 am

    How can I remove White Background…

  • Reply Galih Putra February 14, 2019 at 11:35 am

    please motion tracking

  • Reply GravXReviews February 14, 2019 at 6:47 pm

    So you've turned filmora in to 1/4 of Premier pro? Minus the useful features….

  • Reply Jay February 14, 2019 at 6:48 pm

    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?

  • Reply Rebeca Santos February 14, 2019 at 8:43 pm

    please create effects related to Book Channels

  • Reply Ginger's Doll World February 14, 2019 at 10:22 pm

    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

  • Reply DB YaR Forum February 15, 2019 at 7:23 am

    sorry to say , but it was a boring video

  • Reply yuvraj savekar February 15, 2019 at 9:17 am

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

  • Reply Joy February 15, 2019 at 10:27 am

    how to save in transparent background? like lower thirds

  • Reply - Wappapappa - February 15, 2019 at 10:28 am

    Can you add a feature that distort sound

  • Reply Cozzi Gabriele February 15, 2019 at 1:04 pm

    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

  • Reply bayanno tv February 15, 2019 at 3:22 pm

    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

  • Reply NIKOKnecht. February 15, 2019 at 4:05 pm

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

  • Reply Hari Chowdhury February 15, 2019 at 4:27 pm

    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

  • Reply Jeet Junior February 16, 2019 at 2:59 am

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

  • Reply Zide February 16, 2019 at 6:30 am

    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.

  • Reply Bilal Hussein February 16, 2019 at 8:56 pm

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

  • Reply surya alwarss February 17, 2019 at 11:21 am

    How to create a motion graphics for logos. Thank you

  • Reply Albertoshamo February 17, 2019 at 2:23 pm

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

  • Reply عيسى الانسي February 17, 2019 at 8:51 pm

    It looks 100% like premier 😂

  • Reply FRODO PRODUCTION February 18, 2019 at 10:30 pm

    Greeting

  • Reply Mike Czap February 19, 2019 at 3:18 am

    dude, way too fast.. cant even keep up with you.

  • Reply Satya Sagar Gatti February 27, 2019 at 5:50 pm

    very inspiring thank you so much

  • Reply Dawood Souli March 2, 2019 at 6:12 pm

    Be slow little bit please otherwise don’t…

  • Reply BlockBechir March 3, 2019 at 7:35 pm

    Motion tracking plz

  • Reply Karaoke Pub March 14, 2019 at 7:28 pm

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

  • Reply Alfonso Reyes March 14, 2019 at 8:32 pm

    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

  • Reply John X March 24, 2019 at 12:54 pm

    Could this title be done in less than "Ludicrous Speed" ?

  • Reply Sinky March 24, 2019 at 3:24 pm

    How do I know what version of Filmora I'm running?

  • Reply Denver James Duran March 30, 2019 at 2:10 am

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

  • Reply Life With Kris March 31, 2019 at 1:16 am

    Can you reverse an element in filmora9? If so… How???

  • Reply UsAnG T April 6, 2019 at 10:32 am

    So complicated..😬

  • Reply Spread Of Islam April 7, 2019 at 8:26 am

    good brother

  • Reply DevilAayush April 21, 2019 at 2:52 pm

    Filmora 9 is easy and better in the world

  • Reply Miguel Marrero April 29, 2019 at 10:30 pm

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

  • Reply XChainiX May 1, 2019 at 4:22 pm

    Which Programm did you use for the vidio?

    A good one?

  • Reply Mariz zipagan May 19, 2019 at 12:20 pm

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

  • Reply suren sabah May 24, 2019 at 1:00 am

    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

  • Reply Kathy Weber May 26, 2019 at 10:52 pm

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

  • Reply Fellin' Kinda Weird May 27, 2019 at 6:23 pm

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

  • Reply MigraineSavvy May 28, 2019 at 12:59 am

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

  • Reply JerryExploits June 10, 2019 at 11:22 pm

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

  • Reply Jason Catlyn June 12, 2019 at 5:48 am

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

  • Reply Ronald Carrion June 14, 2019 at 3:05 am

    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?

  • Reply Ronald Carrion June 14, 2019 at 3:10 am

    how do you detach the audio of clips?

  • Reply Ðârk Ĥîkâ June 25, 2019 at 6:09 am

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

  • Reply VirtuallyStrings July 2, 2019 at 12:50 am

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

  • Reply Rosemary Barnes July 2, 2019 at 6:59 pm

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

  • Reply It’s Time To Sparkle!! July 16, 2019 at 8:50 am

    how do u add a custom motion?

  • Reply Roy Harper July 18, 2019 at 7:28 pm

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

  • Reply rayo toxi July 21, 2019 at 5:08 pm

    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

  • Reply D'Angelo Music July 27, 2019 at 10:04 am

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

  • Reply cute 3322 August 12, 2019 at 10:15 am

    thanks johnnie your so informative

  • Reply Muhd Syazwi August 13, 2019 at 6:53 am

    u make me happy

  • Reply BiLaL Aziz August 14, 2019 at 12:19 pm

    how can I make text video as you start this video ?????

  • Reply BiLaL Aziz August 14, 2019 at 12:19 pm

    I want one by one word to show on screen and make a line ????

  • Reply Winson Lee August 17, 2019 at 10:18 am

    At 0:28 it sound like my second oldest intro

  • Reply 2LEGIT ENTERTAINMENT August 18, 2019 at 3:03 pm

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

  • Reply Mick Borja August 20, 2019 at 11:53 pm

    wow… thank you very much, this is very helpful…

  • Reply raynaja Sad August 23, 2019 at 11:59 am

    What apps are you using?? For this shake edit

  • Reply Rey Pinyoko August 27, 2019 at 1:22 pm

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

  • Reply mervin cotah joao August 31, 2019 at 12:03 pm

    How can I make open it with my Windows media player?

  • Reply HardcoreMotors September 2, 2019 at 5:44 pm

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

  • Reply Katherine Art September 10, 2019 at 10:43 pm

    How to create glitch effect Graphic motion in FilmoraPro?

    plss create tutorial for us thank you

  • Reply farooq fuam September 18, 2019 at 2:21 pm

    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?

  • Reply SonicAimblu 19 September 28, 2019 at 9:34 am

    OMG THIS IS USEFULL😍

  • Reply KARN CHINDA October 14, 2019 at 9:06 pm

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

  • Leave a Reply