{"id":1163,"date":"2013-10-18T17:04:30","date_gmt":"2013-10-18T16:04:30","guid":{"rendered":"http:\/\/johnjohnston.info\/106\/?p=1163"},"modified":"2013-10-18T17:19:38","modified_gmt":"2013-10-18T16:19:38","slug":"a-transformation","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/106\/a-transformation\/","title":{"rendered":"A Transformation"},"content":{"rendered":"<p>So I&#8217;ve not giffed much recently. Last week I decided to join in with the ds106 offshoot, <a title=\"Giffi.us | A Collaborative Story\" href=\"http:\/\/giffi.us\">Giffi.us A Collaborative Story<\/a> with <a href=\"http:\/\/giffi.us\/gif-story\/he-had-t0-run-for-his-life\/\">He had to run for his life<\/a>, this then helped with the design assignment from two posts ago.<\/p>\n<p><a href=\"https:\/\/plus.google.com\/communities\/118306973000299930579\">Collabogiffing &#8211; Community &#8211; Google+<\/a><\/p>\n<p>Given a bit of free lunch time time today I was musing on the idea and wanted to make a couple of illustrative gifs. A quick search on youtube for transformation struck black and white gold: <a href=\"http:\/\/www.youtube.com\/watch?v=kq7cpx_ixPw\">The Transformation &#8211; Dr. Jekyll and Mr. Hyde (1941)<\/a>, what was great about this movie was the lack of a moving camera.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1164\" alt=\"The_Transformation_Dr._Jekyll_and_Mr._Hyde_1941\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/The_Transformation_Dr._Jekyll_and_Mr._Hyde_1941.gif\" width=\"490\" height=\"360\" \/><br \/>\nFirst I grabbed the transformation itself, then another couple of gifs. All very straightforward, crop to short selection in MPEG Streamclip (i an o keys are your friend), export to stills and pull into Fireworks.<br \/>\nIn Fireworks, select all layers and distribute to frames.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1165\" alt=\"run_hyde\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/run_hyde.gif\" width=\"490\" height=\"360\" \/><\/p>\n<p>The second two gifs I wanted to make look so I faded the figure in over the first couple of frames. To do this I copied a segment from the last frame where the figure was on the first. Pasted that over the first frame to hie the figure there. Duplicated the first frame a couple of times, making the &#8216;patch&#8217; less opaque each time. Minimum work for quite I nice effect I think.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1166\" alt=\"bridge\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/bridge.gif\" width=\"490\" height=\"360\" \/><\/p>\n<p><a href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/fade-in.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1168\" alt=\"fade-in\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/fade-in-300x208.jpg\" width=\"300\" height=\"208\" srcset=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/fade-in-300x208.jpg 300w, https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/10\/fade-in.jpg 700w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I&#8217;ve not giffed much recently. Last week I decided to join in with the ds106 offshoot, Giffi.us A Collaborative Story with He had to run for his life, this then helped with the design assignment from two posts ago. Collabogiffing &#8211; Community &#8211; Google+ Given a bit of free lunch time time today I &hellip; <a href=\"https:\/\/johnjohnston.info\/106\/a-transformation\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;A Transformation&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[74,49],"tags":[112,29,51],"class_list":["post-1163","post","type-post","status-publish","format-standard","hentry","category-animatedgif","category-assignment","tag-headless","tag-visualassignments","tag-visualassignments2"],"better_featured_image":null,"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3RLlC-iL","_links":{"self":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/1163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/comments?post=1163"}],"version-history":[{"count":3,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/1163\/revisions"}],"predecessor-version":[{"id":1169,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/1163\/revisions\/1169"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/media?parent=1163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/categories?post=1163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/tags?post=1163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}