{"id":774,"date":"2008-04-16T20:18:04","date_gmt":"2008-04-16T20:18:04","guid":{"rendered":"http:\/\/www.bartbusschots.ie\/blog\/?p=774"},"modified":"2014-08-04T20:35:59","modified_gmt":"2014-08-04T20:35:59","slug":"my-tilt-shift-instructions-for-gimp","status":"publish","type":"post","link":"https:\/\/www.bartbusschots.ie\/s\/2008\/04\/16\/my-tilt-shift-instructions-for-gimp\/","title":{"rendered":"My Tilt-Shift Instructions for GIMP"},"content":{"rendered":"<p>In <a href=\"http:\/\/www.bartbusschots.ie\/blog\/?p=753\">my first article on simulating tilt-shift miniature faking with the GIMP<\/a> I linked to instructions from <a href=\"http:\/\/gimparoo.blogspot.com\/2007\/02\/fake-tilt-shift.html\" target=\"_blank\">Gimparoo!<\/a>. Firstly, these instructions are no longer completely correct on the latest version of the GIMP because some of the menu sequences used have changed. Secondly, I&#8217;ve been looking at other sets of instructions on the web for doing this with PhotoShop and comparing them to the Gimparoo! instructions (particularly <a href=\"http:\/\/www.tiltshiftphotography.net\/photoshop-tutorial.php\" target=\"_blank\">these instructions<\/a>). What I&#8217;ve found is that the Gimparoo! instructions are not entirely complete so I&#8217;ve decided to write my own.<\/p>\n<p>As usual I want to stress that I am not making any claims that these instructions are in any way definitive. There may well be WAY better ways of doing this. What I&#8217;m saying is that this is the best way I&#8217;ve found of doing it so far and that it works for me.<\/p>\n<p>[tags]Tilt-shift Photography, Tilt-shift, photography, GIMP, miniature faking, photo editing[\/tags]<\/p>\n<p><!--more-->First, lets look at my raw image. This is not an image of mine but one Allison Sheridan from the <a href=\"http:\/\/www.podfeet.com\/\" target=\"_blank\">NosillaCast podcast<\/a> was nice enough to allow me to use. She took it last summer while on holidays in Italy.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemo-raw.jpg\" alt=\"Tilt-Shift Photography Demo - raw image\" width=\"464\" height=\"313\" style=\"border:0px solid black;\" \/><\/p>\n<p>The first thing to note is that a dramatic cloudy sky is not good to have on a TSP shot. It will ruin the illusion! Also, you need to have a point of focus in the image where there is something interesting happening which will serve as the point where the artificially thin depth of field will be centred. For both those reasons I&#8217;m going to start by cropping the photo to an area centred around the church square. To do that just choose the selection tool, select the area you want to keep and then go to <code>Image -> Crop to Selection<\/code>.<\/p>\n<p>For the effect to work best we should scale the image to the size we want to use it at (I&#8217;m opting for a width of 1024px). To do that go to <code>Image -> Scale Image ...<\/code> and enter the width you want and click Scale. Apart from your chosen width or height all the rest of the controls can be left at their default settings.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss1.png\" alt=\"Tilt-Shift Photography Demo - Scale Image\" width=\"414\" height=\"358\" style=\"border: 0px solid black\" \/><\/p>\n<p>The sharper your image is at the point you&#8217;ll be using as your focus the better the effect will be. If your original image is a little soft I&#8217;d recommend applying an un-sharp mask by going to <code>Filters -> Enhance -> Unsharp Mask ...<\/code>. Again, the defaults should be fine.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss2.png\" alt=\"Tilt-Shift Photography Demo - Unsharp Mask\" width=\"323\" height=\"469\" style=\"border: 0px solid black\" \/><\/p>\n<p>So lets see where that leaves us so far:<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemo-croppedandsharpened.jpg\" alt=\"Tilt-Shift Photography Demo - Cropped &#038; Sharpened\" width=\"464\" height=\"290\" style=\"border: 0px solid black\" \/><\/p>\n<p>The next phase in the process is to apply the blurring that will artificially produce a shallow depth of field. To set this up we need to do a few things. We start by creating a new transparent blank layer called &#8216;Mask&#8217; by choosing <code>Layer -> New Layer ...<\/code>. The settings for this layer should look like this (the width and height will probably be different, leave them at their default values):<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss3.png\" alt=\"Tilt-Shift Photography Demo - Create New Layer\" width=\"323\" height=\"364\" style=\"border: 0px solid black\" \/><\/p>\n<p>Next we need to set this layer up as a masking layer by right-clicking on the layer in the Layers Pallet and then choosing <code>Add Layer Mask<\/code>. (Before you do this you should make sure you have black set as the foreground colour and white as the background colour.)<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss4.jpg\" alt=\"Tilt-Shift Photography Demo - Add Mask\" width=\"343\" height=\"763\" style=\"border: 0px solid black\" \/><\/p>\n<p>In the resulting dialogue box you need to select <code>White (full opacity)<\/code>.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss5.png\" alt=\"Tilt-Shift Photography Demo - Add Mask Step 2\" width=\"323\" height=\"400\" style=\"border: 0px solid black\" \/><\/p>\n<p>Next you need to select the blend (AKA gradient) tool and ensure it is set to the default gradient of <code>FG to BG (RGB)<\/code>. Then you need to set the shape to Shape to <code>Bi-linear<\/code>. The blend tool details should look like the following if you have it configured correctly:<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss6.jpg\" alt=\"Tilt-Shift Photography Demo - Blend Tool Configuration\" width=\"207\" height=\"261\" style=\"border: 0px solid black\" \/><\/p>\n<p>Before we go any further make sure you have the Mask layer selected as your current layer. Now it&#8217;s time to get creative! We need to choose our point of focus in the image and then drag a line from there with the blend tool straight upwards till the point where you&#8217;d like the deep out-of-focus region to start. You won&#8217;t see much happening on the screen. If you&#8217;re very observant you&#8217;ll notice that the gradient has now been drawn onto the thumbnail of the mask in the Layers Pallet:<\/p>\n<p style=\"text-align:center\"><img decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss7.jpg\" alt=\"Tilt-Shift Photography Demo - Layers Pallet Showing Blended Mask\"width=\"254\" height=\"81\" style=\"border: 0px solid black\" \/><\/p>\n<p>Note that if the point you&#8217;ve chosen for the focus of the image is not on the level then you should not drag straight up but rather perpendicular to the slope of the ground at your focal point. <\/p>\n<p>Now you need to turn this blend into a mask by right-clicking on the Mask layer and selecting <code>Mask to Selection<\/code>.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss8.jpg\" alt=\"Tilt-Shift Photography Demo - Mask to Selection\" width=\"345\" height=\"522\" style=\"border: 0px solid black\" \/><\/p>\n<p>At this point you will finally get to see where your blurring will come on your image. If the selection hasn&#8217;t come where you want, undo the last two steps (<code>Edit -> Undo<\/code>) and try again until you&#8217;re happy.<\/p>\n<p>Now you need to select the Background layer before we can apply the blurring. To apply the blurring go to <code>Filters -> Blur -> Gaussian Blur ...<\/code>. This will pop up a window where you get to configure the blur. Conventional wisdom seems to be that a Blur Radius of 15px works best.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss9.png\" alt=\"Tilt-Shift Photography Demo - Gaussian Blur\" width=\"390\" height=\"473\" style=\"border: 0px solid black\" \/><\/p>\n<p>Now we&#8217;re getting closer. Lets have a look at where we are now:<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemo-blurred.jpg\" alt=\"Tilt-Shift Photography Demo - The Image After Blurring\" width=\"464\" height=\"290\" style=\"border: 0px solid black\" \/><\/p>\n<p>At this point we&#8217;re clearly getting close but we&#8217;re not quite there yet. There is one more step that we definitely have to take and one that may also be helpful. We definitely have to push up the colours to give the whole image a more surreal feel and it may also be helpful to tweak the curves a little to boost contrast.<\/p>\n<p>To boost the colours we use the Hue-Saturation dialogue which can be found at <code>Colors -> Hue-Saturation ...<\/code>. What we want to do here is to increase the Saturation. Accepted wisdom seems to be that a value in or around +40 should work best.<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss10.png\" alt=\"Tilt-Shift Photography Demo - Boost Saturation\" width=\"402\" height=\"506\" style=\"border: 0px solid black\" \/><\/p>\n<p>Finally, it might add a little to your image to boost the contrast slightly by going to <code>Colors -> Curves ...<\/code> and setting a slight S-curve to boost the highlights and darken the shadows. You&#8217;re looking for a curve something like this:<\/p>\n<p style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemoss11.png\" alt=\"Tilt-Shift Photography Demo - Curve to Boost Contrast\" width=\"402\" height=\"545\" style=\"border: 0px solid black\" \/><\/p>\n<p>And that, ladies and gentlemen, is it! You can now save out your image and enjoy! Here&#8217;s the end result of my work on this image:<\/p>\n<p style=\"text-align:center\"><a href=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemo-finished-full.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.bartbusschots.ie\/blog\/wp-content\/uploads\/2008\/04\/tspdemo-finished.jpg\" alt=\"Tilt-Shift Photography Demo - The Finished Product\" width=\"464\" height=\"290\" style=\"border: 0px solid black\" \/><br \/>Click to Enlarge<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In my first article on simulating tilt-shift miniature faking with the GIMP I linked to instructions from Gimparoo!. Firstly, these instructions are no longer completely correct on the latest version of the GIMP because some of the menu sequences used have changed. Secondly, I&#8217;ve been looking at other sets of instructions on the web for [&hellip;]<\/p>\n","protected":false},"author":3,"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":[12,22],"tags":[124,374,408,188,458],"series":[],"class_list":["post-774","post","type-post","status-publish","format-standard","hentry","category-computers-tech","category-photography","tag-gimp","tag-image-processing","tag-open-source","tag-software","tag-tutorial"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7t9xK-cu","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/posts\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/comments?post=774"}],"version-history":[{"count":1,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/posts\/774\/revisions"}],"predecessor-version":[{"id":7659,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/posts\/774\/revisions\/7659"}],"wp:attachment":[{"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/media?parent=774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/categories?post=774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/tags?post=774"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.bartbusschots.ie\/s\/wp-json\/wp\/v2\/series?post=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}