{"id":1556,"date":"2015-01-06T10:41:08","date_gmt":"2015-01-06T15:41:08","guid":{"rendered":"http:\/\/pages.vassar.edu\/acs\/?p=1556"},"modified":"2015-01-06T10:41:08","modified_gmt":"2015-01-06T15:41:08","slug":"add-panning-motion-to-keynote-presentations-and-annotate-screenshots","status":"publish","type":"post","link":"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/","title":{"rendered":"Add Panning Motion to Keynote Presentations, and Annotate Screenshots"},"content":{"rendered":"<script>fsg_json['fsg_post_1556'] = [\n{id: 1571, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-39-56-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-39-56-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 1574, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-40-41-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-40-41-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 1572, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-edit-pm2\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-edit-pm2\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 1573, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-54-43-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-3-54-43-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'},\n{id: 1577, image: 'http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM.png', extlink: '', thumb: 'https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM-150x150.png', permalink: '<div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-5-06-08-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div>', layer: '<div class=\"galleria-infolayer\"><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div><div class=\"galleria-layeritem\"><a title=\"Permalink\" href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/screen-shot-2014-12-10-at-5-06-08-pm\/#0\"><div class=\"galleria-link-bookmark\"><\/div><\/a><\/div><div class=\"galleria-layeritem\" style=\"padding-right: 20px;\"><\/div>'}\n];<\/script>\n<p>Keynote provides many tools for animating content of your slide presentation. One easy and very useful movement uses the Magic Move transition.\u00a0 This tool allows a panning movement across a large image. For example, if you wanted to show the entire length of a webpage or a large photograph, you could use the Magic Move transition to move across the page. This will work with any object that is in one position in the first slide and is in a new position in the following slide. For this this example, I captured a screenshot of an entire webpage that would require scrolling down in order to view all the content. In the first slide, the image is positioned on the slide so that the top of the webpage is visible. In the following slide, the image is positioned so that the bottom of the webpage is visible. Using the Magic Move transition, Keynote will create the panning movement between the two slides.<\/p>\n<p>This is what it would look like:<\/p>\n<p><video width=\"560\" height=\"320\" controls=\"controls\"><source src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/new-page-move-med.mov\" \/><\/video><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Steps:<\/strong><br \/>\nImport image into Keynote slide by dragging and dropping it onto a blank slide.<br \/>\n<a data-postid=\"fsg_post_1556\" data-imgid=\"1571\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1571\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM-1024x545.png\" alt=\"Screen Shot 2014-12-10 at 3.39.56 PM\" width=\"584\" height=\"310\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM-1024x545.png 1024w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM-300x159.png 300w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM-500x266.png 500w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.39.56-PM.png 1184w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a><\/p>\n<p>Duplicate the slide. To duplicate a slide in Keynote, right-click on the slide you wish to copy, or select Duplicate Slide from the Edit Menu.<\/p>\n<p><a data-postid=\"fsg_post_1556\" data-imgid=\"1574\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1574\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM.png\" alt=\"Screen Shot 2014-12-10 at 3.40.41 PM\" width=\"339\" height=\"475\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM.png 339w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.40.41-PM-214x300.png 214w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/a><\/p>\n<p>On the new (duplicate) slide position the image so that the bottom portion is visible.<\/p>\n<p>Open the Slide Inspector window.<\/p>\n<p>Click on the slide inspector icon then choose the transition tab.<\/p>\n<p>Under the Effect dropdown menu, choose Magic Move.<\/p>\n<p><a data-postid=\"fsg_post_1556\" data-imgid=\"1572\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1572\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2.png\" alt=\"screen shot edit pm2\" width=\"506\" height=\"577\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2.png 506w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/screen-shot-edit-pm2-263x300.png 263w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/a><\/p>\n<p><a data-postid=\"fsg_post_1556\" data-imgid=\"1573\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1573\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM.png\" alt=\"Screen Shot 2014-12-10 at 3.54.43 PM\" width=\"264\" height=\"409\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM.png 264w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-3.54.43-PM-193x300.png 193w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/a><\/p>\n<p>At the bottom of the inspector menu you will have the option for the transition to start automatically or \u201con click.\u201d<\/p>\n<p>You will also be able to choose the speed of the transition and whether or not to insert\u00a0a delay before the start of the effect.<\/p>\n<p><a data-postid=\"fsg_post_1556\" data-imgid=\"1577\" href=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1577\" src=\"http:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM.png\" alt=\"Screen Shot 2014-12-10 at 5.06.08 PM\" width=\"244\" height=\"397\" srcset=\"https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM.png 244w, https:\/\/pages.vassar.edu\/acs\/files\/2014\/12\/Screen-Shot-2014-12-10-at-5.06.08-PM-184x300.png 184w\" sizes=\"auto, (max-width: 244px) 100vw, 244px\" \/><\/a><\/p>\n<p><strong>Tip for Annotating Screenshots:<\/strong><br \/>\nFor this example, I used a free application called Awesome Screenshot.\u201d<br \/>\nIt is available for Chrome and Firefox browsers, and it allows you to capture an entire webpage, or any portion of a page. It also provides tools for annotating screenshots.<\/p>\n<p><span style=\"color: #ffff99;\"><a href=\"http:\/\/awesomescreenshot.com\" target=\"_blank\"><span style=\"color: #ffff99;\">http:\/\/awesomescreenshot.com<\/span><\/a><\/span><\/p>\n<p><strong>Here\u2019s a quick tutorial:<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube-nocookie.com\/embed\/MUVfhSg7-yE?rel=0\" width=\"560\" height=\"320\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Keynote provides many tools for animating content of your slide presentation. One easy and very useful movement uses the Magic Move transition.\u00a0 This tool allows a panning movement across a large image. For example, if you wanted to show the &hellip; <a href=\"https:\/\/pages.vassar.edu\/acs\/add-panning-motion-to-keynote-presentations-and-annotate-screenshots\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3265,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[60633,4809,4810],"tags":[],"class_list":["post-1556","post","type-post","status-publish","format-standard","hentry","category-amy-laughlin","category-graphics","category-tools"],"_links":{"self":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/1556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/users\/3265"}],"replies":[{"embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/comments?post=1556"}],"version-history":[{"count":35,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/1556\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/posts\/1556\/revisions\/1603"}],"wp:attachment":[{"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/media?parent=1556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/categories?post=1556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pages.vassar.edu\/acs\/wp-json\/wp\/v2\/tags?post=1556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}