<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" > <channel> <title>DIY Craft Photography</title> <atom:link href="/category/post-processing/photoshop-tutorials-post-processing/feed/" rel="self" type="application/rss+xml" /> <link></link> <description>Product photography for handmade goods</description> <lastBuildDate>Mon, 31 Mar 2014 14:17:50 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod> hourly </sy:updatePeriod> <sy:updateFrequency> 1 </sy:updateFrequency> <generator>https://wordpress.org/?v=6.5.5</generator> <image> <url>/wp-content/uploads/2019/04/cropped-DIYC-site-icon-32x32.png</url> <title>DIY Craft Photography</title> <link></link> <width>32</width> <height>32</height> </image> <item> <title>Photoshop CS6 Settings Tips</title> <link>/photoshop-cs6-settings-tips/</link> <dc:creator><![CDATA[M. Johnson]]></dc:creator> <pubDate>Thu, 13 Feb 2014 08:00:07 +0000</pubDate> <category><![CDATA[Photoshop Tutorials]]></category> <category><![CDATA[Post Processing]]></category> <guid isPermaLink="false">/?p=965</guid> <description><![CDATA[Whenever I upgrade to a new version of Photoshop or install it fresh I find myself tweaking the settings for a while before I’ve got it working the way I like it. If you’re new to CS6, you might be annoyed at some of the things it does by default. Here are my Photoshop CS6...</p><p><a class="more-link" href="/photoshop-cs6-settings-tips/">Read More</a></p>]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><a href="/wp-content/uploads/2014/02/photoshop_settings_youll_love_header.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-1393" alt="Adjust these Photoshop settings to make working in PS easier, faster, and safer!" src="/wp-content/uploads/2014/02/photoshop_settings_youll_love_header.jpg" width="735" height="364" srcset="/wp-content/uploads/2014/02/photoshop_settings_youll_love_header.jpg 735w, /wp-content/uploads/2014/02/photoshop_settings_youll_love_header-300x148.jpg 300w" sizes="(max-width: 735px) 100vw, 735px" /></a></p> <p>Whenever I upgrade to a new version of Photoshop or install it fresh I find myself tweaking the settings for a while before I’ve got it working the way I like it. If you’re new to CS6, you might be annoyed at some of the things it does by default. Here are my Photoshop CS6 settings tips for happy Photoshopping!</p> <p><em>PS: This article is written for CS6, but some of these settings apply to earlier versions of Photoshop as well.</em></p> <h1>1. Turn off Window Docking</h1> <p>Under <strong>Edit > Preferences > General</strong> I uncheck “Animated Zoom”, “Zoom Resizes Window”, and “Enable Flick Panning”. These features are unnecessary and in some cases, rather annoying.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2014/02/photoshop_setup_tips_annoying_general_settings.jpg"><img decoding="async" class="aligncenter size-full wp-image-966" alt="Photoshop CS6 settings tips: turn off animated zoom, zoom resizes windows, and enable flick panning." src="/wp-content/uploads/2014/02/photoshop_setup_tips_annoying_general_settings.jpg" width="940" height="474" srcset="/wp-content/uploads/2014/02/photoshop_setup_tips_annoying_general_settings.jpg 940w, /wp-content/uploads/2014/02/photoshop_setup_tips_annoying_general_settings-300x151.jpg 300w" sizes="(max-width: 940px) 100vw, 940px" /></a></p> <h1>2. Go Back to “Light Grey” Photoshop</h1> <p>Look in <strong>Edit > Preferences > Interface </strong>for “Color Theme” if you’re like me and don’t care for the dark new Photoshop interface.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2015/02/photoshop_change_back_to_light_photoshop.jpg"><img decoding="async" class="aligncenter" alt="Photoshop CS6 settings tips: turn Photoshop away from the dark side in "Color Theme"." src="/wp-content/uploads/2015/02/photoshop_change_back_to_light_photoshop.jpg" width="619" height="188" /></a></p> <h1>3. Turn off “Tabs”</h1> <p>Also in <strong>Edit > Preferences > Interface </strong>is the ability to disable Photoshop’s annoying “docking” and “tabs” features. With these settings disabled, Photoshop documents will no longer try to join together as you drag one canvas over another.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2015/02/photoshop_turn_off_tabs.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-968" alt="Photoshop CS6 settings tips: Turn off those annoying tabs and docking." src="/wp-content/uploads/2015/02/photoshop_turn_off_tabs.jpg" width="615" height="387" srcset="/wp-content/uploads/2015/02/photoshop_turn_off_tabs.jpg 615w, /wp-content/uploads/2015/02/photoshop_turn_off_tabs-300x188.jpg 300w" sizes="(max-width: 615px) 100vw, 615px" /></a></p> <h1>4. Show more “Recent Files”</h1> <p><em>What was that file called again?</em> I use <strong>File > Open Recent a lot</strong>, so I like tho make the Recent Files list nice and long.<strong> </strong>Go to Preferences > File Handling and look at the bottom for “Recent File List Contains” – increase that bad boy up to at least 30 for a nice, long list of files you were <em>just</em> using.</p> <p><a href="/wp-content/uploads/2014/02/photoshop_more_recent_files.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-1009" alt="photoshop_more_recent_files" src="/wp-content/uploads/2014/02/photoshop_more_recent_files.jpg" width="518" height="500" srcset="/wp-content/uploads/2014/02/photoshop_more_recent_files.jpg 518w, /wp-content/uploads/2014/02/photoshop_more_recent_files-300x289.jpg 300w" sizes="(max-width: 518px) 100vw, 518px" /></a></p> <h1>5. Crank up the History States</h1> <p>This is an important setting – <strong>don’t miss your chance to give yourself nearly unlimited undo!</strong></p> <p>By default, Photoshop comes with 20 history states. That’s just 20 “undo”s! That won’t be <em>nearly</em> enough. I like to <strong>crank History States all the way up to 999.</strong></p> <h1><a href="/wp-content/uploads/2015/02/photoshop_default_settings_performance_history_states.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-969" alt="Photoshop CS6 settings tips: Add way more history states for way more undos." src="/wp-content/uploads/2015/02/photoshop_default_settings_performance_history_states.jpg" width="792" height="288" srcset="/wp-content/uploads/2015/02/photoshop_default_settings_performance_history_states.jpg 792w, /wp-content/uploads/2015/02/photoshop_default_settings_performance_history_states-300x109.jpg 300w" sizes="(max-width: 792px) 100vw, 792px" /></a></h1> <h1>6. Measure in Pixels</h1> <p>I work on the web, not in print, and pixels are the web’s chosen unit of measurement. Go to <strong>Edit > Preferences > Units & Rulers</strong> to change the default units to Pixels. Photoshop will now default to pixels when you show rulers, draw a selection box, resize your canvas, etc.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2015/02/photoshop_change_units_to_pixels.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-970" alt="Photoshop CS6 settings tips: Turn units to "pixels"" src="/wp-content/uploads/2015/02/photoshop_change_units_to_pixels.jpg" width="512" height="360" srcset="/wp-content/uploads/2015/02/photoshop_change_units_to_pixels.jpg 512w, /wp-content/uploads/2015/02/photoshop_change_units_to_pixels-300x210.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <h1>7. Hotkey the Color Picker</h1> <p>Go to <strong>Edit > Keyboard Shortcuts > Shortcuts For: “Tools”</strong></p> <p>This one might be more specific to <em>me</em> since I work on large illustrations when I’m not doing photography, but opening the color picker window via the keyboard is the <em>best</em>. Photoshop didn’t always let you hotkey the color picker, so for years it was one of the only things that couldn’t be accessed via keyboard shortcuts. (Thanks for finally letting us hotkey the color picker, Adobe!)</p> <h1><a href="/wp-content/uploads/2015/02/photoshop_hotkey_color_picker.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-972" alt="Photoshop CS6 settings tips: Hotkey the color picker for easy access!" src="/wp-content/uploads/2015/02/photoshop_hotkey_color_picker.jpg" width="787" height="501" srcset="/wp-content/uploads/2015/02/photoshop_hotkey_color_picker.jpg 787w, /wp-content/uploads/2015/02/photoshop_hotkey_color_picker-300x190.jpg 300w" sizes="(max-width: 787px) 100vw, 787px" /></a></h1> <h1>8. Show Brush Stroke Thumbnails</h1> <p>If you ever use any kind of brush in Photoshop (eraser brush, dodge/burn brush, or even the paint brush) you might appreciate seeing the brush stroke as it will look when dragged across the canvas.</p> <p><strong>With the Brush tool active, click the little arrow dropdown </strong>next to its preview in the top toolbar.</p> <p><a href="/wp-content/uploads/2015/02/photoshop_show_stroke_thumbnail.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-973" alt="photoshop_show_stroke_thumbnail" src="/wp-content/uploads/2015/02/photoshop_show_stroke_thumbnail.jpg" width="110" height="75" /></a></p> <p>Now, look to the right of the large menu that just opened up. <strong>Click the tiny gear button. </strong>In the menu that opens up, <strong>select “Stroke Thumbnail”.</strong></p> <p><a href="/wp-content/uploads/2015/02/photoshop_show_stroke_thumbnail_settings_button.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-974" alt="photoshop_show_stroke_thumbnail_settings_button" src="/wp-content/uploads/2015/02/photoshop_show_stroke_thumbnail_settings_button.jpg" width="290" height="263" /></a></p> <p>Your brush palette should now look more like this:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2015/02/photoshop_default_settings_stroke_thumbnails.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-975" alt="Photoshop CS6 settings tips: turn on brush stroke thumbnails to see what a brush will actually look like when it's used." src="/wp-content/uploads/2015/02/photoshop_default_settings_stroke_thumbnails.jpg" width="686" height="530" srcset="/wp-content/uploads/2015/02/photoshop_default_settings_stroke_thumbnails.jpg 686w, /wp-content/uploads/2015/02/photoshop_default_settings_stroke_thumbnails-300x231.jpg 300w" sizes="(max-width: 686px) 100vw, 686px" /></a></p> <p>There we have it – a whole bunch of Photoshop CS6 default settings that you can change to make Photoshop work better for you!</p> <p>What Photoshop preferences do <strong>you</strong> like to change after a new install? <strong>What do you wish you <em>could</em> change in Photoshop?</strong> Let us know in the comments!</p> ]]></content:encoded> </item> <item> <title>Photoshop Tutorial: Create a Solid White Background</title> <link>/photoshop-tutorial-solid-white-background/</link> <comments>/photoshop-tutorial-solid-white-background/#comments</comments> <dc:creator><![CDATA[M. Johnson]]></dc:creator> <pubDate>Tue, 24 Sep 2013 07:00:09 +0000</pubDate> <category><![CDATA[Photoshop Tutorials]]></category> <category><![CDATA[Post Processing]]></category> <category><![CDATA[background]]></category> <category><![CDATA[photoshop]]></category> <category><![CDATA[white]]></category> <guid isPermaLink="false">/?p=202</guid> <description><![CDATA[10-minute tutorial on how to make a solid white background in Photoshop. We mean solid white – 255 255 255 white! This background’s gonna blind people at the beach. 😉 If you’ve ever attempted to create a solid white background behind your product, you’ve probably run into this problem: making the background bright white makes...</p><p><a class="more-link" href="/photoshop-tutorial-solid-white-background/">Read More</a></p>]]></description> <content:encoded><![CDATA[<div id="attachment_759" style="width: 275px" class="wp-caption alignright"><a href="/wp-content/uploads/2013/09/pinme_photoshop_white_background.jpg"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-759" class=" wp-image-759 " alt="pinme_photoshop_white_background" src="/wp-content/uploads/2013/09/pinme_photoshop_white_background.jpg" width="265" height="238" srcset="/wp-content/uploads/2013/09/pinme_photoshop_white_background.jpg 441w, /wp-content/uploads/2013/09/pinme_photoshop_white_background-300x270.jpg 300w" sizes="(max-width: 265px) 100vw, 265px" /></a><p id="caption-attachment-759" class="wp-caption-text">Click to share me on Pinterest!</p></div> <p>10-minute tutorial on <strong>how to make a solid white background in Photoshop</strong>. We mean<strong> solid white</strong> – 255 255 255 white! This background’s gonna blind people at the beach. <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p> <p>If you’ve ever attempted to create a solid white background behind your product, you’ve probably run into this problem: making the background bright white makes the object too bright in the process, like so:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg0.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-741" alt="photoshop solid white background blown out" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg0.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg0.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg0-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>Separating your subject from the background is easy when your product is dark and hard-edged, so for this tutorial, I picked pretty much<strong> the worst subject I could think of: a fuzzy, soft-edged, off-white blanket.</strong></p> <p>This easy tutorial will show you how to get a solid white background without making your product look like it’s about to go nuclear.</p> <h1>What You’ll Need</h1> <p>A photo of your product on a near-white background. Use white posterboard, a sheet, or foam core board to achieve this look.</p> <p>Read our <a href="/how-to-take-white-background-photos/">guide to taking great white background product photos</a>.</p> <p>Your “before” should look something like this:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg1.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-743" alt="photoshop solid white background before" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg1.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg1.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg1-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p> </p> <p>(This photo was taken on white posterboard indoors. I told you I tried to make this the worst possible example. :P)</p> <h1><strong>Step 1: Open Layers Window </strong></h1> <p><strong>Open your Layers window</strong> (if it’s not already open).</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/08/photoshop_openLayers.jpg"><img loading="lazy" decoding="async" class="aligncenter" title="photoshop tutorial open layers window" alt="photoshop solid white background open layers palette" src="/wp-content/uploads/2013/08/photoshop_openLayers.jpg" width="253" height="381" /></a></p> <h1><strong>Step 2: Duplicate Layer </strong></h1> <p><strong>Drag your photo layer to the New button to Duplicate it. </strong>You now have two identical copies of your photo in a stack. It’s a good idea to duplicate layers before you work on them. It’s like a safety net: if you really mess things up, you can always go back to the original. <strong><br /> </strong></p> <p><a href="/wp-content/uploads/2013/08/photoshop_duplicateLayer.jpg"><img loading="lazy" decoding="async" class="aligncenter" title="photoshop tutorial drag layer to new button to duplicate the layer" alt="photoshop_duplicateLayer" src="/wp-content/uploads/2013/08/photoshop_duplicateLayer.jpg" width="252" height="209" /></a></p> <h1><strong>Step 3: Open Levels</strong></h1> <p><strong>Select the top layer </strong>and go to<strong> Image > Adjustments > Levels</strong></p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/08/photoshop_adjust_levels.jpg"><img loading="lazy" decoding="async" class="aligncenter" alt="photoshop solid white background open levels" src="/wp-content/uploads/2013/08/photoshop_adjust_levels.jpg" width="514" height="198" /></a></p> <h1><strong>Step 4: Make it White</strong></h1> <p><strong>Adjust the sliders </strong>until the image’s background is<strong> pure white with very faint shadows. </strong></p> <p>Without getting too technical, Levels adjusts what Photoshop considers the darkest, middle-est, and brightest parts of your image. By pulling the white slider towards the left, you’re telling Photoshop to consider a wider range of pixels to be “pure white”. Pull the grey slider to the left, too. This tells Photoshop to lighten the midtones as well.</p> <p><a href="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_adjust_levels.jpg"><img loading="lazy" decoding="async" class="aligncenter" alt="photoshop_adjust_tutorial_adjust_levels" src="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_adjust_levels.jpg" width="512" height="384" /></a></p> <p><strong>Why include faint shadows? </strong> It’ll make the bottom edge look nicer, trust me. A faint suggestion of shadow is usually better than absolutely no shadow. <strong><br /> </strong></p> <p>Don’t worry about what happens to the product itself (it’s going to get majorly blown out in this layer, and that’s fine). You should now have something like this:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg0b.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-742" alt="photoshop solid white background blown out layer" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg0b.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg0b.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg0b-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>See that little bit of shadow to the left? I like that, but you can make yours even brighter if you want to get rid of it (but at that point you might as well just fill the layer with solid white!).</p> <h1>Step 5: Duplicate your Starting Image (Again)</h1> <p>Drag it to the top of the stack, like so:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-745" alt="photoshop solid white background duplicate layer" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer.jpg" width="512" height="303" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer-300x177.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <h1><strong>Step 5: Add a Layer Mask</strong></h1> <p><strong>Select the top layer</strong> (the one you made brighter in the Levels adjustment) and <strong>click the Add Layer Mask button</strong> at the <strong>bottom of the Layers palette</strong>. Like so:</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-746" alt="photoshop_solid_white_bg_new_layer_mask" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask.jpg" width="339" height="303" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask.jpg 339w, /wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask-300x268.jpg 300w" sizes="(max-width: 339px) 100vw, 339px" /></a></p> <p>Your new layer mask looks like this:</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-747" alt="photoshop_solid_white_bg_new_layer_mask_looks_like" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg" width="339" height="303" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg 339w, /wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like-300x268.jpg 300w" sizes="(max-width: 339px) 100vw, 339px" /></a></p> <h1><strong>Step 6: Select Brush tool</strong></h1> <p><strong>Switch to Brush Tool. </strong>Press B or click on the Brush Tool in the Tools palette. (If you cannot find your Tools palette, it might be turned off. Go to Window > Tools to turn it on.)</p> <p><a href="/wp-content/uploads/2013/08/photoshop_tutorial_brush_tool.jpg"><img loading="lazy" decoding="async" class="aligncenter" alt="photoshop_tutorial_brush_tool" src="/wp-content/uploads/2013/08/photoshop_tutorial_brush_tool.jpg" width="142" height="84" /></a></p> <h1><strong>Step 7: Select the “Hard Round” brush style </strong></h1> <p>Your brush palette may look different than mine. The Hard Round brush is usually early in the list. It’s got soft edges, but it’s not the airbrush (the airbrush edges are too soft).</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_brush_selection.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-748" alt="photoshop_solid_white_bg_brush_selection" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_brush_selection.jpg" width="264" height="216" /></a></p> <p>Set its Opacity to 100%.</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_brush_opacity.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-749" alt="photoshop_solid_white_bg_brush_opacity" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_brush_opacity.jpg" width="145" height="43" /></a></p> <p>(We’ll worry about its color in a later step.)</p> <h1><strong>Step 8: Click the Layer Mask Itself </strong></h1> <p><strong>In the Layers window, click on the Layer Mask <em>itself</em>. </strong></p> <p>This is the easiest step to make a mistake on. Click <em>inside</em> the white square. The Layer Mask gets a thin box around it when selected.</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-747" alt="photoshop_solid_white_bg_new_layer_mask_looks_like" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg" width="339" height="303" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like.jpg 339w, /wp-content/uploads/2013/12/photoshop_solid_white_bg_new_layer_mask_looks_like-300x268.jpg 300w" sizes="(max-width: 339px) 100vw, 339px" /></a></p> <h1><strong>Step 9: Change to Black</strong></h1> <p><strong>Make Black the brush color (click the tiny “swap” arrows if black is not on top already) </strong></p> <p><a href="/wp-content/uploads/2013/08/photoshop_tutorial_swap_colors.jpg"><img loading="lazy" decoding="async" alt="photoshop_tutorial_swap_colors" src="/wp-content/uploads/2013/08/photoshop_tutorial_swap_colors.jpg" width="76" height="51" /></a></p> <h1><strong>Step 10: Airbrush Away the Background</strong></h1> <p><strong>Use the paint brush over the background. </strong>Carefully paint out the background around your object.</p> <p>This step requires some precision. You should see the area you paint lighten while everything else stays dark. Since your opacity is set low, you’ll have to “build up” the black on the layer mask by releasing and then clicking again and dragging some more. It’s better to build up than it is to paint at 100% – this will let you build up darkness and brightness only where you need it.</p> <p>The layer mask icon shows your progress:</p> <p><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg_layer_mask.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-750" alt="photoshop_solid_white_bg_layer_mask" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg_layer_mask.jpg" width="166" height="35" /></a></p> <p>Basically, what you are doing here is telling Photoshop which parts of the top image to use (the parts in the “white” portion of the mask) and which parts to make transparent (the “black” parts of the mask). The layer below (the near-white version of your photo) shows through wherever you paint black.</p> <p><strong>If you make a mistake</strong> or go too dark, press X to swap to white and paint over the area. Flip between white and black by pressing X anytime as you paint. Depending on the complexity of your object, this process might take several minutes or longer. Here’s an up-close look at my progress:</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg4.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-751" alt="photoshop solid white background paint layer mask to reveal white background" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg4.jpg" width="512" height="414" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg4.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg4-300x242.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <h1>End Result</h1> <p>The background is fully removed except for a faint suggestion of a shadow to the left of the blanket roll. I carefully painted around the ribbon and folds.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/12/photoshop_solid_white_bg61.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-752" alt="photoshop solid white background complete after" src="/wp-content/uploads/2013/12/photoshop_solid_white_bg61.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/12/photoshop_solid_white_bg61.jpg 512w, /wp-content/uploads/2013/12/photoshop_solid_white_bg61-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>Is this technique appropriate for every product? Nope. <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> It’s completely up to you whether you go for a stark-white background or a more natural-looking setting.</p> ]]></content:encoded> <wfw:commentRss>/photoshop-tutorial-solid-white-background/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item> <title>Photoshop Tutorial: Fake a Background Blur</title> <link>/photoshop-tutorial-fake-a-background-blur/</link> <comments>/photoshop-tutorial-fake-a-background-blur/#comments</comments> <dc:creator><![CDATA[M. Johnson]]></dc:creator> <pubDate>Wed, 28 Aug 2013 07:00:08 +0000</pubDate> <category><![CDATA[Photoshop Tutorials]]></category> <category><![CDATA[Post Processing]]></category> <category><![CDATA[blur]]></category> <category><![CDATA[photoshop]]></category> <category><![CDATA[tutorial]]></category> <guid isPermaLink="false">/?p=406</guid> <description><![CDATA[One major drawback of digital photography (and point and shoot cameras in general) is that everything is in focus! But what if you’d like parts of your photos (such as the backgrounds) to be blurry and out of focus? In this tutorial, we’ll show you how to use Photoshop to fake a background blur. The...</p><p><a class="more-link" href="/photoshop-tutorial-fake-a-background-blur/">Read More</a></p>]]></description> <content:encoded><![CDATA[<p>One major drawback of digital photography (and point and shoot cameras in general) is that <em>everything is in focus! </em>But what if you’d like parts of your photos (such as the backgrounds) to be blurry and out of focus?</p> <p>In this tutorial, we’ll show you<strong> how to use Photoshop to fake a background blur. </strong>The blurry background (and sometimes foreground) effect is called<strong> “shallow depth of field”</strong>, just to give you some terms to search for if you’d like to read more!</p> <p><strong>Difficulty Level: Complete Beginner<br /> </strong><em>This tutorial was created using Photoshop CS5, but most image editing software packages have similar features! </em></p> <h1>Before You Begin</h1> <p><strong>First, ask yourself:</strong> will your blur make sense?</p> <p>Remember that you’re trying to create the illusion that some elements of your photo are blurry because they’re too far or too close to be in focus. If everything in your image is equally close to the camera lens, that blur effect will seem out of place. Here are two images that illustrate the concept:</p> <p><a href="/wp-content/uploads/2013/09/fake_depth_blur_bad_example1.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-410" alt="fake a background blur does it make sense" src="/wp-content/uploads/2013/09/fake_depth_blur_bad_example1-300x225.jpg" width="300" height="225" srcset="/wp-content/uploads/2013/09/fake_depth_blur_bad_example1-300x225.jpg 300w, /wp-content/uploads/2013/09/fake_depth_blur_bad_example1.jpg 512w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p> </p> <p><a href="/wp-content/uploads/2013/09/fake_depth_blur_good_example1.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-411" alt="fake a background blur on images with depth" src="/wp-content/uploads/2013/09/fake_depth_blur_good_example1-300x225.jpg" width="300" height="225" srcset="/wp-content/uploads/2013/09/fake_depth_blur_good_example1-300x225.jpg 300w, /wp-content/uploads/2013/09/fake_depth_blur_good_example1.jpg 512w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p> </p> <h1>Photoshop’s Blur Brush</h1> <p>The Blur Tool is a great way to control how much blur gets applied and where. In Photoshop, find the Blur Tool in your tool palette.</p> <p><strong>Not using Photoshop? </strong>Most other image editors have this brush, including Pixlr Advanced (our <a href="/5-best-apps-free-photo-editing-online-2013/">favorite free online photo editor</a>).</p> <p><a href="/wp-content/uploads/2013/09/blur_tool.jpg"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-413" alt="fake a background blur with photoshop's blur tool" src="/wp-content/uploads/2013/09/blur_tool.jpg" width="165" height="136" /></a></p> <p>Set the Blur Tool’s strength to 50% so you can “layer” the strength of its effect. Resize the brush as needed for your image.</p> <p><a href="/wp-content/uploads/2013/09/blur_brush_settings.jpg"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-414" alt="fake a background blur with photoshop's blur tool" src="/wp-content/uploads/2013/09/blur_brush_settings.jpg" width="572" height="125" srcset="/wp-content/uploads/2013/09/blur_brush_settings.jpg 572w, /wp-content/uploads/2013/09/blur_brush_settings-300x65.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /><br /> </a></p> <p>Left-click and drag your blur tool over the area you want to blur. Left click again to re-apply the blur. <strong>Layering is best</strong> – apply more layers of blur on the furthest-away parts of the image, and less blur on the closer elements. Leave the foreground completely untouched so that it remains sharp.</p> <p><a href="/wp-content/uploads/2013/09/fake_depth_blur_brush.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-415" alt="fake a background blur with the blur tool in Photoshop" src="/wp-content/uploads/2013/09/fake_depth_blur_brush-300x228.jpg" width="300" height="228" srcset="/wp-content/uploads/2013/09/fake_depth_blur_brush-300x228.jpg 300w, /wp-content/uploads/2013/09/fake_depth_blur_brush.jpg 505w" sizes="(max-width: 300px) 100vw, 300px" /></a></p> <p>The finished result:</p> <p><a href="/wp-content/uploads/2013/09/fake_depth_blur_before_after.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-416" alt="photoshop fake background blur before and after" src="/wp-content/uploads/2013/09/fake_depth_blur_before_after.jpg" width="614" height="230" srcset="/wp-content/uploads/2013/09/fake_depth_blur_before_after.jpg 1024w, /wp-content/uploads/2013/09/fake_depth_blur_before_after-300x112.jpg 300w" sizes="(max-width: 614px) 100vw, 614px" /></a></p> <p>Another example made using this technique (look on the left and right sides of the blanket roll):</p> <p><a href="/wp-content/uploads/2013/09/fake_depth_blur_example21.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-418" alt="before and after photoshop fake background blur" src="/wp-content/uploads/2013/09/fake_depth_blur_example21.jpg" width="527" height="307" srcset="/wp-content/uploads/2013/09/fake_depth_blur_example21.jpg 879w, /wp-content/uploads/2013/09/fake_depth_blur_example21-300x174.jpg 300w" sizes="(max-width: 527px) 100vw, 527px" /></a></p> <h1>More Photoshop Blur Techniques</h1> <p>There’s more than one way to blur a photo! Here are <strong>two more Photoshop blur tutorials</strong> from around the web.</p> <ul> <li>Blurring the background in Photoshop using <a href="http://10steps.sg/tutorials/photoshop/how-to-blur-the-background-with-photoshop/">just a feathered selection and the gaussian blur filter – fantastic result!</a></li> <li>Gizmodo’s 1-minute long <a href="http://gizmodo.com/5889469/photoshop-cs6-will-easily-and-skillfully-fake-a-shallow-depth-of-field">video demonstrating Photoshop CS6’s new shallow depth of field filter.</a></li> </ul> ]]></content:encoded> <wfw:commentRss>/photoshop-tutorial-fake-a-background-blur/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item> <title>Photoshop Tutorial: Remove the Orange Tint from Photos</title> <link>/photoshop-tutorial-remove-the-orange-tint-from-photos/</link> <comments>/photoshop-tutorial-remove-the-orange-tint-from-photos/#comments</comments> <dc:creator><![CDATA[M. Johnson]]></dc:creator> <pubDate>Sun, 04 Aug 2013 06:00:59 +0000</pubDate> <category><![CDATA[Photoshop Tutorials]]></category> <category><![CDATA[Post Processing]]></category> <category><![CDATA[color correction]]></category> <category><![CDATA[photoshop]]></category> <category><![CDATA[tutorial]]></category> <guid isPermaLink="false">/?p=173</guid> <description><![CDATA[In this tutorial, we’ll show you how to use simple Photoshop features to remove the orange tint from photos. Difficulty Level: Complete Beginner This tutorial was created using Photoshop CS5, but most image editing software packages have similar features!   Many beginner photographers are surprised at how orange their images turn out! What looked...</p><p><a class="more-link" href="/photoshop-tutorial-remove-the-orange-tint-from-photos/">Read More</a></p>]]></description> <content:encoded><![CDATA[<p>In this tutorial, we’ll show you how to use simple Photoshop features to remove the orange tint from photos.</p> <p><strong>Difficulty Level: Complete Beginner<br /> </strong><em>This tutorial was created using Photoshop CS5, but most image editing software packages have similar features! </em></p> <p> </p> <p>Many beginner photographers are surprised at how orange their images turn out! What looked great in real life turns out dark and beer-colored on the computer screen. Orange tinted photos are a common result of using indoor lighting and regular old consumer-grade light bulbs.</p> <p>Here’s the good news: your images are not doomed! <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p> <p>This tutorial, written for the absolute complete Photoshop beginner, will show you some easy ways of correcting the orange tint!</p> <h1>Raw Image</h1> <p>Here’s our raw image: a light-colored object on a white background. As you can see, it turned out nearly sepia-toned thanks to my indoor lighting setup.</p> <p style="text-align: center;"><a href="/wp-content/uploads/2013/08/photoshop_adjust_orange_tutorial_before_after_wide.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-468" alt="remove orange tint from photos with photoshop" src="/wp-content/uploads/2013/08/photoshop_adjust_orange_tutorial_before_after_wide.jpg" width="512" height="192" srcset="/wp-content/uploads/2013/08/photoshop_adjust_orange_tutorial_before_after_wide.jpg 512w, /wp-content/uploads/2013/08/photoshop_adjust_orange_tutorial_before_after_wide-300x112.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <h1>Method 1: Auto Color</h1> <p>Fortunately, Photoshop offers a lot of ways to fix this effect, and the one we’ll try first is Auto Color.</p> <p>Go to <strong>Image > Auto Color </strong>and see what happens.</p> <p><a href="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step2.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-175 aligncenter" title="photoshop tutorial use auto color to remove orange tint from photos" alt="photoshop_adjust_tutorial_step2" src="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step2.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step2.jpg 512w, /wp-content/uploads/2013/08/photoshop_adjust_tutorial_step2-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>Voila! Now that’s <strong>much</strong> better.</p> <p><a href="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step3.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-176 aligncenter" title="photoshop tutorial remove orange tint from photos with auto color" alt="photoshop_adjust_tutorial_step3" src="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step3.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step3.jpg 512w, /wp-content/uploads/2013/08/photoshop_adjust_tutorial_step3-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <h1>Method 2: Match Color</h1> <p>Another way to remove the orange tint from photos a simple feature called Match Color.</p> <p>Go to <strong>Image > Adjustments > Match Color.</strong></p> <p><a href="/wp-content/uploads/2013/08/photoshop_tutorial_match_color.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-214 aligncenter" alt="photoshop_tutorial_match_color" src="/wp-content/uploads/2013/08/photoshop_tutorial_match_color.jpg" width="478" height="508" srcset="/wp-content/uploads/2013/08/photoshop_tutorial_match_color.jpg 478w, /wp-content/uploads/2013/08/photoshop_tutorial_match_color-282x300.jpg 282w" sizes="(max-width: 478px) 100vw, 478px" /></a></p> <p>In the dialog box, <strong>check Neutralize</strong>.</p> <p><a href="/wp-content/uploads/2013/08/photoshop_tutorial_remove_orange_tint_neutralize.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-215 aligncenter" alt="photoshop_tutorial_remove_orange_tint_neutralize" src="/wp-content/uploads/2013/08/photoshop_tutorial_remove_orange_tint_neutralize.jpg" width="482" height="530" srcset="/wp-content/uploads/2013/08/photoshop_tutorial_remove_orange_tint_neutralize.jpg 482w, /wp-content/uploads/2013/08/photoshop_tutorial_remove_orange_tint_neutralize-272x300.jpg 272w" sizes="(max-width: 482px) 100vw, 482px" /></a></p> <p>In many cases, this one simple check box is enough to do the job!</p> <h1>Going Further with Brightness/Contrast</h1> <p>For many photos, Auto Color or Match Color is enough. One click and you’re done!</p> <p>But if you’re up for a bit more fine-tuning, check out what <strong>tweaking Brightness/Contrast</strong> can do for your photo.</p> <p>Adjusting Brightness/Contrast is an <strong>easy way to punch up the brights and soften overly dark areas in your photo</strong>. In more recent versions of Photoshop I check the box next to Use Legacy, which works like Brightness used to in older versions of Photoshop and is, in my opinion, more beginner-friendly. (You should try it both ways and see which one works better for you.)</p> <p><a href="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step4.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-177 aligncenter" title="photoshop tutorial use brightness contrast to further enhance photo" alt="photoshop_adjust_tutorial_step4" src="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step4.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/08/photoshop_adjust_tutorial_step4.jpg 512w, /wp-content/uploads/2013/08/photoshop_adjust_tutorial_step4-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>Comparison of before and after the Brightness/Contrast adjustment:</p> <p><a href="/wp-content/uploads/2013/08/before_after_brightness_contrast.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-187 aligncenter" title="photoshop tutorial brightness contrast before after" alt="before_after_brightness_contrast" src="/wp-content/uploads/2013/08/before_after_brightness_contrast.jpg" width="512" height="384" srcset="/wp-content/uploads/2013/08/before_after_brightness_contrast.jpg 512w, /wp-content/uploads/2013/08/before_after_brightness_contrast-300x225.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>In case you’re wondering how it works for darker photos, here’s the same process (Auto Color followed by Brightness/Contrast manual adjustment) on another image:</p> <p><a href="/wp-content/uploads/2013/08/photoshop_tutorial_autocolor_brightness_contrast1.jpg"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-469" alt="photoshop tutorial auto color auto color and brightness contrast before after" src="/wp-content/uploads/2013/08/photoshop_tutorial_autocolor_brightness_contrast1.jpg" width="512" height="161" srcset="/wp-content/uploads/2013/08/photoshop_tutorial_autocolor_brightness_contrast1.jpg 512w, /wp-content/uploads/2013/08/photoshop_tutorial_autocolor_brightness_contrast1-300x94.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></a></p> <p>There you have it – just a few simple Photoshop steps to much better looking photos!</p> <h1>Additional Resources</h1> <p>Here are a few more great tutorials from around the web! These tutorials have different techniques, but they’re all good ways to remove the orange tint from photos.</p> <ul> <li>A great, beginner-friendly tutorial on adjustment layers and photo filters: <a href="http://www.photoshopessentials.com/photo-editing/photo-filter/">http://www.photoshopessentials.com/photo-editing/photo-filter/</a></li> <li>A detailed guide to fixing color casts in Google’s free image editing tool, Picasa: <a href="http://notexactlybento.com/photography/tutorials/fixing-white-balance-picasa/">http://notexactlybento.com/photography/tutorials/fixing-white-balance-picasa/</a></li> </ul> ]]></content:encoded> <wfw:commentRss>/photoshop-tutorial-remove-the-orange-tint-from-photos/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> </channel> </rss> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Served from: diycraftphotography.local @ 2024-06-28 17:48:16 by W3 Total Cache -->