{"id":614,"date":"2008-03-18T23:36:12","date_gmt":"2008-03-19T03:36:12","guid":{"rendered":"http:\/\/blogs.n1zyy.com\/n1zyy\/2008\/03\/18\/quick-photoshop-tutorial\/"},"modified":"2008-03-18T23:36:12","modified_gmt":"2008-03-19T03:36:12","slug":"quick-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/blogs.n1zyy.com\/n1zyy\/2008\/03\/18\/quick-photoshop-tutorial\/","title":{"rendered":"Quick Photoshop Tutorial"},"content":{"rendered":"<p>As a photographer, and an obsessive-compulsive nut, I spend a lot of time working on tweaking photos in Photoshop. Inspired by a recent project, here&#8217;s my workflow for one image. Here&#8217;s what I started with:<\/p>\n<figure id=\"attachment_mmd_2\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/orig.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>It&#8217;s an aerial photograph, and certainly not a <em>bad<\/em> photograph. But it can be better!<\/p>\n<p>The first thing I tend to address is how much detail is &#8220;lost&#8221; in the shadows and highlights. Often you&#8217;ll find a photo that looks washed out. (Less often, you&#8217;ll find one that&#8217;s excessively dark.) The good news is that, within reason, you can fix this up. The classic way is the Levels tool in Photoshop (Ctrl+L). But newer versions have a Shadows &#038; Highlights wizard, something I&#8217;ve taken to using before I even get to Levels. The Shadows &#038; Highlight tool (Image \/ Adjustments \/ Shadow &#038; Highlight) gives you two sliders, one to bring out detail in the shadows (the dark regions), and one to bring out detail in the highlights (the exceedingly light regions). Here&#8217;s how it looks after a quick adjustment:<\/p>\n<figure id=\"attachment_mmd_3\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/1-sh.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>It&#8217;s definitely looking better. But it&#8217;s still not quite there. You have to be careful with the Shadows &#038; Highlight tool, because applying too much results in an image that looks entirely artificial. You can adjust it so it starts to look like real life, but take it much further and you&#8217;re quickly at, &#8220;Wow, someone got carried away in Photoshop&#8230;&#8221; So I had to stop when the image was still slightly washed out. Take a look at the shadows cast by the buildings, which are the darkest part of the photo. The darkest part should be black, not gray. This is where Levels (Ctrl + L, or Image \/ Adjustments \/ Levels) comes in:<\/p>\n<figure id=\"attachment_mmd_4\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/Untitled-1.png\" width=\"405\" height=\"337\" alt=\"\"><\/figure>\n<p>A few things to note. The graph is called a histogram, and it&#8217;s basically a graph of how much of the photo is each shade of gray, ranging from pure black on the left to pure white on the right. Short of just hitting the &#8216;Auto&#8217; button (which often produces results I don&#8217;t quite like), the easiest way to tweak the levels is to drag the sliders appropriately. Pull the black arrow (underneath the graph, above the &#8220;0&#8221; text box) until it points to where the graph is just starting to slope upwards. (Or, more accurately, to where the graph is non-zero.) You could do the same with the whites, although in this case, it&#8217;s properly-adjusted.<\/p>\n<p>In this case, this is all we need. Press &#8220;OK&#8221; and you&#8217;re done. (A more advanced technique that&#8217;s sometimes called for involves using the eyedroppers above the &#8220;Preview&#8221; checkbox. Click the black eyedropper, and then click on the photo to select what you want to define as 100% black. Do the same with the white eyedropper, selecting what should be pure white in the photo. The gray one is more tricky, as you&#8217;re setting color balance, but you essentially want to find a &#8220;neutral gray,&#8221; something like pavement. You really just click around until you find something that looks good. But in this case, none of this is necessary.)<\/p>\n<p>After clicking OK, here&#8217;s what you get:<\/p>\n<figure id=\"attachment_mmd_5\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/2-levels.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>The shadows are now black. More generally, and perhaps more importantly, the photo no longer looks washed out. It&#8217;s properly exposed.<\/p>\n<p>In this case it&#8217;s not bad, but the next step is to look at the color cast of the image. It&#8217;s more pronounced in other photos, which often have various color tints that they shouldn&#8217;t.<\/p>\n<p>Here&#8217;s the Variations menu (Image \/ Adjustments \/ Variations):<\/p>\n<figure id=\"attachment_mmd_0\" class=\"wp-block-image alignnone\"><a href=\"http:\/\/ttwagner.com\/psdtut\/variations.png\" target=\"_blank\" rel=\"noopener noreferrer\">><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/variations-500px.png\" width=\"500\" height=\"406\" alt=\"\"><\/a><\/figure>\n<p>Make a habit of clicking on the photo under &#8220;Original,&#8221; which will reset it. When you first start otherwise, it&#8217;ll save whatever settings you have from last time. Unless things are insanely bad, I tend to slide the slider over from the center to where it&#8217;s shown in the photo. Do this mostly just &#8220;to taste.&#8221; My end result is subtle:<\/p>\n<figure id=\"attachment_mmd_6\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/3-variations.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>Now, we&#8217;re basically there. One last thing. I like really &#8220;sharp&#8221; images. It&#8217;s not <em>blurry<\/em> per se, but it doesn&#8217;t have that &#8220;tack sharp&#8221; status. Photoshop makes it very easy to sharpen images. I tend to use the &#8220;Smart Sharpen&#8221; available in newer Photoshop versions, though the older &#8220;Unsharp Mask&#8221; remains popular and effective. Here&#8217;s the Smart Sharpen (Filters \/ Sharpen \/ Smart Sharpen&#8230;) dialog:<\/p>\n<figure id=\"attachment_mmd_1\" class=\"wp-block-image alignnone\"><a href=\"http:\/\/ttwagner.com\/psdtut\/smartsharpen.png\" target=\"_blank\" rel=\"noopener noreferrer\">><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/smartsharpen-500px.png\" width=\"500\" height=\"337\" alt=\"\"><\/a><\/figure>\n<p>You set two things: the <em>amount<\/em> of sharpening to apply, and the <em>radius<\/em> of the sharpening. Here, I used settled on an amount of 66%, and a radius of 0.5 pixels. This sort of blend is common. Another alternative is the &#8220;haze&#8221; sharpen, which is something like 20\/20 (a low 20%, but over a huge 20 pixels). Applying the 66%, 0.5-pixel sharpening gives us this image:<\/p>\n<figure id=\"attachment_mmd_7\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/4-sharp-66-half.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>So here we are. We&#8217;ve made lots of subtle changes, but all of them are quick. But then jump back to where we started:<\/p>\n<figure id=\"attachment_mmd_2\" class=\"wp-block-image alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/ttwagner.com\/psdtut\/orig.jpg\" width=\"500\" height=\"375\" alt=\"\"><\/figure>\n<p>One additional tip: I didn&#8217;t need it here, but adjusting Saturation can help with some more dull-looking photos. Ctrl+U is the shortcut to memorize, but Image \/ Adjustments \/ Hue &#038; Saturation is the menu entry. Just don&#8217;t go too overboard.<\/p>","protected":false},"excerpt":{"rendered":"<p>As a photographer, and an obsessive-compulsive nut, I spend a lot of time working on tweaking photos in Photoshop. Inspired by a recent project, here&#8217;s my workflow for one image. Here&#8217;s what I started with: It&#8217;s an aerial photograph, and &hellip; <a href=\"https:\/\/blogs.n1zyy.com\/n1zyy\/2008\/03\/18\/quick-photoshop-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,20,24],"tags":[],"class_list":["post-614","post","type-post","status-publish","format-standard","hentry","category-ocd","category-photography","category-rants-raves"],"_links":{"self":[{"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/posts\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":0,"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/posts\/614\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/media?parent=614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/categories?post=614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.n1zyy.com\/n1zyy\/wp-json\/wp\/v2\/tags?post=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}