{"id":404,"date":"2018-02-04T03:51:31","date_gmt":"2018-02-04T03:51:31","guid":{"rendered":"http:\/\/hardy-lavoie.com\/?p=404"},"modified":"2018-11-11T03:52:35","modified_gmt":"2018-11-11T03:52:35","slug":"original-animated-gifs","status":"publish","type":"post","link":"https:\/\/hardy-lavoie.com\/?p=404","title":{"rendered":"ORIGINAL ANIMATED GIFS"},"content":{"rendered":"<p><strong>Photoshop \u201cCut Out\u201d<\/strong><\/p>\n<p>I had an image in my head of the outside of a house while a party was going on so, I grabbed a picture of a house out off of CreativeCommons. I selected each window, and copy\/pasted as new layers to create a total of three layers per window. I used the paint bucket tool to color each layer and blended it with the \u201ccolor burn\u201d option to create that transparency. Then, using the timeline, I dragged and positioned each layer in the timeline so that the windows rotate through all of the different colored layers.<\/p>\n<p>I think this works pretty well \u2013 I wish I had found a suitable picture of a house at night because I think that would have worked a little bit better.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-311\" src=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700\" srcset=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700&amp;zoom=2 2x\" alt=\"HouseParty\" width=\"700\" height=\"857\" data-attachment-id=\"311\" data-permalink=\"https:\/\/mlhlblog.wordpress.com\/houseparty\/\" data-orig-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700\" data-orig-size=\"1140,1395\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"HouseParty\" data-image-description=\"\" data-medium-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700?w=245\" data-large-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700?w=700\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Adobe Animate: \u201cOnion-skinning\u201d<\/strong><\/p>\n<p>Wow. This one was hard. After compleating nearly 100 frames, I was really surprised to see how quickly this animation cycles through because it felt like it took forever to complete. I tried to stick to basic shapes because I was drawing with my finger. I eventually grabbed a stylus, but that didn\u2019t yield\u00a0better results. If there is one portion of this animation that I think works well, it has to be the solid blue circle that expands and decreases in size because it is the smoothest portion of this GIF.<\/p>\n<p>For this, I just followed the basic\u00a0tutorial that was posted on Blackboard. I changed the number of frames that the\u00a0\u201conion skin\u201d expands over so that I could see the entirety of the animation while I was drawing. I feel like there must be tools that make this easier, but I think that for a first time, it came out alright.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-312\" src=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/onion-skin.gif?w=413\" srcset=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/onion-skin.gif?w=413&amp;zoom=2 2x\" alt=\"Onion-Skin\" width=\"413\" height=\"300\" data-attachment-id=\"312\" data-permalink=\"https:\/\/mlhlblog.wordpress.com\/onion-skin\/\" data-orig-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/onion-skin.gif?w=700\" data-orig-size=\"413,300\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Onion-Skin\" data-image-description=\"\" data-medium-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/onion-skin.gif?w=700?w=300\" data-large-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/onion-skin.gif?w=700?w=413\" \/><\/p>\n<p><strong>Adobe Animate: \u201cTweening\u201d<\/strong><\/p>\n<p>I\u2019m really digging the way this one came out for a first try. Again, I followed the basic tutorial that was posted to Blackboard but wanted to kind of push myself a little bit more on this one. I got the idea after disposing of (another) plant that I couldn\u2019t keep alive. I set up the scene, copied the original frames, and pasted them. I then moved a petal halfway to the table, copied THOSE frames, and pasted it in again and moved the petal to the table. I tried to convey the drop of each petal by rotating the pieces and sizing them down to when they hit the table. A \u2018classic tween\u2019 was applied in-between each frame that has a new stage in the animation. \u00a0The only thing that is annoying, is that the entire scene drops down right before the last petal falls and I\u2019m not sure why. I re-checked my frames and it doesn\u2019t seem like that movement it visible there. I also was expecting the motion of the tween to look a little bit more natural and smooth, so if I were to re-do this, I\u2019d probably want to look up ways to improve on that.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-313\" src=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/plant.gif?w=550\" srcset=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/plant.gif?w=550&amp;zoom=2 2x\" alt=\"Plant\" width=\"550\" height=\"400\" data-attachment-id=\"313\" data-permalink=\"https:\/\/mlhlblog.wordpress.com\/plant\/\" data-orig-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/plant.gif?w=700\" data-orig-size=\"550,400\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Plant\" data-image-description=\"\" data-medium-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/plant.gif?w=700?w=300\" data-large-file=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/plant.gif?w=700?w=550\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop \u201cCut Out\u201d I had an image in my head of the outside of a house while a party was going on so, I grabbed a picture of a house out off of CreativeCommons. I selected each window, and copy\/pasted as new layers to create a total of three layers per window. I used the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[77,76,75,74],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ORIGINAL ANIMATED GIFS -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hardy-lavoie.com\/?p=404\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ORIGINAL ANIMATED GIFS -\" \/>\n<meta property=\"og:description\" content=\"Photoshop \u201cCut Out\u201d I had an image in my head of the outside of a house while a party was going on so, I grabbed a picture of a house out off of CreativeCommons. I selected each window, and copy\/pasted as new layers to create a total of three layers per window. I used the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hardy-lavoie.com\/?p=404\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/meaghanhardylavoie\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-04T03:51:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-11T03:52:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MLHL84\" \/>\n<meta name=\"twitter:site\" content=\"@MLHL84\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hardy-lavoie.com\/#website\",\"url\":\"https:\/\/hardy-lavoie.com\/\",\"name\":\"Meaghan Hardy-Lavoie\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hardy-lavoie.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=404#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700\",\"contentUrl\":\"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=404#webpage\",\"url\":\"https:\/\/hardy-lavoie.com\/?p=404\",\"name\":\"ORIGINAL ANIMATED GIFS -\",\"isPartOf\":{\"@id\":\"https:\/\/hardy-lavoie.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hardy-lavoie.com\/?p=404#primaryimage\"},\"datePublished\":\"2018-02-04T03:51:31+00:00\",\"dateModified\":\"2018-11-11T03:52:35+00:00\",\"author\":{\"@id\":\"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021\"},\"breadcrumb\":{\"@id\":\"https:\/\/hardy-lavoie.com\/?p=404#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hardy-lavoie.com\/?p=404\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hardy-lavoie.com\/?p=404#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hardy-lavoie.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ORIGINAL ANIMATED GIFS\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/hardy-lavoie.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ORIGINAL ANIMATED GIFS -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hardy-lavoie.com\/?p=404","og_locale":"en_US","og_type":"article","og_title":"ORIGINAL ANIMATED GIFS -","og_description":"Photoshop \u201cCut Out\u201d I had an image in my head of the outside of a house while a party was going on so, I grabbed a picture of a house out off of CreativeCommons. I selected each window, and copy\/pasted as new layers to create a total of three layers per window. I used the [&hellip;]","og_url":"https:\/\/hardy-lavoie.com\/?p=404","article_publisher":"https:\/\/www.facebook.com\/meaghanhardylavoie","article_published_time":"2018-02-04T03:51:31+00:00","article_modified_time":"2018-11-11T03:52:35+00:00","og_image":[{"url":"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700"}],"twitter_card":"summary_large_image","twitter_creator":"@MLHL84","twitter_site":"@MLHL84","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/hardy-lavoie.com\/#website","url":"https:\/\/hardy-lavoie.com\/","name":"Meaghan Hardy-Lavoie","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hardy-lavoie.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/hardy-lavoie.com\/?p=404#primaryimage","inLanguage":"en-US","url":"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700","contentUrl":"https:\/\/mlhlblog.files.wordpress.com\/2018\/02\/houseparty.gif?w=700"},{"@type":"WebPage","@id":"https:\/\/hardy-lavoie.com\/?p=404#webpage","url":"https:\/\/hardy-lavoie.com\/?p=404","name":"ORIGINAL ANIMATED GIFS -","isPartOf":{"@id":"https:\/\/hardy-lavoie.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hardy-lavoie.com\/?p=404#primaryimage"},"datePublished":"2018-02-04T03:51:31+00:00","dateModified":"2018-11-11T03:52:35+00:00","author":{"@id":"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021"},"breadcrumb":{"@id":"https:\/\/hardy-lavoie.com\/?p=404#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hardy-lavoie.com\/?p=404"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hardy-lavoie.com\/?p=404#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hardy-lavoie.com\/"},{"@type":"ListItem","position":2,"name":"ORIGINAL ANIMATED GIFS"}]},{"@type":"Person","@id":"https:\/\/hardy-lavoie.com\/#\/schema\/person\/b3d0c0908df37b760d35ed163fd98021","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/hardy-lavoie.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a1327cdafc0f7010f87aa1864663969?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/404"}],"collection":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=404"}],"version-history":[{"count":1,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/404\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=\/wp\/v2\/posts\/404\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hardy-lavoie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}