{"id":1900,"date":"2021-01-19T09:16:38","date_gmt":"2021-01-19T09:16:38","guid":{"rendered":"https:\/\/www.makeyoutubevideo.com\/learning-center\/?p=1900"},"modified":"2021-01-20T01:35:43","modified_gmt":"2021-01-20T01:35:43","slug":"make-motion-graphics","status":"publish","type":"post","link":"https:\/\/www.makeyoutubevideo.com\/learning-center\/make-motion-graphics.html","title":{"rendered":"How to Make Simple Text Box and Motion Graphics"},"content":{"rendered":"\n<p>The inspiration of this article comes from a user aking us how to add background to text. When I&nbsp;tell him how to use overly line to make a simple text background, more ideas came into my mind. We can use overlay line to make so many fantastic video elements to bring our&nbsp;videos&nbsp;to a new high, Let\u2019s dive into it right now!<\/p>\n\n\n\n<p>Here\u2019s a list of what I am going to share with you in this article in case you wan to skip to a specific section.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/make-motion-graphics.html#textbackground\">How to Add a Simple Text Background<\/a><\/strong><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/make-motion-graphics.html#motiongraphics\">How to Make a Simple Motion Graphic<\/a><\/strong><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/make-motion-graphics.html#path\">How to Make the Graphics Move in the Prefined Path<\/a><\/strong><\/p>\n\n\n\n<a name=\"textbackground\"><h2 class=\"wp-block-heading\"><strong>How to Add a Simple Text Background?<\/strong><strong><\/strong><\/h2><\/a>\n\n\n\n<p>Run YouTube Movie Maker software and go to the \u201cMake YouTube Video\u201d&nbsp;button (not only YouTube video but there are also so many video formats that can be chosen).<\/p>\n\n\n\n<p>Double left click the Text\/ Subtitle Line to type in the Text Panel. Then reset the text position in the below \u201cPosition Settings\u201d&nbsp;or use your mouse to grab the text on the screen and drag it to a proper position directly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/01.jpg\" alt=\"\" class=\"wp-image-1909\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/01.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/01-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>Right-click the text in \u201cText Line\u201d&nbsp;to set its fonts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/02.jpg\" alt=\"adjust position\" class=\"wp-image-1910\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/02.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/02-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>Choose a font style with an outline, so that you can set the outline with big size and set the outline color as you wish.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/03-1.jpg\" alt=\"add outline\" class=\"wp-image-1911\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/03-1.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/03-1-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>And you\u2019ll see a text-shaped background when the text appearing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"611\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/04-1.jpg\" alt=\"text background\" class=\"wp-image-1912\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/04-1.jpg 962w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/04-1-768x488.jpg 768w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/figure>\n\n\n\n<p>Right-click one of the overlay lines to insert a color block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/05-1.jpg\" alt=\"insert color block\" class=\"wp-image-1913\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/05-1.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/05-1-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>And you\u2019ll see it on the screen like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/06.jpg\" alt=\"color block on the screen\" class=\"wp-image-1914\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/06.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/06-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>Then you can zoom in or zoom out it by draging the top corner arrows.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/07.jpg\" alt=\"change the shape of the color block\" class=\"wp-image-1915\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/07.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/07-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>Grab the color block on the screen and move to replace it.<\/p>\n\n\n\n<p>Here, you can choose to make a simple text background or a creative text box as novel text background.<\/p>\n\n\n\n<p>If you prefer the former option,&nbsp;you just need to change the shape of the color block into a rectangle, like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1157\" height=\"213\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/1012.jpg\" alt=\"text background\" class=\"wp-image-1937\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/1012.jpg 1157w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/1012-768x141.jpg 768w\" sizes=\"auto, (max-width: 1157px) 100vw, 1157px\" \/><\/figure>\n\n\n\n<p>If you prefer the latter option, you need to repeat the following steps to add more different color blocks and place them together.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/08-1.jpg\" alt=\"add more different color blocks\" class=\"wp-image-1916\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/08-1.jpg 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/08-1-768x601.jpg 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>Add your text to the Text Line like Brand Name, Video Title or something else.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"282\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/09.jpg\" alt=\"Add your text to the Text Line\" class=\"wp-image-1917\"\/><\/figure><\/div>\n\n\n\n<p>This is the simple way to make your text standing-out, and you can also use *.png images to make a fantastic one like the below one.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1175\" height=\"637\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/14-2.jpg\" alt=\"make a fantastic one\" class=\"wp-image-1922\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/14-2.jpg 1175w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/14-2-768x416.jpg 768w\" sizes=\"auto, (max-width: 1175px) 100vw, 1175px\" \/><\/figure>\n\n\n\n<p>You can also use&nbsp;it to make creative frames, for instance, the&nbsp;dialogue scenes in videos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1922\" height=\"1151\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/13-2.jpg\" alt=\"make creative frames\" class=\"wp-image-1921\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/13-2.jpg 1922w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/13-2-768x460.jpg 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/13-2-1536x920.jpg 1536w\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" \/><\/figure>\n\n\n\n<p>There is a way to make simple motion graphics within a few clicks based on the former steps.<\/p>\n\n\n\n<a name=\"motiongraphics\"><h2 class=\"wp-block-heading\"><strong>How to Make Simple Motion Graphics?<\/strong><strong><\/strong><\/h2><\/a>\n\n\n\n<p>Since we\u2019ve added all color blocks or *.png images into Overlay Line, we can set the motion effect to each of them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1174\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/28.png\" alt=\"set the motion effect\" class=\"wp-image-1936\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/28.png 1174w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/28-768x601.png 768w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/figure>\n\n\n\n<p>There are many ways of appearing and disappearing for each image\/color block on Overlay Line.<\/p>\n\n\n\n<p>And you can also decide the duration of the appearing and disappearing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2.jpg\" alt=\"duration of the appearing\" class=\"wp-image-1923\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>After you set motion effect to all items, you can go to the next step. Lengthen or shorten the color block on the Overlay Line to change the whole duration from showing up to disappear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1291\" height=\"405\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/17-1.jpg\" alt=\"Lengthen or shorten the color block\" class=\"wp-image-1925\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/17-1.jpg 1291w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/17-1-768x241.jpg 768w\" sizes=\"auto, (max-width: 1291px) 100vw, 1291px\" \/><\/figure>\n\n\n\n<p>Right-click to append clone operations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1302\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/16-1.jpg\" alt=\"append clone \" class=\"wp-image-1924\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/16-1.jpg 1302w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/16-1-768x542.jpg 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/><\/figure>\n\n\n\n<p>You can customize how many you want to append.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1283\" height=\"424\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/18-1.jpg\" alt=\"customize the quantity of clone\" class=\"wp-image-1926\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/18-1.jpg 1283w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/18-1-768x254.jpg 768w\" sizes=\"auto, (max-width: 1283px) 100vw, 1283px\" \/><\/figure>\n\n\n\n<p>Finally, click \u201cPreview\u201d&nbsp;to see the result.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/wQRi2Z_IWAg?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>We also make other video demos for you<\/p>\n\n\n\n<p>A basic one that is made of different color blocks.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/5Ao_QE57Oak?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>A more creative one is made of Png images.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/NZWnxzwW04g?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>This one can be used to add a Title or Brand Name.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/KKVVt9Bm0gI?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>This is much proper for hints or info.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/CyWBAdvVSu4?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<a name=\"path\"><h2 class=\"wp-block-heading\"><strong>How to Make the Graphics Move in&nbsp;the Prefined Path<\/strong>?<\/h2><\/a>\n\n\n\n<p>At the very beginning, let\u2019s watch a demo made for the tutorial <a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/make-a-split-screen-video.html\">How to Make A Split Screen Video<\/a>. In this demo, we can see the blue&nbsp;triangle moving in a path that we prefined&nbsp;before.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/WzRvrqWyY14?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>So how can we make it?<\/p>\n\n\n\n<p>We&nbsp;add a color block or an image into the Overlay Line<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1302\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/19-1.jpg\" alt=\"add an image to the overlay line\" class=\"wp-image-1927\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/19-1.jpg 1302w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/19-1-768x542.jpg 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/><\/figure>\n\n\n\n<p>Then lengthen its duration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1297\" height=\"99\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/20-1.jpg\" alt=\" lengthen its duration\" class=\"wp-image-1928\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/20-1.jpg 1297w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/20-1-768x59.jpg 768w\" sizes=\"auto, (max-width: 1297px) 100vw, 1297px\" \/><\/figure>\n\n\n\n<p>Right-click the image to add \u201cMotion Effect\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1302\" height=\"919\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/21.jpg\" alt=\"add \u201cMotion Effect\u201d\" class=\"wp-image-1929\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/21.jpg 1302w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/21-768x542.jpg 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/><\/figure>\n\n\n\n<p>Click the \u201cCustomized Motion\u201d&nbsp;button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/22.jpg\" alt=\"\u201cCustomized Motion\u201d\" class=\"wp-image-1930\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/22.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/22-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>You can choose one of the templates to change it or directly create a new one.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2.jpg\" alt=\"choose one of the templates\" class=\"wp-image-1923\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/15-2-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Let\u2019s create a new one here. Click the \u201c+\u201d&nbsp;to name the new motion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/24-1.jpg\" alt=\"name the new motion\" class=\"wp-image-1932\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/24-1.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/24-1-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Click the button next to the \u201cX\u201d&nbsp;to append the first key point of the motion. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/25-1.jpg\" alt=\"append a key point\" class=\"wp-image-1933\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/25-1.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/25-1-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>and then the second, the third&#8230;until all key points are connected to form a complete path.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"700\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/26-1.jpg\" alt=\"append key points\" class=\"wp-image-1934\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/26-1.jpg 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/26-1-768x560.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Pay attention that the parameter of the \u201cDuration to Next\u201d&nbsp;must be 100. The \u201cWidth\u201d&nbsp;and \u201cHeight\u201d&nbsp;are used to define the size of the image. The \u201cX\u201d&nbsp;and \u201cY\u201d&nbsp;are used to define the position of each key point. Since we can directly drag the image on the screen to set a proper position, we don&#8217;t have to care about the value of \u201cX\u201d&nbsp;and \u201cY\u201d&nbsp;here.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/GitzHESoSgY?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>In my new motion, we prefined the path as a heart shape, so the image may move like drawing a heart on the display screen. After you set the path, you can click a triangle button \u201cPreview the Motion\u201d. If there is a mistake, you could fix it at once.<\/p>\n\n\n\n<p>If you want to see a heart was drawing on the screen, you can add more overly lines and apply the \u201cHeart\u201d&nbsp;motion template to them, Finally, arrange them like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"498\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/27-1.jpg\" alt=\"arrange them\" class=\"wp-image-1935\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/27-1.jpg 1278w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/01\/27-1-768x299.jpg 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n\n<p>Let\u2019s see the final result.<\/p>\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/N1GCnOo6DLE?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n<p>If you&#8217;ve got the technique to make simple motion graphics,  you can try it now or <a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/\">get more powerful tips<\/a> to make sting videos.<\/p>\n\n\n\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-background\" href=\"https:\/\/www.makeyoutubevideo.com\/download.html\" style=\"background:linear-gradient(135deg,rgb(22,221,244) 14%,rgb(54,0,163) 52%,rgb(40,116,252) 82%)\"><strong>Make Simple Motion Graphics Free<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The inspiration of this article comes from a user aking us how to add background to text. When I&nbsp;tell him how to use overly line to make a simple text background, more ideas came into<\/p>\n","protected":false},"author":3,"featured_media":1953,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-video-editing-tips"],"_links":{"self":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/1900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/comments?post=1900"}],"version-history":[{"count":11,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/1900\/revisions"}],"predecessor-version":[{"id":1952,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/1900\/revisions\/1952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media\/1953"}],"wp:attachment":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media?parent=1900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/categories?post=1900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/tags?post=1900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}