{"id":389,"date":"2020-08-13T02:48:10","date_gmt":"2020-08-13T06:48:10","guid":{"rendered":"https:\/\/www.makeyoutubevideo.com\/learning-center\/?p=389"},"modified":"2023-05-14T01:09:07","modified_gmt":"2023-05-14T05:09:07","slug":"how-to-create-a-pan-zoom-effect","status":"publish","type":"post","link":"https:\/\/www.makeyoutubevideo.com\/learning-center\/how-to-create-a-pan-zoom-effect.html","title":{"rendered":"How to Create Pan and Zoom Effects to Make a Static Image Move Horizontally?"},"content":{"rendered":"\n<p>If you use a static&nbsp;image as the background, the video will look dull.&nbsp;And usually the image&#8217;s aspect ratio is not suitable for the video.&nbsp;But we don&#8217;t want to stretch the image, which will cause the image to distort, or remain annoying black edges&nbsp;on videos. Therefore, we can solve similar problems with PAN and ZOOM EFFECTs.<\/p>\n\n\n\n<p>So&nbsp;when we use a static image to make video, how to make the static image move like a video?<\/p>\n\n\n\n<p>We broke this tutorial into two parts.<\/p>\n\n\n\n<p>In the first part, we\u2019ll discuss how to use Pan and Zoom effects to make the static&nbsp;image right\/left move&nbsp;smoothly.&nbsp;We\u2019ll remain the second part in next article.<\/p>\n\n\n\n<p>Here we go.<\/p>\n\n\n\n<p>Video Tutorial:<\/p>\n\n\n<div style=\"text-align:center;\">\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/Oq_1Vjl8xPA?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n<\/div>\n\n\n<p>Step 1: Run your \u201cYouTubeMovieMaker\u201d&nbsp;, and then click \u201cMake Videos\u201d.<\/p>\n\n\n\n<p>Step 2:&nbsp;Drag and drop your static image file into the program.<\/p>\n\n\n\n<p>Here we choose a beautiful nature panorama to make you see the change clearly.<\/p>\n\n\n\n<p>Step 3: Drag it to the Video Line<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1267\" height=\"743\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/operation-UI.png\" alt=\"\" class=\"wp-image-423\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/operation-UI.png 1267w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/operation-UI-768x450.png 768w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/figure>\n\n\n\n<p>Step 4: Choose a video resolution.<\/p>\n\n\n\n<p>We have to choose a suitable <a>video resolution<\/a>&nbsp;first.<\/p>\n\n\n\n<p>Click the \u201cSettings\u201d&nbsp;and choose a video resolution in the \u201cProfile\u201d. Here we choose \u201cHD VIDEO 1080P 16:9 (Recommended for YouTube)\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1267\" height=\"743\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/adjust-the-resolution.png\" alt=\"\" class=\"wp-image-426\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/adjust-the-resolution.png 1267w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/adjust-the-resolution-768x450.png 768w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/figure>\n\n\n\n<p>Step 5: Right-click the image and find \u201cMotion Effect\u201d&nbsp;in the right-click function menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1267\" height=\"743\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-a-motion-effect.png\" alt=\"\" class=\"wp-image-424\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-a-motion-effect.png 1267w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-a-motion-effect-768x450.png 768w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/figure>\n\n\n\n<p>Step 6: Click the tab \u201cCustomized Motion\u201d&nbsp;in the \u201cMotion\u201d&nbsp;UI.<\/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\/2020\/08\/customized-motion.png\" alt=\"\" class=\"wp-image-425\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/customized-motion.png 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/customized-motion-768x560.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>We can see a top tool tab here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"367\" height=\"50\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/tool-tab.png\" alt=\"\" class=\"wp-image-427\"\/><\/figure>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-428\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c1.png\" alt=\"\">   We use this button to create a new motion effect.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-432\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c2.png\" alt=\"\">   We use this button to remove the current motion effect.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-430\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c2.5.png\" alt=\"\">   We use this button to append a new key point.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-433\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c3.png\" alt=\"\">   We use this button to move the selected key point up<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-434\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c4.png\" alt=\"\">   We use this button to move the selected key point down.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-435\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c5.png\" alt=\"\">   We use this button to remove a selected key point.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-436\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c6.png\" alt=\"\">   We use this button to remove a selected key point.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"47\" class=\"wp-image-437\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c7.png\" alt=\"\">   We use this button to save an existed motion effect with new changes.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" class=\"wp-image-438\" style=\"width: 40px;\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c8.png\" alt=\"\">   We use this button to&nbsp;save the current customized motion effect as a new motion effect.<\/p>\n\n\n\n<p>Step 7\uff1aClick \u201c<img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"40\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/c1-1.png\" class=\"wp-image-429\" style=\"width: 40px;\" alt=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"41\" height=\"43\" src=\"\">\u201d&nbsp;to add a new motion effect, and name it.<\/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\/2020\/08\/add-a-new-motion-effect.png\" alt=\"\" class=\"wp-image-440\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-a-new-motion-effect.png 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-a-new-motion-effect-768x560.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Step 8: Click \u201c<img loading=\"lazy\" decoding=\"async\" width=\"49\" height=\"46\" src=\"\">\u201d&nbsp;to append two new key points. Then the image can move from the position of 001 to the position 002 when we make pan and zoom effects to the image.<\/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\/2020\/08\/add-new-key-points-1.png\" alt=\"\" class=\"wp-image-441\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-new-key-points-1.png 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/add-new-key-points-1-768x560.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Loop Times: The MOTION EFFECT is displayed in the image loop for the duration based on the number of times it is set. If it is set to 0, it does not loop.<\/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\/2020\/08\/set-loop-times.png\" alt=\"\" class=\"wp-image-442\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/set-loop-times.png 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/set-loop-times-768x560.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>If&nbsp;the duration of image is long, you don\u2019t want to spend long time to preview the motion effect, here you can set the \u201cApproximate to item Duration\u201d&nbsp;as 10 seconds.<\/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\/2020\/08\/set-duration.png\" alt=\"\" class=\"wp-image-443\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/set-duration.png 960w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/set-duration-768x560.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Before we reset the values of these parameters, we have to know some basic points.<\/p>\n\n\n\n<p>As you know, we set the video resolution as 1920&#215;1080. So all images in the \u201cMotion\u201d&nbsp;window would be stretch to&nbsp;the default.<\/p>\n\n\n\n<p>What we here to do is to make pan and zoom effects for the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to use the Pan and Zoom Effects to make the whole image move horizontally?<\/h2>\n\n\n\n<p>Example 1:<\/p>\n\n\n<div style=\"text-align:center;\">\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Ir4k1a4PTEA?rel=0\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/div>\n\n\n<p>We change the \u201cWidth\u201d&nbsp;of \u201cKey Point\u201d&nbsp;001 and 002 <a>from <\/a>\u201c1920\u201d&nbsp;to \u201c3840\u201d. And then, change the value of X-axis of key point 002 from \u201c0\u201d&nbsp;to \u201c-1920\u201d.&nbsp;<\/p>\n\n\n\n<p>Why we have to do this?<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"242\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-1.png\" alt=\"\" class=\"wp-image-444\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-1.png 947w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-1-768x196.png 768w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><\/figure>\n\n\n\n<p>We change the \u201cWidth\u201d&nbsp;from \u201c1920\u201d&nbsp;to \u201c3840\u201d&nbsp;is to make the image cover the screen while the image is left-moving. Of course, you can change the \u201cWidth\u201d&nbsp;to any number greater than \u201c1920\u201d.<\/p>\n\n\n\n<p>If you want to keep the original image ratio, you can set the width and height according to the original image ratio. If you don&#8217;t need to keep the original ratio, you can simply enlarge the image by 2 times or more here.<\/p>\n\n\n\n<p>In order to keep the image move stable along the X-axis, we need to keep the \u201cWidth\u201d&nbsp;of 001 and 002&nbsp;the same value, the same as the value of Y-axis.<\/p>\n\n\n\n<p>The&nbsp;X-axis and Y-axis of the start point 001 is (0,0), so the end key point should be&nbsp;002 (-1920,0).&nbsp;<\/p>\n\n\n\n<p>We also need to change the value of the \u201cDuration to Next(%)\u201d&nbsp;to key points. This&nbsp;value means the duration&nbsp;that&nbsp;the image move from key point&nbsp;001 to key point&nbsp;002, and&nbsp;the position of key point 002 is where the image stop. So,&nbsp;the \u201cDuration to Next\u201d of 001 key point should be 100%, the \u201cDuration to Next\u201d of 001 key point should be 0%.<\/p>\n\n\n\n<p>Key Point 001 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"71\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-1-in-example-1.png\" alt=\"\" class=\"wp-image-447\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"458\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-1.png\" alt=\"\" class=\"wp-image-453\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-1.png 1268w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-1-768x277.png 768w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/figure>\n\n\n\n<p>Key Point 002 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"76\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-2-in-example-1.png\" alt=\"\" class=\"wp-image-450\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"476\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-1.png\" alt=\"\" class=\"wp-image-458\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-1.png 1268w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-1-768x288.png 768w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to use the Pan and Zoom Effects to make the top half of the image move horizontally?<\/h2>\n\n\n\n<p>Example 2:<\/p>\n\n\n<div style=\"text-align:center;\">\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/NhbT5k9jrU4?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n<\/div>\n\n\n<p>We change the \u201cWidth\u201d&nbsp;of \u201cKey Point\u201d&nbsp;001 and 002 from \u201c1920\u201d&nbsp;to \u201c3840\u201d. And then, change the value of X-axis of \u201ckey point\u201d&nbsp;002 from \u201c0\u201d&nbsp;to \u201c-1920\u201d. Next, <a>change <\/a><a>the <\/a>\u201cHeight\u201d&nbsp;of \u201cKey Point\u201d&nbsp;001 and 002 from \u201c1080\u201d&nbsp;to \u201c2160\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"251\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-2.png\" alt=\"\" class=\"wp-image-445\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-2.png 958w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-2-768x201.png 768w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Why we change the \u201cHeight\u201d?<\/p>\n\n\n\n<p>On the one hand,&nbsp;we change the&nbsp;\u201cHeight\u201d&nbsp;of the two key points to capture a specific part of the image, and then make pan and zoom effects to the part. On the other hand, we double the value of the image\u2019s \u201cwidth\u201d&nbsp;and \u201cheight\u201d&nbsp;at the same time, so the image will not deform.<\/p>\n\n\n\n<p>Key Point 001 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"68\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-1-in-example-2.png\" alt=\"\" class=\"wp-image-448\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1267\" height=\"638\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-3.png\" alt=\"\" class=\"wp-image-455\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-3.png 1267w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-3-768x387.png 768w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/figure>\n\n\n\n<p>Key Point 002 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"78\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-2-in-example-2.png\" alt=\"\" class=\"wp-image-451\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"655\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-3.png\" alt=\"\" class=\"wp-image-456\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-3.png 1268w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-3-768x397.png 768w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to use the Pan and Zoom Effects to make the bottom half of the image move horizontally?<\/h2>\n\n\n\n<p>Example 3:<\/p>\n\n\n<div style=\"text-align:center;\">\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/CrRVZf_xy-g?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n<\/div>\n\n\n<p>We change the \u201cWidth\u201d&nbsp;of \u201cKey Point\u201d&nbsp;001 and 002&nbsp;from \u201c1920\u201d&nbsp;to \u201c3840\u201d. And then, change the value of X-axis of \u201cKey Point\u201d 002&nbsp;from \u201c0\u201d&nbsp;to \u201c-1920\u201d. Next, change the \u201cHeight\u201d&nbsp;of \u201cKey Point\u201d&nbsp;001 and 002 from \u201c1080\u201d&nbsp;to \u201c2160\u201d. Last, we <a>change the value of Y-axis of <\/a>\u201cKey Point\u201d&nbsp;001 and 002 from \u201c0\u201d&nbsp;to\u201c-1080\u201d.<\/p>\n\n\n\n<p>Why we change the value of Y-axis of the two key points?<\/p>\n\n\n\n<p>As we mentioned in example 2, the picture will change as the value increasing. The picture is a part of the complete image. The width and height determine which part remains on the screen.<\/p>\n\n\n\n<p>You can directly drag the image on the screen up\/down to find the part you want to remain. And make sure both the height and the value of Y-axis of \u201ckey point\u201d&nbsp;001 and 002 must be the same.&nbsp;Then the image can smooth move along the X-axis.<\/p>\n\n\n\n<p>Remember to keep the image spread over the screen while dragging the image up\/down.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"252\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-3-2.png\" alt=\"\" class=\"wp-image-446\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-3-2.png 962w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-example-3-2-768x201.png 768w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/figure>\n\n\n\n<p>Key Point 001 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"75\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-1-in-example-3.png\" alt=\"\" class=\"wp-image-449\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1267\" height=\"647\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-2.png\" alt=\"\" class=\"wp-image-454\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-2.png 1267w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-1-in-example-2-768x392.png 768w\" sizes=\"auto, (max-width: 1267px) 100vw, 1267px\" \/><\/figure>\n\n\n\n<p>Key Point 002 as shown in the figure:&nbsp;(The red box area is DISPLAY SCREEN, and the green area&nbsp;is the&nbsp;image.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"77\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/data-for-key-point-2-in-example-3.png\" alt=\"\" class=\"wp-image-452\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1268\" height=\"652\" src=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-2.png\" alt=\"\" class=\"wp-image-457\" srcset=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-2.png 1268w, https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-content\/uploads\/2020\/08\/figure-for-key-point-2-in-example-2-768x395.png 768w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/figure>\n\n\n\n<p>That\u2019s all steps for how to make pan and zoom effects. It\u2019s really helpful when showing your family photo. Everyone\u2019s face can be clearly seen just like a sliding film in old movies. We&#8217;ll update an article about how to create <a href=\"https:\/\/www.makeyoutubevideo.com\/learning-center\/how-to-create-a-pan-zoom-effect-to-make-a-static-image-move-vertically.html\">Pan and Zoom Effects<\/a> to make a static image&nbsp;move vertically. If you use this effect to a panorama, you\u2019ll find it\u2019s amazing. Try it yourself to see what will happen! Welcome to share with&nbsp;your friends.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you use a static&nbsp;image as the background, the video will look dull.&nbsp;And usually the image&#8217;s aspect ratio is not suitable for the video.&nbsp;But we don&#8217;t want to stretch the image, which will cause the<\/p>\n","protected":false},"author":3,"featured_media":1683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,2],"tags":[],"class_list":["post-389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-movie-maker-tutorial","category-video-editing-tips"],"_links":{"self":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/389","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=389"}],"version-history":[{"count":25,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/389\/revisions"}],"predecessor-version":[{"id":3295,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/posts\/389\/revisions\/3295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media\/1683"}],"wp:attachment":[{"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/media?parent=389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/categories?post=389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makeyoutubevideo.com\/learning-center\/wp-json\/wp\/v2\/tags?post=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}