{"id":8241,"date":"2016-09-01T12:14:32","date_gmt":"2016-09-01T18:14:32","guid":{"rendered":"http:\/\/www.gratuitousscience.com\/?p=8241"},"modified":"2021-03-19T16:19:15","modified_gmt":"2021-03-19T22:19:15","slug":"gimp-tutorial-for-fembot-manips","status":"publish","type":"post","link":"http:\/\/www.gratuitousscience.com\/?p=8241","title":{"rendered":"GIMP Tutorial for Fembot Manips"},"content":{"rendered":"<p><em>NOTE: This tutorial is outdated, and no longer indicates how I make my manips.\u00a0 But there may be some useful tips in it, so I&#8217;ll leave it up as it was written.<\/em><\/p>\n<p><a href=\"https:\/\/www.gimp.org\/downloads\/\" target=\"_blank\" rel=\"noopener\">GIMP<\/a> is powerful, free image manipulating software.\u00a0 I use it in conjunction with <a href=\"http:\/\/www.irfanview.com\/\" target=\"_blank\" rel=\"noopener\">IrfanView<\/a> and good old MS Paint to make my fembot manips.<\/p>\n<p>This isn&#8217;t a full tutorial on making fembot manips, but it covers making shadows and some lighting effects.<\/p>\n<p>The <a href=\"http:\/\/www.fembotwiki.com\/images\/f\/f7\/Vm2.jpg\" target=\"_blank\" rel=\"noopener\">beautiful manip featured in this tutorial<\/a> was made by <a href=\"http:\/\/www.fembotwiki.com\/index.php?title=Sarabot\" target=\"_blank\" rel=\"noopener\">Sarabo<\/a>t, and is already quite sexy on its own.<\/p>\n<p>Click on these images to enlarge them.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01.png\" rel=\"attachment wp-att-8242\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8242 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01-300x169.png\" alt=\"Gimp Tutorial 01\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-01.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The first step is to load the image into GIMP.\u00a0 Make sure you have a backup of the image saved somewhere else.\u00a0 To make shadow effects, you need to know where the light is coming from, and which directions the shadows fall in the image, so study it closely for this.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02.png\" rel=\"attachment wp-att-8243\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8243 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02-300x169.png\" alt=\"Gimp Tutorial 02\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-02.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Zoom into the area you want to work on.\u00a0 The <strong>+<\/strong> and <strong>&#8211;<\/strong> keys control zoom, but make sure the main window of the GIMP program is selected first.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03.png\" rel=\"attachment wp-att-8244\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8244 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03-300x169.png\" alt=\"Gimp Tutorial 03\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-03.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>We&#8217;re going to make a shadow effect under the faceplate, so use the &#8220;<strong>Free Select Tool<\/strong>&#8221; in the Toolbox.\u00a0 Use the mouse to outline the shape of the faceplate&#8217;s eyehole.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04.png\" rel=\"attachment wp-att-8245\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8245 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04-300x169.png\" alt=\"Gimp Tutorial 04\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-04.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>While that area is selected, go to the menu and select <strong>Colors<\/strong>, then <strong>Brightness-Contrast&#8230; <\/strong>Change the brightness to -80, or whatever closely matches the rest of the shadows in the image.\u00a0 Go to the menu and choose <strong>Select<\/strong>, then <strong>All<\/strong> when you are done.\u00a0 That last step is important.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05.png\" rel=\"attachment wp-att-8246\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8246 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05-300x169.png\" alt=\"Gimp Tutorial 05\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-05.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Repeat the above process for the other faceplate eyehole.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06.png\" rel=\"attachment wp-att-8247\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8247 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06-300x169.png\" alt=\"Gimp Tutorial 06\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-06.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Use the <strong>Free Select Tool<\/strong> again, this time to draw the outline of a shadow under the faceplate.\u00a0 Be sure to follow the very edge of the faceplate and draw the shadow direction where the light would fall according to the rest of the image.\u00a0 This may take a few attempts to get right.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07.png\" rel=\"attachment wp-att-8248\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8248 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07-300x169.png\" alt=\"Gimp Tutorial 07\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-07.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Change the brightness of the selected area again to -80, or whatever looks best.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08.png\" rel=\"attachment wp-att-8249\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8249 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08-300x169.png\" alt=\"Gimp Tutorial 08\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-08.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Now select the <strong>Dodge \/ Burn Tool<\/strong>.\u00a0 Change the brush size using the arrows to the right of the number.\u00a0 Change the &#8220;Type&#8221; to &#8220;Burn&#8221; and the Range to &#8220;Highlights&#8221; so you can darken some of the areas closest to the faceplate (like a real shadow).\u00a0 You can play around with some of the other settings to see what they do if you like.\u00a0 Remember that GIMP has an undo feature.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09.png\" rel=\"attachment wp-att-8250\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8250 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09-300x169.png\" alt=\"Gimp Tutorial 09\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-09.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Zoom out and back in on the subfacial electronics.\u00a0 This area is close enough to an elliptical shape that we can use the <strong>Ellipse Select Tool<\/strong>.\u00a0 go to the menu and select <strong>Colors<\/strong>, then <strong>Brightness-Contrast&#8230;<\/strong> Change the contrast by +5.\u00a0 Changing the contrast like this to match the surrounding image can help the added electronics blend in better with the surroundings.\u00a0 Sometimes alteration is needed, sometimes none.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10.png\" rel=\"attachment wp-att-8251\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8251 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10-300x169.png\" alt=\"Gimp Tutorial 10\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-10.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Use the <strong>Dodge \/ Burn Too<\/strong>l again to alter the shadows and light to match the surrounding image.\u00a0 (sometimes it&#8217;s easier and better to simply flip the electronics image before manipping it in.)\u00a0 Use a bigger brush size.\u00a0 Dodge means lighten, Burn means darken.\u00a0 A Burn with a brush size of 5 was added at the very top of the electronics to make a shadow appear at the top.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11.png\" rel=\"attachment wp-att-8252\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8252 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11-300x169.png\" alt=\"Gimp Tutorial 11\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-11.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>If you want to ad LED effects into the electronics, Select the <strong>Paintbrush Tool<\/strong> and change colours using the <strong>Foreground &amp; Background colors<\/strong> button.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12.png\" rel=\"attachment wp-att-8253\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8253 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12-300x169.png\" alt=\"Gimp Tutorial 12\" width=\"300\" height=\"169\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12-300x169.png 300w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12-768x432.png 768w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12-1024x576.png 1024w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Gimp-Tutorial-12.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pick a brush size that looks good to you, and stick to primary and secondary colours that LEDs are made in, like red, green, yellow, and blue.\u00a0 A single click with the default paintbrush style looks great.\u00a0 This will look fine as long as your source image doesn&#8217;t have a certain coloured tint to it.<\/p>\n<p><a href=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Vm2.png\" rel=\"attachment wp-att-8254\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8254 size-medium\" src=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Vm2-199x300.png\" alt=\"Vm2\" width=\"199\" height=\"300\" srcset=\"http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Vm2-199x300.png 199w, http:\/\/www.gratuitousscience.com\/wp-content\/uploads\/2016\/09\/Vm2.png 672w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/a><\/p>\n<p>Zoom out and see how the image looks as a whole.\u00a0 When you are happy with it, go to the menu and select <strong>File<\/strong>, then <strong>Export As&#8230;<\/strong>\u00a0 Choose to export the file as a .png file with a compression level of 9.\u00a0 Saving as a .jpg degrades the image quality each time it is saved, and also degrades the quality and sharpness of the colour.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: This tutorial is outdated, and no longer indicates how I make my manips.\u00a0 But there may be some useful tips in it, so I&#8217;ll leave it up as it was written. GIMP is powerful, free image manipulating software.\u00a0 I use it in conjunction with IrfanView and good old MS Paint to make my fembot [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,14],"tags":[558,567,568],"class_list":["post-8241","post","type-post","status-publish","format-standard","hentry","category-asfr","category-fembots","tag-fembots","tag-manips","tag-tutorial"],"_links":{"self":[{"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/posts\/8241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8241"}],"version-history":[{"count":11,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/posts\/8241\/revisions"}],"predecessor-version":[{"id":10172,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=\/wp\/v2\/posts\/8241\/revisions\/10172"}],"wp:attachment":[{"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8241"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gratuitousscience.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}