{"id":3269,"date":"2013-10-02T14:38:12","date_gmt":"2013-10-02T19:38:12","guid":{"rendered":"http:\/\/rockylouproductions.com\/blog_wp\/?p=3269"},"modified":"2014-04-05T19:40:45","modified_gmt":"2014-04-06T00:40:45","slug":"gifs-gimp-and-me","status":"publish","type":"post","link":"https:\/\/rockylouproductions.com\/blog_wp\/2013\/10\/02\/gifs-gimp-and-me\/","title":{"rendered":"Gifs, Gimp and Me (3M-DS106 Repost)"},"content":{"rendered":"<p><em><span style=\"color: #ff0000;\">Originally posted 10\/2\/13 on an internal 3M blog by \u201cJS\u201d a <span style=\"color: #33cccc;\"><a title=\"3M-DS106 Invitation\" href=\"http:\/\/wp.me\/p3zfrO-Cf\"><span style=\"color: #33cccc;\">3M-DS106 Salon member<\/span><\/a><\/span><\/span><\/em><\/p>\n<div role=\"article\">\n<p dir=\"ltr\"><span style=\"line-height: 1.714285714; font-size: 1rem;\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"3278\" data-permalink=\"https:\/\/rockylouproductions.com\/blog_wp\/2013\/10\/02\/gifs-gimp-and-me\/3m_js\/\" data-orig-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/3M_JS.jpg?fit=73%2C73&amp;ssl=1\" data-orig-size=\"73,73\" 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;}\" data-image-title=\"3M_JS\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/3M_JS.jpg?fit=73%2C73&amp;ssl=1\" loading=\"lazy\" class=\"size-full wp-image-3278 alignleft\" alt=\"3M_JS\" src=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/3M_JS.jpg?resize=73%2C73\" width=\"73\" height=\"73\" \/>\u00a0I decided to go with the less creative title \u201cGifs, Gimp and Me\u201d instead of what I originally thought of, which was \u201cI ain\u2019t no Gimp!\u201d Which struck me as funny and worked on several levels but was a little unprofessional.<\/span><\/p>\n<p dir=\"ltr\">I am not a Gimp-ophile. Not by a long shot. I have learned several things, though, and I was able to create my own gifs! Thanks to the internet and what sounds like a preteen girl and a teenage boy. See videos below.<\/p>\n<p dir=\"ltr\">I downloaded Gimp and checked it out to see what I could intuit from it. The answer: NOTHING. I literally could not understand what any of the buttons meant besides the basic: line, fill, lasso. Very humbling. I felt very stupid.<\/p>\n<p dir=\"ltr\">So I Googled: \u201cHow to make a gif using Gimp\u201d and got the Gimp website\u2019s tutorial, a girl who explained how to make a gif of Jennifer Lawrence (Katniss Everdeen) shooting an arrow over and over and the boy who drew a stick figure walking. The Gimp website was less than helpful. I could not understand what they meant by \u201cGaussian blur\u201d or \u201calpha to selection\u201d. The girl and boy were much better. I learned about layers and timing and playback. (Which is located under Filters -&gt; Animation -&gt; Playback, by the way. Who knew? Talk about a steep learning curve).<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"625\" height=\"352\" src=\"https:\/\/www.youtube.com\/embed\/f-9_HwRcd1A?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p dir=\"ltr\">I have a presentation coming up in which I will describe how a Flame Ionization Detector (FID) works. Just the basics. Of course, I get the brilliant idea that I will animate the FID diagram to literally illustrate my point. Because what could go wrong?<\/p>\n<p dir=\"ltr\">Have I mentioned that I like to tackle big projects instead of working through little ones first? I do that with baking all the time. Why start small and boring when you can do a BIG EXTRAVAGANZA with FROSTING and FLAVORS and COLORS! Except that it is often more difficult and frustrating than if you would have started small. But the emotional payoff potential is really big. Cost-effective? You decide.<\/p>\n<p dir=\"ltr\">There really is no stopping me &#8211; short of dismemberment &#8211; once I start so here I go\u2026.<\/p>\n<p dir=\"ltr\">The FID diagram by itself:<\/p>\n<p dir=\"ltr\"><a title=\"FID diagram by DexLabDeeDee, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/102981906@N07\/10056653303\/\"><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" alt=\"FID diagram\" src=\"https:\/\/i0.wp.com\/farm6.staticflickr.com\/5445\/10056653303_a19e90fcf7.jpg?resize=447%2C428\" width=\"447\" height=\"428\" \/><\/a><\/p>\n<p dir=\"ltr\">Now, I need to show that the separated gas coming from the column in the gas chromatograph hits the flame and is ionized. The resulting electrical charge creates a peak on the chromatograph which we can use to identify how much of that particular analyte is present. So easy even a caveman can do it!<\/p>\n<p dir=\"ltr\">My attempts to do this in Gimp resulted in disaster. I do not like how once you create a shape in Gimp it becomes part of the picture. You cannot move the shape without taking the background with it. I\u2019m not used to this. When I create shapes in Excel they are independent until I group them together. I can move them alllllll over the place. It\u2019s great. Not so in Gimp. You better get your placement right the first time otherwise you\u2019re screwed. This is incredibly difficult to do when you are trying to precisely animate a section of gas moving through a column.<\/p>\n<p dir=\"ltr\">Also, each of the layers I created just compounded on each other so instead of the gas moving up through the column; it was just one long line of gas building on top of each other. I tried several things and Googled a lot. Nothing helped so I looked for an easier program. I downloaded Paint.net. Bad idea. Not any easier. So I switched to Paint. Still the problem with the whole placement thing but I figured out a way to get around it.<\/p>\n<p dir=\"ltr\">I am familiar with animation in the traditional, drawing sense so I knew that I needed a frame for each move and I needed the background to always be the diagram. I know that animators use transparent paper to see their changes and then add the background later but I couldn\u2019t figure this out in Gimp. What I did instead was I created a single file for each of the frames that I would need. Starting from one frame, I copied the rectangle shape that I needed and noted it\u2019s location on that previous frame. Then I pasted it in the next frame, same location, and moved it up two pixels by hand. Super tedious. But it worked.<\/p>\n<p dir=\"ltr\">I used that method of noting location and movement for the entire animation. The result: 95 frames cut down to 50 frames for a shorter overall animation time. Then, &#8211; thank you Katniss Everdeen Gimp girl! &#8211; I used Gimp to take all my frames and put them together in an animation. I thought the animation went too fast for the flame part so I went back and changed the timing on the last few frames &#8211; thank you stick figure Gimp boy! (This can be done by right clicking on the layer, selecting Edit Layer Attributes and putting the frame delay (in milliseconds) in paranthesis next to the layer name. Like this: \u201cLayer 1 (250ms)\u201d. The default layer delay is 100ms.)<\/p>\n<p dir=\"ltr\">Here is my animation:<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/FIDAnimation.gif\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"3271\" data-permalink=\"https:\/\/rockylouproductions.com\/blog_wp\/2013\/10\/02\/gifs-gimp-and-me\/fidanimation\/\" data-orig-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/FIDAnimation.gif?fit=447%2C428&amp;ssl=1\" data-orig-size=\"447,428\" 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;}\" data-image-title=\"FIDAnimation\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/FIDAnimation.gif?fit=447%2C428&amp;ssl=1\" loading=\"lazy\" class=\"alignnone size-full wp-image-3271\" alt=\"FIDAnimation\" src=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/FIDAnimation.gif?resize=447%2C428\" width=\"447\" height=\"428\" \/><\/a><\/p>\n<p dir=\"ltr\">\u00a0I also wanted to signal heat for a different part of my presentation so I made this simple one using Excel to create the shapes, copying them into Paint to make it a .png file and then Gimp to animate my two frames. Much easier!<\/p>\n<p dir=\"ltr\">Here is heat:<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/Heat.gif\"><img data-recalc-dims=\"1\" decoding=\"async\" data-attachment-id=\"3272\" data-permalink=\"https:\/\/rockylouproductions.com\/blog_wp\/2013\/10\/02\/gifs-gimp-and-me\/heat\/\" data-orig-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/Heat.gif?fit=155%2C200&amp;ssl=1\" data-orig-size=\"155,200\" 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;}\" data-image-title=\"Heat\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/Heat.gif?fit=155%2C200&amp;ssl=1\" loading=\"lazy\" class=\"alignnone size-full wp-image-3272\" alt=\"Heat\" src=\"https:\/\/i0.wp.com\/rockylouproductions.com\/blog_wp\/wp-content\/uploads\/2013\/10\/Heat.gif?resize=155%2C200\" width=\"155\" height=\"200\" \/><\/a><\/p>\n<p dir=\"ltr\">Next post &#8211; getting rid of the background in your picture (.png) using Gimp!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Originally posted 10\/2\/13 on an internal 3M blog by \u201cJS\u201d a 3M-DS106 Salon member \u00a0I decided to go with the less creative title \u201cGifs, Gimp and Me\u201d instead of what I originally thought of, which was \u201cI ain\u2019t no Gimp!\u201d Which struck me as funny and worked on several levels but was a little unprofessional. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_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":""},"categories":[188,64,460],"tags":[],"class_list":["post-3269","post","type-post","status-publish","format-standard","hentry","category-3m-ds106","category-animated-gif","category-ds106"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3zfrO-QJ","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/3269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/comments?post=3269"}],"version-history":[{"count":11,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/3269\/revisions"}],"predecessor-version":[{"id":4598,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/posts\/3269\/revisions\/4598"}],"wp:attachment":[{"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/media?parent=3269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/categories?post=3269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockylouproductions.com\/blog_wp\/wp-json\/wp\/v2\/tags?post=3269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}