{"id":13669,"date":"2013-02-18T10:34:13","date_gmt":"2013-02-18T15:34:13","guid":{"rendered":"http:\/\/mediastorm.com\/blog\/?p=13669"},"modified":"2013-02-18T10:34:13","modified_gmt":"2013-02-18T15:34:13","slug":"mediastorm-guide-to-cropping-stills-in-adobe-premiere-pro","status":"publish","type":"post","link":"https:\/\/www.mediastorm.com\/blog\/2013\/02\/18\/mediastorm-guide-to-cropping-stills-in-adobe-premiere-pro\/","title":{"rendered":"MediaStorm Guide to Cropping Stills in Adobe Premiere Pro"},"content":{"rendered":"<p><em>This article is part of a <a href=\"http:\/\/mediastorm.com\/blog\/tag\/adobe-premiere-pro\/\" target=\"_blank\">new series of posts<\/a> with tips and tricks from our producers&#8217; experience working with <a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\">Adobe Premiere Pro<\/a> after years of working in Final Cut Pro. To read more about why we made the switch, check out <a href=\"http:\/\/mediastorm.com\/blog\/2012\/10\/19\/why-im-switching-to-abobe-premiere-not-final-cut-x\/\" target=\"_blank\">this post<\/a>. <\/p>\n<p>Today&#8217;s post was written by MediaStorm producer <a href=\"http:\/\/mediastorm.com\/contributor\/eric-maierson\/5\" target=\"_blank\">Eric Maierson<\/a>.<\/em><\/p>\n<hr \/>\n<p>Let\u2019s start with a picture of my dog, Emmy. This is what it looks like at full frame. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog1-512.jpg\" alt=\"\" width=\"512\" height=\"341\" class=\"alignnone size-full wp-image-13684\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog1-512.jpg 512w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog1-512-300x199.jpg 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>When I drag this image from Apple\u2019s Aperture in to the Adobe Premiere Pro timeline, Premiere does not scale the image to fit the frame size of my project (1920&#215;1080). Instead it leaves the image at its original 100 percent size, larger than the <strong>Program<\/strong> window. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog21.jpg\" alt=\"\" width=\"534\" height=\"334\" class=\"alignnone size-full wp-image-13671\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog21.jpg 534w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog21-300x187.jpg 300w\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" \/><\/p>\n<p>This is different than Final Cut\u2019s behavior, which automatically scales the image vertically to fit the Canvas size. <\/p>\n<p>Note that in the <strong>Premiere Pro > Preferences > General<\/strong> menu there is an option to change this.<\/p>\n<p>If you check <strong>Default scale to frame size<\/strong> Premiere Pro will bring in images that are vertically resized to fit the Program window. <\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog3-512.jpg\" alt=\"\" width=\"512\" height=\"385\" class=\"alignnone size-full wp-image-13685\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog3-512.jpg 512w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog3-512-300x225.jpg 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/p>\n<p>While selecting this parameter solves one problem, it creates another: Premiere Pro scales the image to 100 percent. That means that if you want to increase the size of your image to remove edges, you do so at the expense of pixelation. <\/p>\n<p>Unfortunately, in almost all cases you should leave <strong>Default scale to frame size<\/strong> unchecked.<\/p>\n<p>To scale your image in Premiere Pro, there are several alternate options. Here are four.<\/p>\n<h2>Scale Numerically<\/h2>\n<p><strong>Double-click<\/strong> your image in the timeline.<\/p>\n<p>In the <strong>Effects Controls<\/strong> window, open <strong>Motion<\/strong> control. <\/p>\n<p>There you\u2019ll see the <strong>Scale<\/strong> parameter. <\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog41.jpg\" alt=\"\" width=\"376\" height=\"148\" class=\"alignnone size-full wp-image-13673\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog41.jpg 376w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog41-300x118.jpg 300w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><\/p>\n<p>You can either click to enter a new number or hover your cursor over the existing one\u2014your cursor will change to a hand\u2014and then scrub right or left. The scale value will change accordingly. <\/p>\n<p>You\u2019ll also notice a disclosure triangle to the right of the Scale property. If you open it, you\u2019ll see a slider that works similarly to the scrubbing method above.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog51.jpg\" alt=\"\" width=\"505\" height=\"217\" class=\"alignnone size-full wp-image-13674\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog51.jpg 505w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog51-300x128.jpg 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/a><\/p>\n<p>If you want to scale just vertically or horizontally, uncheck the <strong>uniform scale<\/strong> button. The <strong>Scale<\/strong> slider will change to <strong>Scale Height<\/strong> and you\u2019ll also have access to a new <strong>Scale Width<\/strong> slider. <\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog61.jpg\" alt=\"\" width=\"385\" height=\"69\" class=\"alignnone size-full wp-image-13675\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog61.jpg 385w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog61-300x53.jpg 300w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/a><\/p>\n<h2>Scale by Dragging<\/h2>\n<p>In the timeline, place your playhead over the clip you\u2019d like to scale. Then, <strong>double-click<\/strong> the image in the <strong>Program<\/strong> window. <\/p>\n<p>You should see a bounding box around the image. <\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog71.jpg\" alt=\"\" width=\"501\" height=\"351\" class=\"alignnone size-full wp-image-13676\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog71.jpg 501w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog71-300x210.jpg 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a><\/p>\n<p>If you don\u2019t, you\u2019ll need to rescale the size of the preview, usually to 25 percent. Do this in the dropdown menu on the lower left side of the <strong>Program<\/strong> window.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog8.jpg\" alt=\"\" width=\"496\" height=\"304\" class=\"alignnone size-full wp-image-13677\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog8.jpg 496w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog8-300x183.jpg 300w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/a><\/p>\n<p>Hover your cursor over any of the squares in the bounding box and it will change to an arrow. Hold down the left-click button on your mouse and drag to resize your image.<\/p>\n<p>So long as the <strong>uniform scale<\/strong> button is selected in the <strong>Motion<\/strong> section of the <strong>Effects Control<\/strong> window, resizing will occur proportionally to the original. There will be no distortion. <\/p>\n<h2>Rotation<\/h2>\n<p>If you move your cursor about a centimeter outside any of the bounding box squares, it will change to perpendicular arrows. Hold down the left-click button on your mouse and drag to rotate your image. <\/p>\n<p>Of course, you can also use the <strong>Rotation<\/strong> parameter in the <strong>Motion<\/strong> section of the <strong>Effects Control<\/strong> window. It works just like <strong>Scale<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog9.jpg\" alt=\"\" width=\"394\" height=\"204\" class=\"alignnone size-full wp-image-13678\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog9.jpg 394w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog9-300x155.jpg 300w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/a><\/p>\n<h2>Anchor Point<\/h2>\n<p>When you double-click on your image in the <strong>Program<\/strong> window, you\u2019ll notice a cross-hair in the center of the image. <\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog10-512.jpg\" alt=\"\" width=\"512\" height=\"358\" class=\"alignnone size-full wp-image-13686\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog10-512.jpg 512w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog10-512-300x209.jpg 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/p>\n<p>This is the <strong>anchor point<\/strong>. All resizing occurs from this point outward. Therefore, an anchor point at the center of an image means that when you resize it, the image will expand from the center out to all sides.<\/p>\n<p>To change this behavior, you\u2019ll need to change the anchor point. Do this in the <strong>Motion<\/strong> section of the <strong>Effects Control<\/strong> window.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog111.jpg\" alt=\"\" width=\"372\" height=\"232\" class=\"alignnone size-full wp-image-13680\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog111.jpg 372w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog111-300x187.jpg 300w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><\/p>\n<p>Here I\u2019ve moved the anchor point to the upper left since I\u2019d like to resize from here outward.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog12.jpg\" alt=\"\" width=\"547\" height=\"379\" class=\"alignnone size-full wp-image-13681\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog12.jpg 547w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog12-300x207.jpg 300w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><\/a><br \/>\nNext, drag the image so that the anchor point rests squarely in the upper-left corner.<\/p>\n<p><a href=\"http:\/\/www.anrdoezrs.net\/click-6387448-10503029?url=http%3A%2F%2Fwww.adobe.com%2Fproducts%2Fcreativesuite%2Fproduction.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2013\/02\/blog13.jpg\" alt=\"\" width=\"540\" height=\"370\" class=\"alignnone size-full wp-image-13682\" srcset=\"https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog13.jpg 540w, https:\/\/www.mediastorm.com\/blog\/wp-content\/uploads\/2013\/02\/blog13-300x205.jpg 300w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/p>\n<p>Now, when I drag the bounding box, the image will move from this point outward.<\/p>\n<hr \/>\n<p>To learn more about how our producers are using Adobe Premiere Pro see <a href=\"http:\/\/mediastorm.com\/blog\/tag\/adobe-premiere-pro\/\" target=\"_blank\">our other blog posts on the topic<\/a>. Also, follow our producers&#8217; twitter feed <a href=\"https:\/\/twitter.com\/PrProshortcuts\" target=\"_blank\">@PrProShortcuts<\/a> for Premiere shortcuts.<\/p>\n<p>To learn more about our production style, you can purchase a copy of our <a href=\"http:\/\/mediastorm.com\/train\/product\/post-production-workflow\" target=\"_blank\">Post-production Workflow<\/a>. Readers who purchase our current Final Cut Pro and Aperture workflow automatically receive the Premiere workflow when it is released. <\/p>\n<p>MediaStorm offers several online and in-person training opportunities at <a href=\"http:\/\/mediastorm.com\/train\" target=\"_blank\">mediastorm.com\/train<\/a>.<\/p>\n<p>Have you made a recent switch in your editing software? Let us know about it in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article is part of a new series of posts with tips and tricks from our producers&#8217; experience working with Adobe Premiere Pro after years of working in Final Cut Pro. To read more about why we made the switch, check out this post. Today&#8217;s post was written by MediaStorm producer Eric Maierson. Let\u2019s start [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":13684,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,748],"tags":[1231,1304,1305],"class_list":["post-13669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-editing","category-tutorials","tag-adobe-premiere-pro","tag-cropping","tag-stills","entry","has-media"],"_links":{"self":[{"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/posts\/13669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/comments?post=13669"}],"version-history":[{"count":0,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/posts\/13669\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/media\/13684"}],"wp:attachment":[{"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/media?parent=13669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/categories?post=13669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediastorm.com\/blog\/wp-json\/wp\/v2\/tags?post=13669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}