{"id":2735,"date":"2021-07-16T03:43:01","date_gmt":"2021-07-16T07:43:01","guid":{"rendered":"https:\/\/www.makeyoutubevideo.com\/learning-center\/?p=2735"},"modified":"2021-08-12T01:08:40","modified_gmt":"2021-08-12T05:08:40","slug":"add-transition-effect","status":"publish","type":"post","link":"https:\/\/www.makeyoutubevideo.com\/learning-center\/add-transition-effect.html","title":{"rendered":"How to Add Transition Effect to Your Video"},"content":{"rendered":"\n<p>The First Way: Right-Click on the blank area of Video Line or Overlay Line, select &#8220;<strong>Transition Effect -> Add Transition Effect<\/strong>. Choose one of them.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-34.png\" alt=\"select Transition Effect - Add Transition Effect\" class=\"wp-image-2737\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-34.png 800w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-34-768x480.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<p>The Second Way: Press <strong>Transition effect<\/strong> tab, then select a Transition Effect, and drag and drop it onto the video or image.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-36.png\" alt=\"Drag and drop to add a transition effect\" class=\"wp-image-2739\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-36.png 800w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/07\/image-36-768x480.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<p>Please note, <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The Transition effect will auto move and join items together, so if you add Transition Effect to Overlay Line, you may lost the blank gaps between items.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"551\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-47.png\" alt=\"add transition effect to overlay line 01\" class=\"wp-image-2894\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-47.png 1903w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-47-768x222.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-47-1536x445.png 1536w\" sizes=\"auto, (max-width: 1903px) 100vw, 1903px\" \/><figcaption>Insert Gap then add Transition effect &#8211; Step 01<\/figcaption><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>If you want to keep these blank gaps between items, you need to right click these blank area and select &#8220;Insert Gap&#8221; from right-click function menu to insert Gaps between items first. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1869\" height=\"404\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-48.png\" alt=\"add transition effect to overlay line 02\" class=\"wp-image-2895\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-48.png 1869w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-48-768x166.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-48-1536x332.png 1536w\" sizes=\"auto, (max-width: 1869px) 100vw, 1869px\" \/><figcaption>Insert Gap then add Transition effect &#8211; Step 02<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Then add Transition Effect to the Overlay Line.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-49.png\" alt=\"add transition effect to overlay line 03\"\/><figcaption>Insert Gap then add Transition effect &#8211; Step 03<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>A little Tip<\/strong>, after you inserted a gap, you can move it to the correct time point in Overlay Line first, then use shortcut key &#8220;<strong>Alt + E<\/strong>&#8221; to quickly set the end time of this Gap to be the same as the Start time point of the next item. <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-50.png\" alt=\"add transition effect to overlay line 04\" class=\"wp-image-2897\" width=\"1055\" height=\"319\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-50.png 1809w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-50-768x233.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-50-1536x465.png 1536w\" sizes=\"auto, (max-width: 1055px) 100vw, 1055px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1870\" height=\"516\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-51.png\" alt=\"add transition effect to overlay line 05\" class=\"wp-image-2898\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-51.png 1870w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-51-768x212.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-51-1536x424.png 1536w\" sizes=\"auto, (max-width: 1870px) 100vw, 1870px\" \/><\/figure><\/div>\n\n\n\n<p><strong>By the way:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>After added Transition effect, then we can right-click on the Transition effect or the blank area of Video\/Overlay Line, then select &#8220;<strong>Transition Effect -> Set Transition effect duration<\/strong>&#8221; to change the duration of Transition effect.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1914\" height=\"726\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-42.png\" alt=\"set duration of Transition effect\" class=\"wp-image-2887\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-42.png 1914w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-42-768x291.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-42-1536x583.png 1536w\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>If we want to add the Transition Effect at the beginning of the Video\/Image, we can simply right click on the Video\/Image to <strong>Insert Gap<\/strong> first, then add the Transition Effect to this inserted Gap.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1270\" height=\"408\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-43.png\" alt=\"add beginning transition effect 01\" class=\"wp-image-2888\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-43.png 1270w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-43-768x247.png 768w\" sizes=\"auto, (max-width: 1270px) 100vw, 1270px\" \/><figcaption>Add beginning Transition effect &#8211; Step 01<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1330\" height=\"380\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-44.png\" alt=\"add beginning transition effect 02\" class=\"wp-image-2889\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-44.png 1330w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-44-768x219.png 768w\" sizes=\"auto, (max-width: 1330px) 100vw, 1330px\" \/><figcaption>Add beginning Transition effect &#8211; Step 02<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1264\" height=\"338\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-45.png\" alt=\"add beginning transition effect 03\" class=\"wp-image-2890\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-45.png 1264w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-45-768x205.png 768w\" sizes=\"auto, (max-width: 1264px) 100vw, 1264px\" \/><figcaption>Add beginning Transition effect &#8211; Step 03<\/figcaption><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>If we would like to quickly set <strong>different <\/strong>Transition effects between lots of video clips or images, we can simply right click the blank area of Video Line or Overlay Line, then select &#8220;<strong>Transition Effect -> Random Set Transition Effect<\/strong>&#8221; from right-click function menu.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2002\" height=\"655\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-46.png\" alt=\"random set transition effects\" class=\"wp-image-2891\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-46.png 2002w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-46-768x251.png 768w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2021\/08\/image-46-1536x503.png 1536w\" sizes=\"auto, (max-width: 2002px) 100vw, 2002px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The First Way: Right-Click on the blank area of Video Line or Overlay Line, select &#8220;Transition Effect -> Add Transition Effect. Choose one of them. The Second Way: Press Transition effect tab, then select a<\/p>\n","protected":false},"author":2,"featured_media":2777,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[68,70,69,72,73,71,67],"class_list":["post-2735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movie-maker-tutorial","tag-add-transition-effect","tag-add-transition-effect-to-images","tag-add-transition-effect-to-video","tag-how-to-add-transition-effect","tag-how-to-make-a-video-with-transition-effect","tag-slideshow-effect","tag-transition-effect"],"_links":{"self":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/2735","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/comments?post=2735"}],"version-history":[{"count":4,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/2735\/revisions"}],"predecessor-version":[{"id":2900,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/2735\/revisions\/2900"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media\/2777"}],"wp:attachment":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media?parent=2735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/categories?post=2735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/tags?post=2735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}