{"id":2920,"date":"2015-06-11T12:14:38","date_gmt":"2015-06-11T19:14:38","guid":{"rendered":"http:\/\/blogs.reed.edu\/ed-tech\/?p=2920"},"modified":"2025-03-25T09:54:03","modified_gmt":"2025-03-25T16:54:03","slug":"pan-to-zoom-in-imovie-and-final-cut-pro-x","status":"publish","type":"post","link":"https:\/\/blogs.reed.edu\/ed-tech\/2015\/06\/pan-to-zoom-in-imovie-and-final-cut-pro-x\/","title":{"rendered":"Pan to Zoom in iMovie and Final Cut Pro X"},"content":{"rendered":"\n<p>In my last <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/2015\/04\/software-zooming-in-imovie-finalcutprox\/\">post<\/a> I talked about zooming into and cropping&nbsp;an entire video clip in iMovie and Final Cut Pro X (FCPX). &nbsp;Another approach to this&nbsp;is to use zoom as an effect to \u201ccrop\u201d into your image while panning in your video clip, an effect if not originated at least made very famous by Ken Burns. &nbsp;In both iMovie and FCPX there is a function to do just this, appropriately named the Ken Burns Effect. This will let you create an animated pan (the effect of motion within a video clip) to a crop that has a smooth flow from one section of your video to another.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Video is shot in frames, and each frame is a picture still. &nbsp;Most U.S. made movies are shot at 24-30 frames per second (fps), but directors like Peter Jackson are just beginning to shoot at 48fps. There is debate as to the merit and need for this level of resolution (similar to the sample rate fidelity debate- 44.1khz compared to 96khz in audio sampling), but that is beyond the scope of this blog. The human eyes starts seeing motion somewhere between 16-20 fps. &nbsp;Early black and white films were at these frame rates.<\/p>\n\n\n\n<p>To make any kind of animated transition within a video clip your software needs to \u201ckey in\u201d on the starting and ending frames to demarcate them. &nbsp;This is called \u201ckeyframing\u201d and effectively creates a meta marker embedded into your video clip as a reference point. &nbsp;iMovie and FCPX apply an algorithm that makes this transition from the beginning keyframe to the end very smooth. &nbsp;In iMovie your only choice is the Ken Burns effect. &nbsp;iMovie does all the keyframing in the background for you. &nbsp;In FCPX you can also use the Ken Burns effect but you have the added ability to do this manually, and add your own keyframes through the use of the transform tool. &nbsp;FCPX offers many parameters to adjust for the the transformation and manipulation of your video clip besides just scaling between your keyframes. &nbsp;For this post and tutorial I will focus on the Ken Burns effect in both programs.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>How to pan and zoom in iMovie<\/b><\/p>\n\n\n\n<p><b>Step 1: Crop tool and the Ken Burns effect<\/b><\/p>\n\n\n\n<p>First, select the crop tool and the \u201cKen Burns\u201d effect, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"510\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/1-Select-Crop-and-Ken-Burns.png\" alt=\"1 Select Crop and Ken Burns\" class=\"wp-image-2921\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/1-Select-Crop-and-Ken-Burns.png 714w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/1-Select-Crop-and-Ken-Burns-300x214.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><b>Step 2: &nbsp;Understanding the terrain of the Ken Burns effect.<\/b><\/p>\n\n\n\n<p>In this step I will explain five aspects of the Ken Burns effect that are essential to understanding how to use it. &nbsp;They are broken down and labeled A-E in the screenshot below: &nbsp;(A) the \u201cStart\u201d keyframe, (B) the \u201cEnd\u201d keyframe, (C) the center crosshairs for the start and end-along with the trajectory (yellow arrow) that your animation moves as it transitions between those two crosshairs, (D) the border of the active or selected frame is in bold; the inactive frame is dotted, (E) handles that allow you to resize the selected frame while maintaining the aspect ratio, (as referred to in my previous <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/2015\/04\/software-zooming-in-imovie-finalcutprox\/\">blog<\/a>).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"715\" height=\"525\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/2-Start-selected-and-notes-on-function.png\" alt=\"2 Start selected and notes on function\" class=\"wp-image-2922\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/2-Start-selected-and-notes-on-function.png 715w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/2-Start-selected-and-notes-on-function-300x220.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><b>Step 3: End frame selected<\/b><\/p>\n\n\n\n<p>Move the end frame to where you would like it to be and adjust its size to the desired area you want to crop to. &nbsp;The crop will fill your viewfinder when done. &nbsp;Here is how the view looks when you select the \u201cEnd\u201d frame, notice everything is dimmed but the selected frame (this occurs only when the selected frame is the smaller frame). &nbsp;Whichever frame is selected is the one that you can resize and slide around your viewfinder.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"719\" height=\"514\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/3-End-selected.png\" alt=\"3 End selected\" class=\"wp-image-2923\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/3-End-selected.png 719w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/3-End-selected-300x214.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><b>Step 4: &nbsp;Press the Crop icon again to finish and play your video<\/b><\/p>\n\n\n\n<p>Below is a video of the final pan to zoom based on the above examples.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" style=\"border: 1px solid #464646;\" src=\"https:\/\/reedcollege.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=a8b12e66-ae0c-4d84-9729-ae3f016e6479&amp;autoplay=false&amp;offerviewer=false&amp;showtitle=true&amp;showbrand=false&amp;captions=false&amp;interactivity=none\" width=\"100%\" height=\"405\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<p>That concludes a pan from a full shot to a cropped shot. &nbsp;You can also invert this, and start with cropped frames and end with a full frame. &nbsp;Below are the steps for starting with a cropped frame and ending with a full frame.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>Step 1: Starting close (zoomed) and moving out using Ken Burns<\/b><\/p>\n\n\n\n<p>This time you&#8217;ll diminish the size of your &#8220;Start&#8221; frame to crop into an area. &nbsp;Define your crop area as with step on above. &nbsp;In the example below notice the center point of the &#8220;Start&#8221; frame and the center frame of the &#8220;End&#8221; frame and the yellow arrow showing the movement trajectory of the pan. For this example we are filling the view screen with the &#8220;End&#8221; frame.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"514\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/4-smooth-transition-close-to-far.png\" alt=\"4 smooth transition close to far\" class=\"wp-image-2924\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/4-smooth-transition-close-to-far.png 716w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/05\/4-smooth-transition-close-to-far-300x215.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>Step 2: &nbsp;Choose the Crop icon to finish and play video<\/b><\/p>\n\n\n\n<p>Below is a video of the inverted pan to zoom sequence.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" style=\"border: 1px solid #464646;\" src=\"https:\/\/reedcollege.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=0f3ff387-308c-4464-b1b0-ae3f017313c6&amp;autoplay=false&amp;offerviewer=false&amp;showtitle=true&amp;showbrand=false&amp;captions=false&amp;interactivity=none\" width=\"100%\" height=\"405\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<p>That concludes a crop in to out pan in iMovie.<\/p>\n\n\n\n<p>iMovie is a consumer grade program, so the choices are not as robust as in FCPX. &nbsp;For many things though, this software is perfectly adequate and features less of a learning curve than FCPX.<\/p>\n\n\n\n<p><b>Using FCPX for Pan\/Zoom<\/b><\/p>\n\n\n\n<p>The main difference between the pan\/zoom effect in iMovie and FCPX is the ability to preview and switch your start and end frames. &nbsp;You also have the ability to see and tweak the keyframes on a granular level if you wanted to.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>Step 1: Crop and Ken Burns effect<\/b><\/p>\n\n\n\n<p>The &#8220;Start&#8221; and &#8220;End&#8221; frames are both color-coded in FCPX. &nbsp;Choose &#8220;Crop&#8221; from the dropdown and then &#8220;Ken Burns&#8221; in the view screen amongst the three selections.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"835\" height=\"590\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/1-FCPX-.png\" alt=\"1 FCPX\" class=\"wp-image-2945\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/1-FCPX-.png 835w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/1-FCPX--300x212.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><b>Step 2: Resizing your crop frame<\/b><\/p>\n\n\n\n<p>Choose &#8220;End&#8221; and resize and move the frame to where you would like it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"486\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/2-FCPX.png\" alt=\"2 FCPX\" class=\"wp-image-2953\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/2-FCPX.png 830w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/2-FCPX-300x176.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><b>Example<\/b>: <b>Parameters &#8211; Start<\/b><\/p>\n\n\n\n<p>Here is the view of the &#8220;Start&#8221; frame with the parameters revealed. &nbsp;Here you can see the keyframes in orange.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/3-FCPX-1024x485.png\" alt=\"3 FCPX\" class=\"wp-image-2952\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/3-FCPX-1024x485.png 1024w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/3-FCPX-300x142.png 300w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/3-FCPX.png 1026w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>Example<\/b>: <b>Parameters &#8211; End<\/b><\/p>\n\n\n\n<p>Here is the view of the &#8220;End&#8221; frame with the parameters revealed and the ending keyframes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/4-FCPX-1024x536.png\" alt=\"4 FCPX\" class=\"wp-image-2951\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/4-FCPX-1024x536.png 1024w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/4-FCPX-300x157.png 300w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/4-FCPX.png 1028w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><b>Step 4: Inverting Start and End frames in FCPX<\/b><\/p>\n\n\n\n<p>You can easily switch your &#8220;End&#8221; and &#8220;Start&#8221; frames by using the switch button. &nbsp;You can also preview your switch by using the play button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"627\" height=\"474\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/5-FCPX.png\" alt=\"5 FCPX\" class=\"wp-image-2950\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/5-FCPX.png 627w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2015\/06\/5-FCPX-300x227.png 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>Both of these pieces of software are available at the PARC; iMovie is available in all the Mac labs on campus.<\/p>\n\n\n\n<p>Have a great summer.<\/p>\n\n\n\n<p>Joe<\/p>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In my last post I talked about zooming into and cropping&nbsp;an entire video clip in iMovie and Final Cut Pro X (FCPX). &nbsp;Another approach to this&nbsp;is to use zoom as an effect to \u201ccrop\u201d into your image while panning in your video clip, an effect if not originated at least made very famous by Ken &hellip; <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/2015\/06\/pan-to-zoom-in-imovie-and-final-cut-pro-x\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Pan to Zoom in iMovie and Final Cut Pro X&#8221;<\/span><\/a><\/p>\n","protected":false},"author":514,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[116],"tags":[82,83],"class_list":["post-2920","post","type-post","status-publish","format-standard","hentry","category-video-production","tag-final-cut-pro","tag-imovie"],"_links":{"self":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/users\/514"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=2920"}],"version-history":[{"count":16,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2920\/revisions"}],"predecessor-version":[{"id":4835,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/2920\/revisions\/4835"}],"wp:attachment":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=2920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=2920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=2920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}