{"id":911,"date":"2013-08-11T14:20:31","date_gmt":"2013-08-11T13:20:31","guid":{"rendered":"http:\/\/johnjohnston.info\/106\/?p=911"},"modified":"2013-08-11T14:20:31","modified_gmt":"2013-08-11T13:20:31","slug":"duck","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/106\/duck\/","title":{"rendered":"Duck!"},"content":{"rendered":"<p><a href=\"http:\/\/iamtalkytina.com\/2013\/08\/august-2013-gif-challenge-10-monster-chiller-horror-theatre-3d-style-gifs\/\">August 2013 GIF Challenge #10: Monster Chiller Horror Theatre 3D Style GIF<\/a> on I am Talky Tina.<\/p>\n<blockquote><p>look for a part of a scene in a 3D type movie where the thing comes right out of the screen at you and then makes a GIF out of it.<\/p><\/blockquote>\n<p>This could be quite a time consuming challenge, unless you were a 3d fan.<br \/>\nI just went to youtube and put <a href=\"http:\/\/www.youtube.com\/results?search_query=3d+movie+&amp;oq=3d+movie+&amp;gs_l=youtube.3..0l10.1214.3084.0.5353.9.6.0.0.0.0.338.955.1j4j0j1.6.0...0.0...1ac.1.11.youtube._EXT02y61PM\">3d movie<\/a> in the search. Halfway down the results was <a href=\"http:\/\/www.youtube.com\/watch?v=yQd5GdVHuqY\">Ramayana &#8211; The Epic<\/a> I clicked through and skimmed through the movie. I usually use <a href=\"http:\/\/kwizzu.com\/\">Fastesttube<\/a> to grab youtube videos but this one was over an hour and a half long, so I used quicktime to record the screen to a movie file for a short section. This section I opened with MPEG Stramclip and trimed to a shorter section. This was exported to an image sequence, setting file type to jpeg, quality to 80% and 12 frames per second.<br \/>\nI got 60 images in a folder. I had exported at full size 1280 pixels wide so I used the sips program in the terminal to resize them (I could have done this in MPEG streamclip, in the export settings or later in Fireworks, but sips is a handy thing).<\/p>\n<h3>sips<\/h3>\n<p>To use sips you open a terminal window and type:<br \/>\nsips &#8211;resampleWidth 640<br \/>\nThen drag all the images from the finder into the terminal window. This lists the paths to these files after the command you just typed. It looks a bit of a mess but just hit return and all of the images are resized.<\/p>\n<h3>Fireworks<\/h3>\n<p>I open the first image in Fireworks to create a new document, then drag all of the other images onto that document window. This gave me a 60 layer doc. I clicked on one layer in the layers window and then cmd-A (Select all) .<\/p>\n<p>Next I open the frames window and from the popup menu at the top choose <strong>Distribute to Frames\u00a0<\/strong>this gives me a 60 frame animation. It is also about 3mb.<\/p>\n<p>In the frames window I cmd-click on all the even frames and drag them to the bin. I select all the remaining frames and double click on the Frame Delay column, I double the delay to 14\/100 and preview. Still a bit big.<\/p>\n<p>I delete some of the initial frames as not a lot happens there. I repeat the removal of every second frame, but don&#8217;t delete the one (5) in the middle of the big move. This time I set the delay to 21\/100, it looks ok so I set the delay to frame 5 and 6 (now out of 11) back to 14. I set the delay to frame 1 and 11 to 50\/100 to get a bit of a pause.<\/p>\n<p>A preview shows this looks not to bad so I have a look at the Optimise window. Mostly adjusting the number of colours. Exporting a gif each time to see what it looks like. (I really like the feature in fireworks that in a file save the warning dialog that you are going to replace a file has its default to OK to replace rather than cancel). I finally settle on 128 colours which give a 750k gif:<\/p>\n<p><a href=\"http:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/08\/snake-012.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-912\" alt=\"snake 012\" src=\"https:\/\/johnjohnston.info\/106\/wp-content\/uploads\/2013\/08\/snake-012.gif\" width=\"600\" height=\"338\" \/><\/a><\/p>\n<p>A couple of weeks ago I did a screencast of using fireworks for giffing, but missed a couple of important points. I will redo and publish in case other ds106ers would find Fireworks a useful giff tool.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>August 2013 GIF Challenge #10: Monster Chiller Horror Theatre 3D Style GIF on I am Talky Tina. look for a part of a scene in a 3D type movie where the thing comes right out of the screen at you and then makes a GIF out of it. This could be quite a time consuming &hellip; <a href=\"https:\/\/johnjohnston.info\/106\/duck\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Duck!&#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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[74,49],"tags":[202,84,112,110],"class_list":["post-911","post","type-post","status-publish","format-standard","hentry","category-animatedgif","category-assignment","tag-animatedgif","tag-animatedgifassignments","tag-headless","tag-headless13"],"better_featured_image":null,"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/s3RLlC-duck","_links":{"self":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/911","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=911"}],"version-history":[{"count":5,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/911\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/posts\/911\/revisions\/917"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/media?parent=911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/categories?post=911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/106\/wp-json\/wp\/v2\/tags?post=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}