{"id":472,"date":"2013-06-25T19:03:41","date_gmt":"2013-06-25T19:03:41","guid":{"rendered":"http:\/\/blogs.dickinson.edu\/dcc\/?p=472"},"modified":"2013-06-25T19:05:03","modified_gmt":"2013-06-25T19:05:03","slug":"making-map-animations-with-google-earth","status":"publish","type":"post","link":"https:\/\/blogs.dickinson.edu\/dcc\/2013\/06\/25\/making-map-animations-with-google-earth\/","title":{"rendered":"Making Map Animations with Google Earth"},"content":{"rendered":"<blockquote><p>Dickinson alumna and DCC contributor Alice Ettling, who created the\u00a0<a href=\"http:\/\/dcc.dickinson.edu\/caesar\/caesar-videos\">Caesar Gallic War map animations<\/a>, kindly wrote up a how-to, in case you would like to try your hand at it. You will need <a href=\"http:\/\/www.google.com\/enterprise\/mapsearth\/products\/earthpro.html\">Google Earth Pro<\/a> and <a href=\"http:\/\/www.apple.com\/ilife\/imovie\/\">iMovie<\/a>. Thanks, Alice!<\/p><\/blockquote>\n<p>I didn\u2019t start out with one, but it will probably make your life easier to begin with a map overlay, provided you have a suitable map.\u00a0 Google has a <a href=\"http:\/\/www.google.com\/earth\/outreach\/tutorials\/earthoverlays.html\">tutorial <\/a>for this that explains it better than I could.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-pic-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright  wp-image-473\" alt=\"Ettling map how to pic 1\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-pic-1-300x214.png\" width=\"600\" height=\"428\" \/><\/a><\/p>\n<p>This is what mine for BG 1.1 looked like, once I\u2019d gotten it into place. I kept the opacity low, since this is a geographically-based animation and I wanted people to be able to see the terrain below the map. Not all maps will work well for this, and it\u2019s generally true that the larger the area a map covers, the harder it will be to align with Google Earth, since the projection of the map gets harder to align with the curved surface of the earth as its area increases.<\/p>\n<p>Once you\u2019ve got that, you can use it to find the borders and geographical features you want to define in your video.\u00a0 Rivers or other physical features, obviously, can be found without a map overlay, but it\u2019s much easier to draw in the borders of provinces or tribes with a guide like this. (NB:\u00a0 There is a Water Body Outline layer built in to Google Earth, but I found that it wasn\u2019t terribly accurate or comprehensive, so I preferred to define the rivers I needed myself.)<\/p>\n<p>To actually define regions, use either the polygon or the line tool, depending on which you need.\u00a0 Both are in the top bar, towards the right. If you are referring to any cities or other specific points, you can use the Placemark button to set pins into particular locations.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-1.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-474\" alt=\"Ettling 1.1\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-1.1.png\" width=\"259\" height=\"124\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>The first button in this row is the placemark tool; the second and third are the polygon and line tools, respectively. When you click on them, a window will open so that you can name the region and set its color\/opacity. While this window is open, you can set the points that will define it; these can be edited later, so it\u2019s hardly the end of the world if you misplace a point.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-475\" alt=\"Ettling map how to 2\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-2-300x169.png\" width=\"600\" height=\"338\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-2-300x169.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-map-how-to-2-500x283.png 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>When defining regions, it\u2019s important, if you\u2019re going to be zooming in on them at all, to space your points fairly close together, so that the line running between them is smooth and follows the path you actually want.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-476\" alt=\"Ettling Map how to pic 3\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-3-300x177.png\" width=\"600\" height=\"350\" \/><\/a><\/p>\n<p>(Here you can see the difference between closely-spaced points and ones that are farther apart; this border is supposed to be following the river.)<\/p>\n<p>All of these regions display in a sidebar: if the box is checked, they will be visible, and if you click on a name, Google Earth will zoom onto that region.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-477\" alt=\"Ettling Map how to pic 4\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-4-300x186.png\" width=\"600\" height=\"370\" \/><\/a><\/p>\n<p>Here, the map overlay (which, in this respect, acts like any other region) and the Belgae are checked, so they are visible, but all of the other regions, which are not checked, are not visible.<\/p>\n<p>Once you have defined all the regions you will need for your video, you will need to set up \u201ctours\u201d that will actually move between the regions you have set up. Here is where my method gets sketchier; there may well be a better way to do this, but this is the solution I have found. To make recording a tour easier, set up your regions in the sidebar in the order you\u2019ll be using them, and thoroughly plan just how you want the video to go.<\/p>\n<p>When you click the \u201cRecord Tour\u201d button (at the right end of the row with the buttons mentioned previously), a small bar will appear at the bottom of the window. The button with the red dot will both start and end recording.<\/p>\n<p><a style=\"font-size: 15.555556297302246px;font-style: normal;line-height: 26.666667938232422px;text-decoration: underline\" href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-479\" style=\"border-color: #bbbbbb;margin-top: 0.4em;background-color: #eeeeee\" alt=\"Ettling Map how to pic 5\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-5.png\" width=\"135\" height=\"40\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Position the view in the angle\/zoom level you want it, and then click the button to start recording. If you want the camera to move during your video, just click on the names of places you want to focus on, and check their boxes when you want them to appear. Because I\u2019m not terribly adept at clicking only the things I want to, I think it\u2019s helpful to divide what will eventually be your animation into several segments to be stitched back together later, so that you don\u2019t ruin your whole work with one misplaced click. Don\u2019t worry too much about timing your video to sync with the audio; that will be taken care of in iMovie.<\/p>\n<p>When you have your tour segments all recorded, you\u2019ll need to export them as movie files. Everything else in this tutorial can be done with the free version of Google Earth (which is where I\u2019ve been taking most of my screengrabs), but this step requires Google Earth Pro. Under the Tools menu is the option Movie Maker. With this option, you can convert the tours into files that can be opened in iMovie (or any other video editing program; iMovie is what I\u2019m familiar with, though). The Movie Maker option won\u2019t be usable, though, if any polygons, lines, or filters are highlighted.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-480\" alt=\"Ettling Map how to pic 6\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-6-300x119.png\" width=\"600\" height=\"240\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-6-300x119.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-Map-how-to-pic-6.png 1134w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>It\u2019s a good idea to export these files with a reasonably high frame rate; you will likely be slowing them down to sync with your audio later, and this will keep them from looking too jerky.<\/p>\n<p>Once they\u2019ve been exported, open them in iMovie with the Import Movies option.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft  wp-image-478\" alt=\"Ettling pic 6\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-6-300x148.png\" width=\"600\" height=\"300\" \/><\/a><\/p>\n<p>Your files will appear in the bottom frame of the program; select and drag them up to the top middle frame to edit them.<\/p>\n<p>You can add audio here by using the Music and Sound Effects button in the middle right. All of my audio was recorded ahead of time, so all I had to do was import it from iTunes.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-481 alignnone\" alt=\"Ettling pic 7\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-7.png\" width=\"581\" height=\"434\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-7.png 581w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-7-300x224.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-pic-7-401x300.png 401w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/a><\/p>\n<p>Drag this to the same frame you dragged the video to, and iMovie will combine the two; now all that\u2019s left is to sync them up.<\/p>\n<p>To do that, select individual pieces of your video (starting with the time from the start of the tour to your first cued action\u2014in the case of my video for BG 1.1, this was the word \u201cBelgae,\u201d which should be keyed to the appearance of the corresponding region) and use the Split Clip command to separate them from the rest of the tour.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-485\" alt=\"Ettling 8\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8.png\" width=\"1161\" height=\"690\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8.png 1161w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8-300x178.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8-1024x608.png 1024w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-8-500x297.png 500w\" sizes=\"auto, (max-width: 1161px) 100vw, 1161px\" \/><\/a><\/p>\n<p>Now you can edit the speed of this clip separately from the rest of the video. To do so, click on the gear wheel that appears on top of the clip and go into Clip Adjustments.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-486 alignnone\" alt=\"Ettling 9\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-9.png\" width=\"386\" height=\"310\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-9.png 386w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-9-300x240.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-9-373x300.png 373w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/a><\/p>\n<p>Here, you can adjust the speed of the video; if it needs to take up more time relative to the audio, slow it down, and if it needs to take up less, speed it up. This involves a lot of finagling and listening to the same couple seconds of audio over and over again: be strong.<\/p>\n<p>Once you\u2019ve gotten that section of the movie synced properly, move on to the next and adjust its speed in the same way. Once you\u2019ve gotten everything perfect, use the Export Movie button under the Share menu to save it in the format and quality you desire.<\/p>\n<p><a href=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-487\" alt=\"Ettling 10\" src=\"http:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-10.png\" width=\"747\" height=\"349\" srcset=\"https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-10.png 747w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-10-300x140.png 300w, https:\/\/blogs.dickinson.edu\/dcc\/files\/2013\/06\/Ettling-10-500x233.png 500w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dickinson alumna and DCC contributor Alice Ettling, who created the\u00a0Caesar Gallic War map animations, kindly wrote up a how-to, in case you would like to try your hand at it. You will need Google Earth Pro and iMovie. Thanks, Alice! &hellip; <a href=\"https:\/\/blogs.dickinson.edu\/dcc\/2013\/06\/25\/making-map-animations-with-google-earth\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[61811,1],"tags":[61813,9,44,61812],"class_list":["post-472","post","type-post","status-publish","format-standard","hentry","category-how-tos","category-uncategorized","tag-alice-ettling","tag-google-earth","tag-imovie","tag-map-animations"],"_links":{"self":[{"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/posts\/472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/comments?post=472"}],"version-history":[{"count":0,"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/posts\/472\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/media?parent=472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/categories?post=472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.dickinson.edu\/dcc\/wp-json\/wp\/v2\/tags?post=472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}