<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:media="http://search.yahoo.com/mrss/"
	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>Photoshop Editing Tricks &amp; Pro Tutorials | Path Blog</title>
	<atom:link href="https://pathedits.com/blogs/tips/tagged/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>https://pathedits.com/blogs/tips/tagged/photoshop</link>
	<description>Wake up to perfectly edited product photos</description>
	<lastBuildDate>Thu, 13 Nov 2025 06:38:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://pathedits.com/wp-content/uploads/2025/05/cropped-gradient-path-logo-icon-blue-purple-loop-32x32.avif</url>
	<title>Photoshop Editing Tricks &amp; Pro Tutorials | Path Blog</title>
	<link>https://pathedits.com/blogs/tips/tagged/photoshop</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>What Is Photo Editing?: A Definition</title>
		<link>https://pathedits.com/blogs/tips/what-is-photo-editing</link>
		
		<dc:creator><![CDATA[Alexandra Sheehan]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 16:30:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Editing tips]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blogs/tips/what-is-photo-editing-2</guid>

					<description><![CDATA[<p>Learning what photo editing is can help you understand how to use it to create product photos that convert.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/what-is-photo-editing">What Is Photo Editing?: A Definition</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Photo editing is more accessible—and essential—than ever. Whether you’re a business owner, ecommerce seller, or busy creative, knowing what photo editing is (and isn’t) can help you elevate your visuals and reach your goals faster.&nbsp;</p>



<p>In the following guide to photo editing, you’ll learn:&nbsp;</p>



<ul class="wp-block-list">
<li>What photo editing means (and why it matters)</li>



<li>Different types of photo editing, from simple to complex</li>



<li>Real-world examples of edits for portrait, sports, and <a href="https://pathedits.com/blogs/tips/what-is-product-photography-everything-you-need-to-know-to-get-started">product photography</a></li>
</ul>



<p>And if you’re ready to level up your own photo edits, check out our free tutorials and professional editing services.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<h2 class="wp-block-heading">What is photo editing?</h2>



<p>Photo editing is the act of image enhancement and manipulation. This process is usually done with a digital photo editing software. Photo editing can involve basic tweaks like when you crop and resize images or adjust saturation. It also includes advanced techniques like <a href="https://pathedits.com/blogs/tips/photoshop-image-swap-blend-technique-10-easy-steps">swapping faces</a> or photo retouching to get rid of distracting elements or unwanted objects.</p>



<p>Some image editing techniques are done manually, while others are conducted through automated photo editing tools and software. Most edits to digital photography involve some one or a few photo editing programs. Some edits are even done offline on actual photographs, posters, or other printed collateral without any image editing software.</p>



<p>Other terms for photo editing include:</p>



<ul class="wp-block-list">
<li>Image editing</li>



<li>Post-processing</li>



<li>Image/photo manipulation</li>



<li>Photoshopping</li>



<li>Image/photo enhancement</li>
</ul>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Let us look after your image edits, so you can get back to the fun stuff. Try Path free.            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/free-trial">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">The importance of photo editing</h2>



<p>Editing helps you fine tune and get the best image possible, as close to what you imagined when you took the photo (or better perhaps). Niche photographers can hone and emphasize their personal style. And for businesses, editing helps cement branding and optimize for business goals.</p>



<p>Photo editing is particularly important for ecommerce companies. Image quality directly affects people’s opinion of the product and sales numbers. If you have ugly photos, it’s going to be tough to convince a shopper to purchase your product.&nbsp;</p>



<h2 class="wp-block-heading">Types of photo editing</h2>



<p>There are many ways to edit a photo—some simple and others more complicated.</p>



<p>Many people can figure out simple photo editing techniques on their own—though this does require time and patience. More complex adjustments may require using dedicated programs with specific photo editing features or <a href="https://pathedits.com/blogs/tips/where-to-find-professional-image-editors-10-sources-to-tap-into-for-photo-editing-services">hiring a trained professional editor</a>.</p>



<h3 class="wp-block-heading">Simple photo editing techniques include:</h3>



<ul class="wp-block-list">
<li><strong>Straighten</strong>: adjust the horizon of the photo</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/crop-straighten-pink-shoes-background.jpg" alt="Side-by-side comparison of cropped and straightened pink shoes against a pink background.">



<ul class="wp-block-list">
<li><strong>Crop</strong>: image <a href="https://pathedits.com/blogs/tips/how-to-crop-headshot">cropping</a> involves trimming out a portion (usually peripheral) of the image to help draw attention to the subject or otherwise improve the composition</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/cropping-pink-sneakers-pink-background.jpg" alt="Pink sneakers on pink background with cropping grid overlay for adjustment.">



<ul class="wp-block-list">
<li><a href="https://pathedits.com/blogs/tips/tips-tools-and-how-to-reduce-image-file-size-without-sacrificing-quality">Resize</a>: adjust the dimensions of the image</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/crop-ratio-selection-options.jpg" alt="Crop ratio selection menu showing various aspect ratios with adjust option.">



<ul class="wp-block-list">
<li><strong>Sharpen</strong>: enhance the definition of the edges in an image (won’t make a blurry image in-focus)</li>



<li><strong>Noise</strong> <strong>reduction</strong>: smoothing the picture out, typically accomplished by reducing the pixel size</li>



<li><strong>White</strong> <strong>balance</strong>: the color of the light in the image</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/white-balance-adjustment-pink-shoes.jpg" alt="Comparison of white balance adjustment for pink shoes, showing cooler and warmer temperature and tint settings.">



<ul class="wp-block-list">
<li><strong>Contrast</strong>: higher contrast makes an image more punchy, while lower contrast makes it flatter in color</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/contrast-adjustment-pink-shoes.jpg" alt="Side-by-side contrast adjustment of pink shoes on pink background, showing low and high contrast levels.">



<ul class="wp-block-list">
<li><strong>Exposure</strong>: the brightness of the photo</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/exposure-adjustment-pink-shoes.jpg" alt="Side-by-side exposure adjustment of pink shoes on pink background, showing low and high exposure levels.">



<ul class="wp-block-list">
<li><strong>Lens correction</strong>: lessens the effect(s) of the camera lens</li>



<li><a href="https://pathedits.com/pages/color-variants"><strong>Color</strong> <strong>adjustments</strong></a>: change the color of an item or element in the photo</li>



<li><a href="https://pathedits.com/pages/background-removal"><strong>Background removal</strong>:</a> delete the background from the image, isolating the subject (this is often used for white background product photography)</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/woman-curly-hair-transparent-background.png" alt="Smiling woman with curly hair in a striped top, isolated on a transparent background.">



<h3 class="wp-block-heading">More complex techniques include:</h3>



<ul class="wp-block-list">
<li><a href="https://pathedits.com/pages/clipping-path"><strong>Clipping paths</strong></a>: vector path that differentiates the part of the image that’s visible and the part that’s transparent (extracts a subject or element from an image)</li>



<li><strong>Portrait corrections</strong>: complexion touch-ups and enhancements</li>



<li><a href="https://pathedits.com/blogs/tips/photoshop-tutorial-how-create-realistic-drop-shadow"><strong>Drop and reflection shadow</strong></a>: create and adjust shadows</li>



<li><strong>Special effects</strong>: this can mean an array of things, from animation to adding weather conditions like fog or snow</li>



<li><strong>Adjusting text and visuals</strong>: add overlays or manipulate what’s already there</li>



<li><strong>Photo stitching</strong>: when you seamlessly put two images together to make it look as though they were shot that way</li>



<li><strong>Photo masking and </strong><a href="https://pathedits.com/blogs/tips/photoshop-tutorial-beginningers-guide-using-layers"><strong>Layers</strong></a>: the process of hiding and revealing specified portions of an image</li>



<li><strong><a href="https://pathedits.com/pages/mirror-effect">Mirror effect</a>:</strong> when you <a href="https://pathedits.com/blogs/tips/why-symmetric-product-photos-sell">create a perfectly symmetrical photo</a>, often used for apparel product shots</li>
</ul>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Get pro image editing from just 25¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/services">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Pixel editing and parametric image editing</h3>



<p>Two methods of digital photo editing are pixel editing and parametric image editing. Let’s look at their definitions:</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/pixelated-image-editing-photoshop.jpg" alt="Close-up of a pixelated image in Adobe Photoshop, showing toolbar and grid view.">



<h4 class="wp-block-heading">What is pixel editing?</h4>



<p>Pixel editing, or pixel-level editing, is when you alter an image at the pixel level. Because you’re altering the pixels themselves, this also permanently changes the image file. That’s why pixel editing is considered a destructive form of photo editing because it’s not as easy to undo the changes and restore the original file.</p>



<p>Pixel editing allows you to make extremely detailed edits and accomplish certain functions that parametric image editing can’t (like CMYK color modes, for example).</p>



<h4 class="wp-block-heading">What is parametric image editing?</h4>



<p>Parametric image editing (PIE) doesn’t change the pixels of the image. Instead, these edits are recorded as a set of steps to follow to accomplish the final look. Thus, it’s a non-destructive mode of photo editing. However, PIE doesn’t always allow for all types of edits.</p>



<p>Many in the industry recommend starting with PIE, and then using pixel editing to refine the final details.</p>



<h2 class="wp-block-heading">Examples of photo editing</h2>



<p>There are so many ways to edit photos, and everyone has a unique approach. You might see examples of photo editing on social media or YouTube.</p>



<p>Here are some examples of photo edits the team at Path have done for businesses from all around the world:&nbsp;</p>



<h3 class="wp-block-heading">Background removal</h3>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/water-bottle-background-removal-before-after.jpg" alt="Before-and-after product photo editing with background removal for a bottle.">



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/basketball-player-background-removal.jpg" alt="Before and after sports action photo editing with background removal of a basketball player dribbling.">



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/portrait-background-removal-woman.jpg" alt="Before and after portrait editing with background removal of a woman wearing a brown t-shirt.">



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Save a ton of time with pro background removal from 39¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/background-removal">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Photo retouching</h3>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/metal-straws-cleaning-brush-before-after.jpg" alt="Set of metal straws with cleaning brush on a cloth pouch, labeled before and after.">



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Polish up your product shots with pro retouching from 79¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/photo-retouching">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/facial-skin-retouching-eye.jpg" alt="Before and after close-up of an eye with photo retouching to smooth facial skin and enhance clarity.">



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/shirt-wrinkle-removal-man.jpg" alt="Before and after photo retouching showing wrinkle removal from a blue sports shirt worn by a man on a tennis court.">



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/shirt-wrinkle-removal-arm.jpg" alt="Before and after photo retouching showing wrinkle removal from a mustard shirt worn with denim jeans.">



<h3 class="wp-block-heading">Ghost mannequin</h3>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/patterned-blouse-mannequin-removal-before-after.jpg" alt="Patterned blouse displayed on a mannequin, with background removed in the "After" version.">



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Let us look after your ghost mannequins, starting at just 99¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/ghost-mannequin">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">Editing different types of photos</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>Technique</strong></td><td><strong>Skill level</strong></td><td><strong>Use case</strong></td></tr><tr><td>Cropping</td><td>Beginner</td><td>Ecommerce, social media, marketing, headshots</td></tr><tr><td>Background removal</td><td>Intermediate</td><td>Amazon product listings, white background product photos</td></tr><tr><td>Retouching</td><td>Advanced</td><td>Portraits, headshots, fashion, jewelry</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Product and ecommerce photography</h3>



<p>Product images will almost always require or benefit from post-processing. Aim for consistency, especially if you’re working on multiple products for the same company or are providing several types of photos of the same product.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/photo-editing-ecommerce-benefits.png" alt="Infographic on photo editing for ecommerce, covering benefits like branding and customer trust, plus issues like noise, background, and lighting.">



<p>Visuals help market brands and sell products, but you should also think about where the image will be used. Is it for an advertisement, ecommerce page, social media, or a print catalog? A white background shot will call for much different edits than an image for a Facebook ad. Likely, you’ll be able to get more creative with advertising imagery.</p>



<p>Here are some of the most common types of edits for product photography:</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/product-photo-editing-steps-before-after.png" alt="Before-and-after product photo of a bottle with editing notes on retouching, background removal, sharpening, resizing, and color treatment.">



<p><a href="https://www.nexcess.net/woocommerce-resource/photo-editing-tips/"><em>Image source</em></a></p>



<ul class="wp-block-list">
<li><strong>Brightness and exposure</strong>: If you didn’t nail the lighting, you can make substantial adjustments post-shoot.</li>



<li><strong>Background removal</strong>: This is a common edit for product photos, especially if you’re listing the item on Amazon, which <a href="https://pathedits.com/blogs/tips/4-important-tips-optimizing-amazon-product-images">has a white background requirement</a>. Regardless, white background maintains consistency.</li>



<li><strong>Color correction</strong>: It’s important that product photos portray the item as accurately as possible so it’s a smart idea to color correct all of your product images. As many as <a href="https://www.salecycle.com/blog/featured/ecommerce-returns-2018-stats-trends/">64% of returns</a> happen because the product didn’t match customer expectations based on product images and descriptions.</li>



<li><strong>Color change</strong>: For products that come in several colors, it’s important to showcase the variety. Instead of photographing the product in every color, <a href="https://pathedits.com/pages/color-variants">photo editors can make the changes</a> post shoot.</li>
</ul>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/striped-socks-color-variation.jpg" alt="Three striped socks in red, purple, and yellow colors displayed on a gradient blue background.">



<h3 class="wp-block-heading">Sports photography</h3>



<p><a href="https://pathedits.com/blogs/tips/what-is-sports-photography-cost-types-and-examples-2024">Sports images</a> are often captured in fast-paced, unpredictable environments—making photo editing essential for polishing the final result. Whether you’re working with action shots from the field or editorial images of athletes, editing helps enhance sharpness, fix lighting, and direct attention to the key moment.</p>



<p>Common <a href="https://pathedits.com/blogs/tips/editing-sports-photos-like-a-pro-11-tips-to-improve-your-shots-in-2024">edits for sports photography</a> include:</p>



<ul class="wp-block-list">
<li><strong>Cropping</strong>: Reframe the shot to highlight peak action or key players. A tighter crop can add intensity and drama.</li>



<li><strong>Sharpening</strong>: Motion blur is common in sports. Sharpening can help make images feel more crisp and in focus.</li>



<li><strong>Color</strong> <strong>correction</strong>: Natural lighting varies across stadiums and gyms. Post-shoot edits bring consistency and accuracy.</li>



<li><strong>Background</strong> <strong>cleanup</strong>: Remove distractions from the crowd or surroundings that pull attention away from the subject.</li>



<li><strong>Spot</strong> <strong>retouching</strong>: Clean up sweat, mud, or jersey wrinkles to create stronger, cleaner visuals for media or brand use.</li>
</ul>



<p>If you’re editing for a team, school, or sponsor, keep branding consistency in mind—many sports photographers rely on editing templates to maintain uniformity across hundreds or thousands of images.</p>



<h3 class="wp-block-heading">Headshot and portrait photography</h3>



<p>Headshots and portraits are often the first impression someone gets of a person—whether it’s for a professional bio, dating profile, modeling portfolio, or graduation announcement. Editing can enhance natural features while preserving authenticity.</p>



<p>Here are common edits for portraits and headshots:</p>



<ul class="wp-block-list">
<li><strong>Skin</strong> <strong>retouching</strong>: Reduce blemishes, smooth skin, and even out tone without losing texture.</li>



<li><strong>Whitening</strong> <strong>teeth</strong> <strong>and</strong> <strong>eyes</strong>: Brighten smiles and make eyes pop subtly and naturally.</li>



<li><strong>Color</strong> <strong>correction</strong>: Adjust tones to match a flattering, realistic look or a specific brand aesthetic.</li>



<li><strong>Flyaway</strong> <strong>removal</strong>: Clean up stray hairs or lint that distract from the subject.</li>



<li><strong>Background</strong> <strong>editing</strong>: Simplify or replace backgrounds to match the intended context—e.g., corporate headshot vs. lifestyle portrait.</li>
</ul>



<p>The key with headshot and portrait editing is to enhance, not transform. The goal is to present someone in their best light while keeping the photo true to who they are.</p>



<h2 class="wp-block-heading">Learn how to edit your photos</h2>



<p>If you’re ready to learn how to edit your own photos, check out this handy collection of <a href="https://pathedits.com/blogs/tips/tagged/photoshop">Photoshop tutorials</a>. Here are a few to get started with:</p>



<ul class="wp-block-list">
<li><a href="https://pathedits.com/blogs/tips/fundamental-photo-editing-checklist-11-steps-to-perfect-product-photos">Fundamental Photo-Editing Checklist: 11 Steps to Perfect Product Photos</a></li>



<li><a href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">A Beginner’s Guide to Photoshop Tools</a></li>



<li><a href="https://pathedits.com/blogs/tips/photoshop-tutorial-how-create-realistic-drop-shadow">How to Create a Realistic Drop Shadow</a></li>



<li><a href="https://pathedits.com/blogs/tips/how-to-blur-the-background-in-photoshop-a-tutorial-for-your-product-photos-2021">How to Blur the Background in Photoshop: A Tutorial for Your Product Photos</a></li>



<li><a href="https://pathedits.com/blogs/tips/30-best-photo-editing-apps-for-fine-tuning-on-the-fly">30+ Best Photo Editing Apps for Product Photographers on the Go</a></li>



<li><a href="https://pathedits.com/blogs/tips/photoshop-tutorial-beginningers-guide-using-layers">Photoshop Tutorial: A Beginner’s Guide to Using Layers</a></li>



<li><a href="https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop">How to Create a Transparent Background in Photoshop</a></li>



<li><a href="https://pathedits.com/blogs/tips/how-to-change-the-background-color-of-a-picture-in-photoshop">How to Change the Background Color of a Picture</a></li>
</ul>



<h2 class="wp-block-heading">Photo editing history</h2>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/photo-editing-history-timeline.png" alt="Timeline depicting key photo-editing milestones from the 1850s to 2011 on a gradient background.">



<h2 class="wp-block-heading">What is a professional photo editor?</h2>



<p>A person who edits images can either be self-employed, contracted by an outsourced company or agency, or someone who works in-house. There are many possible job titles for a photo editor, including digital photo editor, graphic designer or art director, among others.</p>



<p>Typically, photo editors specialize in specific industries, much like photographers. For example, real estate, editorial, and product photography all come with their own set of trends and intricacies. Editors that focus on ecommerce images know how to make products pop.</p>



<p>Our virtual photo editing studio is made of more than 300 trained professional photo editors who specialize in the following:&nbsp;</p>



<ul class="wp-block-list">
<li>Ecommerce</li>



<li>Product</li>



<li>Sports</li>



<li>Headshot</li>



<li>Portrait photography</li>
</ul>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Let us look after your image edits, so you can get back to the fun stuff. Try Path free.            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/free-trial">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">Tackle your photo editing projects with Path</h2>



<p>Learning new photo editing techniques can be an enjoyable way to break up your day and add to your industry knowledge, but editing photos can be time-consuming, especially if photography is your specialty. If you need fast, affordable, high-quality photo-editing services, the professionals at Path are here to help.</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Find out how it works            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/how-it-works">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">What is photo editing? FAQs</h2>



<h3 class="wp-block-heading">Can I edit a photo for free?</h3>



<p>Yes, you can edit a photo for free. You can use free photo editing tools and do it yourself. You can also use free AI photo editing tools, but these edits require careful quality checks. Or, send your first two photos to Path to get them edited for free.</p>



<h3 class="wp-block-heading">How can I edit a picture image?</h3>



<ul class="wp-block-list">
<li>Open your photo editing tool of choice</li>



<li>Upload or open the photo you want to edit</li>



<li>Make your desired edits</li>



<li>Save your work</li>
</ul>



<h3 class="wp-block-heading">What is the best app to use for photo editing?</h3>



<ul class="wp-block-list">
<li>Adobe Photoshop</li>



<li>Adobe Lightroom</li>



<li>GIMP</li>



<li>Pixlr</li>



<li>Snapseed</li>



<li>VSCO</li>
</ul>



<h3 class="wp-block-heading">How do I edit my photos like a pro?</h3>



<p>Edit photos like a pro by learning basic and advanced Photoshop techniques, outsourcing the tedious edits, and optimizing for the right use and context.</p>



<h3 class="wp-block-heading">What is the meaning of photo editing?</h3>



<p>The meaning of photo editing is the process of manipulating and enhancing a photo. Photo editing can involve basic tweaks like cropping, resizing, and applying artistic filters. It also includes advanced manipulations like retouching and removing unwanted elements and distractions.</p>



<h3 class="wp-block-heading">What are the 5 basics of photo editing?</h3>



<ul class="wp-block-list">
<li>Cropping</li>



<li>Resizing</li>



<li>Applying simple clipping paths</li>



<li>Changing colors</li>



<li>Adjusting exposure</li>
</ul>



<h3 class="wp-block-heading">What is the purpose of a photo editor?</h3>



<p>A photo editor can save you time and stress because they have the skills necessary to accomplish tedious, time-consuming, or complicated editing tasks for you.</p>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Let us look after your image edits, so you can get back to the fun stuff. Try Path free.</p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/free-trial">Learn more</a>
                </div>
            </div>
            <div class="grid__item image">
                                <img decoding="async" src="https://cdn.pathedits.com/Illustrations/about-work.svg" alt="Simple pricing for stress-free, pixel-perfect photo edits tailored to your needs.">
                            </div>
        </div>
    </div>

<p>The post <a href="https://pathedits.com/blogs/tips/what-is-photo-editing">What Is Photo Editing?: A Definition</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/what-is-photo-editing/man-editing-photo-on-computer.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Fix Blurry Sports Photos: Before, During, and After the Shot</title>
		<link>https://pathedits.com/blogs/tips/how-to-fix-blurry-sports-photos</link>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Thu, 08 May 2025 06:39:30 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Background removal]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photo retouching]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Sports]]></category>
		<guid isPermaLink="false">https://pathedits.com/?p=11510</guid>

					<description><![CDATA[<p>Catch every play in perfect focus with these quick sports photo tips.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-to-fix-blurry-sports-photos">How to Fix Blurry Sports Photos: Before, During, and After the Shot</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Taking crisp action shots of sports figures can be challenging, and sometimes an otherwise perfect shot is just a little out of focus.&nbsp;</p>



<p>In this tutorial, you’ll learn how to fix blurry sports photos—including methods you can use to sharpen and fix out-of-focus <a href="https://pathedits.com/blogs/tips/what-is-sports-photography-cost-types-and-examples-2024">sports photography</a>, as well as tips to ensure your next sports photos are crisp and clear.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<h2 class="wp-block-heading">How to fix a completely blurry sports photo</h2>



<p>A completely blurry sports photo is when nothing in the frame is in focus. This often happens in action shots. If this happens to you, there are several filters you can use in Photoshop to sharpen the entire image.</p>



<h3 class="wp-block-heading">Using the Unsharp Mask Tool</h3>



<p>Photoshop has a filter specifically designed to sharpen images, known as the <strong>Unsharp Mask tool</strong>. A blurry image can never truly be “sharpened,” but Unsharp Mask attempts to detect the edges of your photo by looking for side-by-side pixels that are different in color. Then, the tool allows you to adjust the contrast of those pixels and create the illusion of a sharpened image.</p>



<p>To use this tool, open your blurry sports photo in Photoshop. Make sure you have the layer containing the image you want to sharpen selected (in a JPEG, this would be the Background layer).</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/background-layer-selected-cyclist.jpg" alt="Photoshop 2025 showing the locked background layer selected in the Layers panel, displaying a motion-blurred cyclist on a bridge.">



<p>Next, choose <strong>Filter &gt; Sharpen &gt; Unsharp Mask…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/unsharp-mask-menu-photoshop.jpg" alt="Photoshop 2025 Filter menu with the Unsharp Mask option highlighted, used for image sharpening and edge refinement.">



<p>A dialog box with Unsharp Mask settings will appear. Within this window you can adjust the Unsharp Mask settings. These settings allow you to finely tune how much contrast Photoshop will apply to the pixels within your image.&nbsp;</p>



<p>You’ll see a portion of your image displayed within the dialog box. You can use your cursor to drag until a critical portion of your sports photo appears in that image window. In the example below, we’ve positioned the cyclist’s face in the window.</p>



<p>Next, you’ll see three sliders:&nbsp;</p>



<ol class="wp-block-list">
<li><strong>Amount: </strong>The Amount setting adjusts the increase in contrast between pixels.&nbsp;</li>



<li><strong>Radius: </strong>Radius adjusts the number of pixels along an edge that will be affected by the contrast increase.&nbsp;</li>



<li><strong>Threshold</strong>. Threshold tells Photoshop just how different those pixels must be from each other before they’re considered an “edge.”</li>
</ol>



<p>Make sure Preview is checked so you can see how the image will change when you make adjustments within this dialog box.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/unsharp-mask-filter-preview.jpg" alt="Unsharp Mask filter window in Photoshop 2025 previewing sharpening adjustments on a cyclist’s face with fine-tuned radius and threshold settings.">



<p>Each image you adjust will have different settings for these three sliders, because no two images are identical. Play with the sliders until you figure out which combination of settings works best for your image without creating an overly contrasted result.</p>



<p>Once you’re happy with the final image, click <strong>OK</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/before-after-cyclist-photo-edit.png" alt="Side-by-side comparison of a cyclist image before and after photo retouching, showing improved sharpness and contrast after editing.">



<p>So, it’s not perfect, but it <em>is</em> an <a href="https://pathedits.com/blogs/tips/how-to-improve-sports-photography-in-2024-pro-tips-examples">improvement</a>.&nbsp;</p>



<h3 class="wp-block-heading">Sharpen blurry sports images using High Pass Filter</h3>



<p>Another <a href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">Photoshop tool</a> for sharpening blurry images is the <strong>High Pass Filter</strong>. In fact, you can use High Pass Filter and Unsharp Mask together to create an even sharper image.</p>



<p>To use the High Pass Filter, first duplicate the layer that contains the image you want to sharpen (most likely your Background layer). You can do this by clicking on the Layers panel menu (four little horizontal lines in the upper right corner of the panel) and choosing <strong>Duplicate Layer…</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/duplicate-layer-option-photoshop.jpg" alt="Photoshop Layers panel with Duplicate Layer option selected, preparing a new layer for non-destructive image editing on a cycling photo.">



<p>With the new layer selected, choose <strong>Filter &gt; Other &gt; High Pass…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-high-pass-filter-menu.jpg" alt="Photoshop 2025 interface with the Filter menu open, highlighting the High Pass filter option used for edge sharpening and image enhancement.">



<p>Your image will go completely gray. You’ll only see the outlines of your edges in the image.&nbsp;</p>



<p>In the High Pass dialog box that appears on the screen, move the Radius slider to the left to reduce detail or to the right to increase the details of the edges. Make sure “Preview” is checked so you can see the effects of moving the slider. In general, keep the radius at 7.0 Pixels or less so your end result will look natural.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/high-pass-filter-preview-layer.jpg" alt="Photoshop High Pass filter preview with layer mask applied to cyclist photo, used for edge sharpening in a non-destructive workflow.">



<p>Click <strong>OK</strong>.</p>



<p>Next, go back to your Layers Panel. Change the Blending Mode of the top layer to “<strong>Overlay</strong>.” (By default, the Blending Mode will be set to Normal.)</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/layer-blending-mode-overlay.jpg" alt="Photoshop Layers panel displaying the Overlay blending mode applied to a duplicated background layer for contrast enhancement.">



<p>Your image will now appear sharper.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/before-after-cyclist-sharpening.png" alt="Side-by-side comparison of a motion-blurred cyclist image before and after Photoshop sharpening, highlighting improved focus and clarity.">



<p>For an even sharper image, you could apply Unsharp Mask, and then a High Pass Filter on top of that.&nbsp;</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                You capture the action, we’ll look after the edits. Sports photo editing services start at 25¢ per image.            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/sports-photo-edits">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">How to fix a specific area of a blurry sports photo</h2>



<p>Sometimes, you want to capture motion blur and keep the visual effect, but you also want your subject’s face, or some other portion of the photo to be crisp. There are multiple ways to do this, including using selections, using <a href="https://pathedits.com/blogs/tips/photoshop-tutorial-beginningers-guide-using-layers">layer</a> masks, and using Photoshop’s Sharpen Tool.</p>



<h3 class="wp-block-heading">How to use a selection and layer mask</h3>



<p>Go back to the image you just sharpened using a High Pass Filter. Now, you’re going to remove the sharpened effects from every part of the image except the cyclist’s face—and then add additional effects to that area to create even more crispness.</p>



<p>Using the <strong>Marquee Tool </strong>in Photoshop’s Toolbar, draw an ellipse or a rectangle around the area of the photograph you want to remain crisp.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/elliptical-marquee-selection.jpg" alt="Photoshop 2025 showing the Elliptical Marquee Tool in use to select a circular area around a cyclist’s head for localized editing.">



<p>Next, choose <strong>Select &gt; Modify &gt; Feather…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/feather-selection-menu-photoshop.jpg" alt="Photoshop 2025 Select menu showing the path to the Feather option under Modify, used for softening selection edges during image editing.">



<p>In the dialog box that appears, type in a value between 100 and 250. This will give you the smoothest feather of your selection.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-feather-selection-dialog.jpg" alt="Photoshop feather selection dialog box over a cyclist image, demonstrating how to soften selection edges with a high feather radius.">



<p>Now, go back into your Layers panel and choose the layer that contains your High Pass Filter. Click on the <strong>Mask</strong> icon at the bottom of the Panel. This icon looks like a black rectangle with a lighter circle inside of it.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-layer-mask-overlay-mode.jpg" alt="Photoshop 2025 Layers panel showing a duplicated background layer with a layer mask applied and set to Overlay blend mode for localized adjustments.">



<p>Once you click on that icon, you’ll see a mask appear in your layer. It will look all black, except for the area of your selection, which will appear white.</p>



<p>You’ve now made it so the High Pass Filter will only appear on the area where you originally created your selection, or in the case of this example, on this cyclist’s face.</p>



<h3 class="wp-block-heading">How to use the Sharpen Tool</h3>



<p>You can sharpen the cyclist’s face even more by using Photoshop’s Sharpen Tool.</p>



<p>Select the Sharpen Tool from the Toolbar to the left of the application window. The Sharpen Tool may be sitting behind the Blur Tool or the Smudge Tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-sharpen-tool-icon.png" alt="Photoshop toolbar showing the Sharpen Tool selected from the Blur Tool group, used for enhancing image clarity and detail.">



<p>In your Layers panel, select your original laye—the layer that does<em> not</em> contain the High Pass Filter. Then, with your Sharpen Tool selected, “paint” over the areas of your image that you want to be a bit crisper. In the below example, we went over the cyclist’s eyes and mouth with the tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-sharpen-tool-cyclist.jpg" alt="Photoshop 2025 interface showing the Sharpen Tool in use on a cyclist’s face, with the background layer selected and tool settings highlighted for precision image enhancement.">



<p>Like all tools in Photoshop, you have the option to adjust the strength and size of the Sharpen Tool in the Options Bar.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/before-after-sharpening-comparison.png" alt="Before and after comparison of cyclist photo sharpening, demonstrating enhanced image clarity and edge definition using Photoshop tools.">



<h2 class="wp-block-heading">How to remove a blurry background from a sports photo</h2>



<p>Sometimes a photographer will want a clear subject and a blurry background<a href="https://pathedits.com/blogs/tips/best-sports-photo-background-ideas"> in a sports photo</a>. However, there are times where a crisp background makes more sense. In these instances, it works best to <a href="https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop">remove the background</a> altogether and replace it with a new image.</p>



<p>For the following examples, let’s use this image of a young woman holding a basketball.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/remove-background-button-photoshop.jpg" alt="Photoshop 2025 interface showing the Remove Background button active beneath a basketball player image during automated background removal.">



<h3 class="wp-block-heading">Use AI to remove a background in Photoshop</h3>



<p>The easiest way to remove a background is to use the “Remove Background” tool, which is part of Photoshop’s new AI tools. However, while fast, <a href="https://pathedits.com/blogs/tips/is-it-better-to-remove-background-by-hand-or-with-ai">this tool isn’t always the best option</a>, as you’ll see in a minute.</p>



<p>To use the tool, make sure the Contextual Task Bar is visible. By default, it is—however, if you don’t see it, make sure <strong>Contextual Task Bar</strong> is checked under the Window dropdown menu.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/photoshop-contextual-taskbar-screenshot.jpg" alt="Photoshop 2025 interface showing active contextual task bar and layer panel during sports image editing workflow.">



<p>With the Contextual Task Bar visible beneath your image, you’ll see the option to Remove Background. Click on that option.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/remove-background-button-photoshop.jpg" alt="Photoshop 2025 interface showing the Remove Background button active beneath a basketball player image during automated background removal.">



<p>The result will be…okay. But not perfect. To really remove the background from an image, <a href="https://pathedits.com/blogs/tips/how-to-use-ai-to-edit-photos-pros-and-cons">you’ll need to add a human touch</a>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/basketball-player-background-removed.jpg" alt="Young female basketball player isolated on a transparent background after precise clipping path and background removal.">



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Save a ton of time with pro background removal from 39¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/background-removal">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Remove background using Select and Mask</h3>



<p>Another option to quickly remove the background of your image is to use the Select and Mask feature in Photoshop. To do this, go to <strong>Select &gt; Select and Mask…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/select-and-mask-workspace.jpg" alt="Photoshop 2025 Select menu with 'Select and Mask' highlighted, preparing to refine selections for precise cutouts of a sports portrait.">



<p>A new window will appear. In this window, choose Select Subject. You can refine the subject by using the “Refine Hair” button and the tools on the left-hand side of the window, including the <a href="https://pathedits.com/blogs/tips/magic-wand-tool-select-mask-photoshop">Magic Wand Tool</a>.</p>



<p>Once you have your subject selected to your satisfaction, scroll to the bottom of the Properties tab at the right-hand side of the window. Change “Output to” to “Layer Mask.”</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/select-subject-layer-mask.jpg" alt="Photoshop interface showing 'Select Subject' and 'Layer Mask' options in use for isolating and masking a basketball player on a transparent background.">



<p>Click <strong>OK</strong>.</p>



<p>Back in your regular image window, you can now refine the subject more. For instance, Select and Mask didn’t do a very nice job of selecting the model’s hair, and parts of her left hand are cut off. You can fix this manually using Photoshop’s Pen Tool and Background Eraser Tool.</p>



<h3 class="wp-block-heading">Refine selection using the Pen Tool</h3>



<p>You can <a href="https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial">use the Pen Tool</a> to refine crisp edges of your subject.&nbsp;</p>



<p>First make sure you have the mask portion of your layer selected. Then select the Pen Tool from the Toolbar at the left-hand side of the application window and draw along the edge of your subject. Create a selection from your path, then delete or add portions of your image back in to achieve the desired edge to your subject.&nbsp;</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/clipping-path-tool-basketball-photo.jpg" alt="Photoshop 2025 interface showing the Pen Tool and active layer mask while creating a clipping path around a basketball in a background removal workflow.">



<h3 class="wp-block-heading">Use the Background Eraser Tool</h3>



<p>Next, you can use the Background Eraser Tool to refine the hair of our subject. You can get to the Background Eraser Tool by clicking and holding down the Eraser Tool in the Toolbar.</p>



<p>It’s best to work in stages around the edge of the subject’s hair, so choose one side of the head to start on. Then, set your background color to the color of the background behind that portion of hair. Use the Background Eraser Tool to refine the edge of the hair and continue to change the background color as needed as you work around the entire head.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/refining-hair-selection-mask.jpg" alt="Photoshop 2025 close-up view of masking curly hair using the Brush Tool and selection refinement tools on a transparent background.">



<p>Once you’ve sufficiently removed the background from your subject, you can insert a new, crisp background into your image.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/basketball-player-replaced-background.jpg" alt="Retouched image of a female basketball player placed on a new outdoor court background after background removal and replacement.">



<h2 class="wp-block-heading">How to avoid taking blurry sports photos</h2>



<p>While Photoshop offers many options to reduce motion blur, the best way to get a crisp photo is adjusting your <a href="https://pathedits.com/blogs/tips/sports-photography-equipment-a-list-of-the-gear-you-need-in-2024">camera and equipment</a> settings for the scene you’re shooting. Take plenty of test shots before the event to get your setup close to perfect, based on subject speed and lighting conditions. Shooting in RAW instead of JPEG gives you more flexibility to rescue blurry or underexposed photos later. Even if you don’t have the time to spend on fixing photos, <a href="https://pathedits.com/blogs/tips/how-one-freelance-photographer-uses-path-to-edit-photos-for-16-sports-teams-every-season">you can outsource photo editing to Path</a> using your captured RAW images.&nbsp;</p>



<p>Below are some simple but effective shooting tips to make sure your next sports photos are perfectly in focus.</p>



<h3 class="wp-block-heading">Fast shutter speed</h3>



<p>When you’re trying to capture a moving subject, you will need to use a fast shutter speed if you want the subject to appear clear, or “frozen.” How fast a shutter speed you need (and can use) depends on how fast the subject is moving, how much light you have to work with, and how wide or narrow the aperture of your lens is.</p>



<p>For subjects that are moving at high speed, such as running athletes, cyclists, or racing cars, you will need a shutter speed at least 1/1000 sec, and probably closer to 1/4000 sec. Different cameras offer different shutter speed options, and some new mirrorless options offer shutter speeds up to 1/64,000 sec.</p>



<p>If you want to create a blurry background with your subject still sharp, use the panning method. Reduce the shutter speed to create a blur and move the camera in the same direction as your subject when they move past you. It takes plenty of experimentation to get your settings and hand movement right, so don’t worry if you don’t get it on the first try.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/cycling-race-motion-blur.jpg" alt="High-speed group cycling race with motion blur emphasizing dynamic movement and competition intensity on city streets.">



<h3 class="wp-block-heading">Adjust light&nbsp;</h3>



<p>When you reduce your shutter speed (meaning you make it faster, such as going from 1/250 sec to 1/1000 sec), you reduce the amount of light that hits the sensor through the shutter. Therefore, in order to have a bright image, you need to compensate for the high shutter speed by raising the ISO, widening the aperture, or both.&nbsp;</p>



<p>Taking photos with plenty of light is important to ensure that the photo comes out at the correct exposure, at the zoom level you need, without the increased film grain that can occur from high ISO values in low-light. Taking photos outdoors during the day will provide a lot of light, as will using a flash. Before you use a flash at an indoor sporting event, however, check the event’s rules for flash photography. Many sporting events don’t allow flash photography from professional photographers, unless they’re the official contracted photographer.</p>



<h3 class="wp-block-heading">Reduce camera shake</h3>



<p>Camera shake happens because even when you try to stand perfectly still, your hands naturally make tiny movements that can blur images. Using your camera&#8217;s neck strap pulled tight against your neck can add a bit of extra stability when shooting handheld.&nbsp;</p>



<p>When you zoom in to your subject, you increase your focal length, and you need to increase your shutter speed to compensate, or else you risk your image blurring from shaking. For a still subject, your shutter speed needs to be at least the inverse of your focal length, so if you zoom in to 400mm, you will need to set your shutter speed to at least 1/400 sec to avoid camera shake. And then you will need to increase your shutter speed from there, depending on how fast your subject is moving and the available lighting conditions.</p>



<p>Most sports action shots are taken with hand-held cameras or with monopods. You’ll often see sports photographers with large lenses use monopods to support the weight of their kit, which still allows them to quickly move the camera around.</p>



<p>Many modern cameras and some lenses also have powerful shake reduction capabilities. Look for terms like &#8216;In-Body Image Stabilization&#8217; (IBIS) in camera bodies or &#8216;Optical Stabilization&#8217; (OS/IS/VR) in lenses. This technology can help you shoot at slower shutter speeds while still getting sharp images.</p>



<h2 class="wp-block-heading">Let us fix your sports photos</h2>



<p>While not every blurry photo can be saved, with the right tools and techniques, you can rescue many of them—and capture crisp, clear shots moving forward.&nbsp;</p>



<p>Shooting, organizing, and <a href="https://pathedits.com/blogs/tips/editing-sports-photos-like-a-pro-11-tips-to-improve-your-shots-in-2024">editing sports photos</a> takes a lot of time and work. Wouldn’t it be great if you could outsource the most tedious, repetitive aspects? With Path, you can! Send us all your background removal, retouching, and image masking needs—so you can get back to the creative work that <em>really matters.&nbsp;</em></p>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Ready to send your photo edits our way? Get started now—and get your edits back in as little as 6 hours.</p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://dashboard.pathedits.com/instant_quotes/new">Learn more</a>
                </div>
            </div>
            <div class="grid__item image">
                                <img decoding="async" src="https://cdn.pathedits.com/Illustrations/about-work.svg" alt="Simple pricing for stress-free, pixel-perfect photo edits tailored to your needs">
                            </div>
        </div>
    </div>




<h2 class="wp-block-heading">How to fix blurry sports photos FAQs</h2>



<h3 class="wp-block-heading">How do you make sports pictures not blurry?</h3>



<p>To make sports photography less blurry, use a fast shutter speed—ideally 1/1000s or faster—to freeze motion. Set your camera to continuous autofocus (AI-Servo or AF-C mode) and track your subject. Good lighting, a higher ISO if needed, and steady panning techniques also help capture sharper images.</p>



<h3 class="wp-block-heading">Why are my pictures blurry in sports mode?</h3>



<p>Sports mode usually tries to select faster shutter speeds, but it can still struggle in low light or if the autofocus isn’t keeping up with the action. Your pictures might also be blurry if the camera is focusing on the wrong spot, or if there&#8217;s not enough contrast for the autofocus to lock onto the subject properly.</p>



<h3 class="wp-block-heading">How do I get my sports pictures sharp?</h3>



<p>Use a fast shutter speed, continuous autofocus, and a wide aperture (like f/2.8 or f/4) to let in more light. Track the subject carefully, and if possible, pre-focus on an area where you expect the action to happen. Shooting in burst mode can also increase your chances of getting a tack-sharp frame.</p>



<h3 class="wp-block-heading">How do you take clear sports pictures?</h3>



<p>Clear sports images start with the right camera settings: fast shutter speed, continuous autofocus, and an appropriate ISO. Also, practice good technique—like following your subject smoothly with the camera and anticipating the action. Using higher-quality lenses with image stabilization can make a big difference too.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-to-fix-blurry-sports-photos">How to Fix Blurry Sports Photos: Before, During, and After the Shot</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/how-to-fix-blurry-sports-photos/cyclist-edited-with-pathedits-branding.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Replace or Remove an Image Background Using the Magic Wand Tool</title>
		<link>https://pathedits.com/blogs/tips/magic-wand-tool-select-mask-photoshop</link>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Sun, 09 Feb 2025 01:38:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Background removal]]></category>
		<category><![CDATA[Editing tips]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Image masking]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blog/magic-wand-tool-select-mask-photoshop/</guid>

					<description><![CDATA[<p>Learn what the Magic Wand Tool is and how you can use it in Photoshop for image masking in this step-by-step tutorial.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/magic-wand-tool-select-mask-photoshop">How to Replace or Remove an Image Background Using the Magic Wand Tool</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Photoshop’s <strong>Magic Wand Tool:</strong> You’ve definitely heard of it and, depending on how much you use Photoshop in your day-to-day, you may have even used it.</p>



<p class="p1">Learn what the Magic Wand Tool is and how to select and mask in Photoshop with it. This Photoshop masking tutorial will turn you into a pro in no time.<a name="wandtool"></a></p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<h2 class="wp-block-heading">What is the Magic Wand Tool?</h2>



<p>The Photoshop Magic Wand Tool is a quick and easy way to select and mask certain portions of an image, giving you the ability to alter one part of your image while leaving other parts intact. One of the most common uses of this tool is to swap out or <a href="https://pathedits.com/pages/background-removal">remove the background of a product photo</a>, leaving the subject of the image in place.&nbsp;</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Related: Clipping Path vs. Masking: What’s the Difference?            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/clipping-path-vs-masking-difference-comparison"><span>Learn More</span></a>
                </div>
            </div>
        </div>
    </div>




<p>The Magic Wand Tool works by selecting an area of solid color within an image. Once your selection is made, the Magic Wand Tool gives you multiple options for refining that selection.&nbsp;<a name="usedfor"></a></p>



<h2 class="wp-block-heading">What is the Magic Wand Tool used for?</h2>



<p>The Magic Wand Tool is a go-to tool when you want to display a product in various settings by showing it against different backgrounds, or when you want to remove a background altogether so your product stands on its own.</p>



<p>This is often the case for marketplaces like Amazon or eBay, which have <a href="https://pathedits.com/blogs/tips/product-photo-size-requirements-guidelines-amazon-ebay">product photo requirements</a> of their own that outline the approved backgrounds your images can have.</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Tutorial: Learn how to create a ghost mannequin in Photoshop            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/photoshop-tutorial-how-use-ghost-mannequin-technique">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">How to select and mask in Photoshop with the Magic Wand Tool</h2>



<iframe width="560" height="315" src="https://www.youtube.com/embed/e_y3vFhp_Bs?si=lBUtHsWrE1Vw24eD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>



<p>For the following tutorial, we’ll be working with this photo of a soccer player. You’ll learn how to remove the background from the player using the Magic Wand Tool, so that you can later put the player into different scenes. The Magic Wand Tool is a great option for removing backgrounds on photos with a mostly solid background.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/athlete-photo.jpg" alt="soccer player photo with black background, standing on grass">



<h3 class="wp-block-heading">Step 1: Unlock the background and select the Magic Wand Tool</h3>



<p>Before you can use the Magic Wand Tool, you’ll need to make sure your layers are set up correctly. Go to your Layers panel, located by default in the lower right-hand corner of Photoshop 2024’s application window. If you don’t see the Layers panel, you can bring it forward by choosing <strong>Window &gt; Layers</strong> from the dropdown menu at the top of the application window.</p>



<p>Within the Layers panel, double click on the Layer entitled Background.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/backgrround-layer.jpg" alt="Layers pop-up menu from Photoshop, showing Background layer">



<p>A pop-up window will appear, prompting you to rename the layer “Layer 0.” Click <strong>OK</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/new-layer.jpg" alt="New Layer pop-up menu from Photoshop, showing Layer 0 with a red circle over the OK button">



<p>Within Adobe Photoshop 2024, choose the Magic Wand Tool from the Toolbar. By default, the Toolbar is placed to the left of the application window. The Magic Wand Tool may be hidden behind the Object Selection Tool or Quick Selection Tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/magic-wand-tool.png" alt="Photoshop menu showing where the Magic Wand Tool is located">



<p><em>Note: To select any tool that is hidden “behind” another tool, choose the tool that is in front, and then hold the mouse button until other tools are visible. Then, select the visible tool you need.</em></p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Save time and outsource it: Our background removal services start at $0.49/image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/background-removal"><span>Learn More</span></a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Step 2: Select the solid areas of the background using the Magic Wand Tool</h3>



<p>There are several different ways to use the Magic Wand Tool to remove a background. We’ll start with the simplest method and work our way to more advanced methods as we refine our selection.</p>



<p>When you click on a portion of your image using the Magic Wand Tool, the tool selects the pixel you selected along with adjacent pixels of the same (or similar) colors.&nbsp;</p>



<p>Once you have the Magic Wand Tool selected, you’ll see several different options in the Options Bar at the top of the screen. You can adjust the Tolerance of the Magic Wand Tool here. The higher the Tolerance, the more similarly colored pixels will be selected alongside the pixel you select with the tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/tolerance-zero.jpg" alt="Photoshop main menu showing Tolerance at 0">



<p>For this example, we will keep the <strong>Tolerance</strong> at <strong>10</strong>.</p>



<p>Click somewhere within the background of the image. The Magic Wand Tool will create a selection of all contiguous portions of your image that are roughly the same color as the background portion you selected.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-7.jpg" alt="soccer player standing on grass with black background and checked lines around the black background border">



<p>The Magic Wand Tool did a relatively decent job, but there are some portions of the background (such as between the player’s legs and under his right arm” that are not selected.</p>



<p>To select areas of the background that did not get selected, hold down the <strong>SHIFT</strong> key and click within those areas that need to be selected. Holding <strong>SHIFT</strong> allows you to add to the existing selection without deselecting anything.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-8.jpg" alt="soccer player with black background standing on grass and the borders of the athlete and the background are outlined">



<h3 class="wp-block-heading">Step 3: Select other portions of the background and foreground</h3>



<p>The ground in this photo is not a solid color like the background. It is, however, all varying shades of green. In order to select an area that is all about the same color but has a lot of detail, we need to adjust the Tolerance of the Magic Wand tool to a higher value. In this example, we’ve set the Tolerance to 50 and selected the grassy ground area of the photo.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-6.jpg" alt="soccer player standing on grass with black background and everything is outlined and starting to be edited">



<p>The results are less than perfect, but if we were to make the Tolerance much higher, we might accidentally select portions of the player’s legs.</p>



<p>To smooth out the selection, choose <strong>Select &gt; Modify &gt; Smooth…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-4.jpg" alt="Photoshop editing window showing how to Modify and Smooth your photo">



<p>In the Dialog Box that appears, set the smooth value to something large enough to smooth out the edges of the selection but small enough to keep the integrity of the selection’s outline. For this example, we’ll set the value to 5.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/smooth-selection-pop-up.png" alt="Photoshop Smooth Selection pop-up window, with 5 pixels set as the Sample Radius">



<p>Click <strong>OK</strong>.</p>



<p>The selection now looks almost close to perfect. Almost.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-9.jpg" alt="soccer player standing on grass with black background and everything is outlined to be edited in Photoshop">



<h3 class="wp-block-heading">Step 4: Create a mask</h3>



<p>Select the inverse of your current selection by choosing <strong>Select</strong> &gt; <strong>Inverse</strong> from the dropdown menu or by typing <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>I</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>I </strong>on a Mac).</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-2.jpg" alt="Photoshop editing, showing the menu that has the Inverse option">



<p>Now, your subject is selected (instead of your background).</p>



<p>Next, go to <strong>Select &gt; Modify &gt; Contract…</strong> to tighten the edges of the selection. This is to compensate for any artifacts that may have appeared in the selection when we smoothed it earlier.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/modify-contract.jpg" alt="Photoshop editing options and menus showing Modify > Contract&#8230;&#8221;>



<p>In the dialog box that appears, set a Contract value to something between 1 and 4 pixels. The amount you set it to will vary depending on the image you are working with. In this example, I’ve set the value to 3.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/contract-selection-pop-up.png" alt="Photoshop pop-up showing Contract Selection">



<p>Click <strong>OK</strong>.</p>



<p>In your Layers panel, look for the Mask icon at the bottom of the panel. It will look like a black rectangle with a white circle inside of it.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports.jpg" alt="Photoshop editing showing Layers and Mask options">



<p>With Layer 0 selected, click on the Mask icon. You will now see your subject isolated against a transparent background.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-5.jpg" alt="soccer player image being edited in Photoshop, showing with a transparent background">



<p>We’re almost there, but there are a few things we need to fix before we’re done.</p>



<h3 class="wp-block-heading">Step 5: Clean up the selection using the mask</h3>



<p>As advanced as Photoshop 2024 is, nothing can match the human touch for perfecting a selection. In order to finalize your image, you will need to use your Brush Tool, and your judgment, to modify and perfect certain areas of your selection.</p>



<p>In Layer 0 of your Layers Panel, make sure you have the new layer Mask selected. When the Mask is selected, you’ll see a small, black outline around the Mask. Look closely as it’s a little hard to see.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/layers-pop-up.png" alt="Photoshop Layers menu showing different layers">



<p>Next, select your Brush Tool from the Toolbar to the left of the application window. In the Options Bar at the top of the application window, you can set the width and hardness of your brush.</p>



<p>If you have correctly selected the Mask icon in Layer 0, then the Foreground and Background colors in your Toolbar will be black and white. When white is the Foreground color, you can “paint back” portions of your masked image. When black is in the Foreground, you remove areas of your selection and they become masked.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-3.jpg" alt="Photoshop editing screen with mask icon layers features">



<p>For instance, in our example image, certain portions of the player’s sleeves disappeared when we created our initial selection. Therefore, using the Brush Tool, we can “paint back,” or add those portions of the sleeve back in.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-11.jpg" alt="refining armpit edit details in Photoshop">



<p>Changing the size of the brush and switching between a white foreground and a black foreground, fix any edges of your selection that need finessing.</p>



<h2 class="wp-block-heading">Other ways to select and mask in Photoshop 2024</h2>



<p>Photoshop 2024 also offers another option for Selecting and Masking that may or may not be easier for you. Let’s start with the original image again to learn this second method.</p>



<p>When your <strong>Magic Wand Tool</strong> is selected, you’ll notice there are some selection options available in the <strong>Options Bar</strong> at the top of the application window. At the far right of the bar, click <strong>Select and Mask…</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/select-and-mask.jpg" alt="select and mask menu from Photoshop">



<p>A new window will open showing most of the image erased. Don’t worry–the image is still there; it’s just been “masked.”</p>



<p>At the top of the screen, click the button that says <strong>Select Subject</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/select-subject.jpg" alt="Photoshop menu showing select subject">



<p>Photoshop will attempt to interpret and select the subject of your image. Though, as you can see in the image below, the results are not always perfect.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-12.jpg" alt="Photoshop editing screen with different options">



<p>At the top of the window, you will find <strong>Add</strong> and <strong>Subtract</strong> buttons. These work to add to your selection or subtract from it using the modification tools on the left-hand side of the window. You can also control the size of the tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/all-the-tools.png" alt="list of Photoshop tools and also the menu">



<p>On the left side of the window are tools you can use to modify the selection. These tools are rather intuitive to use.&nbsp;</p>



<p>The first tool, the <strong>Quick Selection Tool</strong>, allows you to grab whole blocks of color at once. This is a good tool to use to “paint back” the ball in the image.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-1.jpg" alt="Photoshop editing of a soccer player holding a ball">



<p>The next tool, <strong>Refine Edge Tool</strong>, helps when defining or redefining the edge of your selection. Below that is the <strong>Brush Tool</strong>, which works just like the regular <strong>Brush Tool</strong> in Photoshop (and like the <strong>Eraser Tool</strong> when the <strong>Subtract</strong> button is activated).&nbsp;</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-10.jpg" alt="Photoshop editing a person's arm">



<p>The <strong>Object Selection Tool</strong> tries to figure out where certain objects begin and end in your image, the <strong>Lasso Tools</strong> allow you to freeform select areas of the image, and the <strong>Hand Tool</strong> and <strong>Zoom Tool</strong> help you navigate around the image as you work to refine the selection.</p>



<p>Once you&#8217;re satisfied with the selection, click <strong>OK</strong>. You will see that nothing has changed in your original image, but there&#8217;s a “marching ants” selection around your subject.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/photoshop-screenshot-sports-9.jpg" alt="soccer player standing on grass with black background and everything is outlined to be edited in Photoshop">



<p>Next, just like in the first method listed above, you&#8217;ll need to make your <strong><em>Background Layer</em></strong> into an unlocked <strong>Layer 0</strong>, and create a Layer Mask.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/just-the-player.jpg" alt="soccer player holding a ball, cut out on a transparent background">



<p>Whichever way you choose to create your selection, you now have your subject isolated from its background, and you can place your subject into whichever new setting works best for your branding needs.</p>



<h2 class="wp-block-heading">When to use the Magic Wand Tool for your photos</h2>



<p>Learning how to select and mask in Photoshop with the Magic Wand Tool is helpful because it’s a technique you can apply to a range of photos—sports, product, ecommerce, portraits, headshots, and more. Here are a just a few scenarios where it comes in handy:</p>



<ul class="wp-block-list">
<li>Show your subject in various environments. Help your audience connect with your subject emotionally by seeing it in a beautiful or familiar setting when changing the background. This can also help you prepare the image for different target segments, so you can swap out backgrounds that make more sense for your audience.</li>



<li>Select your subject so you adjust its size or color without altering the setting in which it has been photographed. This means you can show different color variants for your product without having to take multiple photos.</li>



<li>Remove the background from a photo so your subject stands out on its own.</li>



<li>Create a white background image so you can list products on third-party marketplaces, like Amazon or eBay.</li>
</ul>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Not up for the tedious task yourself? Get a quote for your background removal needs            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://dashboard.pathedits.com/quotations/new">Learn More</a>
                </div>
            </div>
        </div>
    </div>

<p>The post <a href="https://pathedits.com/blogs/tips/magic-wand-tool-select-mask-photoshop">How to Replace or Remove an Image Background Using the Magic Wand Tool</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/magic-wand-tool-select-mask-photoshop/before-after-athlete-photo.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Create Team Composite Photos: Tips + Step-by-Step Tutorial</title>
		<link>https://pathedits.com/blogs/tips/how-to-create-team-composite-photos-tips-step-by-step-tutorial</link>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Thu, 23 Jan 2025 13:07:26 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Sports photography]]></category>
		<category><![CDATA[Video]]></category>
		<guid isPermaLink="false">https://pathedits.com/?p=10617</guid>

					<description><![CDATA[<p>Find out how to create team shots even when you can’t get everyone together.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-to-create-team-composite-photos-tips-step-by-step-tutorial">How to Create Team Composite Photos: Tips + Step-by-Step Tutorial</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>There are many types of photography—spotrts being one of them. Likewise, there are many different types of <a href="https://pathedits.com/blogs/tips/what-is-sports-photography-cost-types-and-examples-2024">sports photography</a>, too. We work with all kinds of sports photos at Path.&nbsp;</p>



<p>One of our favorite types of sports photos is the team photo. Let’s take a look at what a team composite is and how to create one.&nbsp;</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<h2 class="wp-block-heading">What is a team composite photo?</h2>



<p>A team composite photo is a single image that combines individual portraits of team members into a unified group display. These photos are often used when it’s not possible to gather the entire team in one location for a traditional group photo. Each person’s portrait is taken separately and then digitally arranged into a cohesive composition, often with a consistent background, layout, and theme.</p>



<h2 class="wp-block-heading">How to create a team composite photo</h2>



<p>In our composite, we’ll use these photos that a photographer took of four players on a girls soccer team:</p>



<p>Notice that, while all the images have similar lighting, the camera was at a different distance from each of the players when the photos were taken. This means the girls aren’t uniform in size throughout all the images. We’ll fix that when we create the composite photo.</p>



<p>We also need to choose the background photo that the girls will be placed against before we begin. The background photo needs to have similar lighting to the images of the players, but it can be very stylized and dramatic to enhance the intensity of the final photograph. For this example, we’re using a beautiful photograph of a soccer field at night.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/sports-background.jpg" alt="photo of an empty lighted sports field at night">



<p>From these five images, we’ll make a team photo composite.</p>



<h3 class="wp-block-heading">Step 1: Remove background from individual portraits</h3>



<p>We need to select just the girls from each photo. The easiest way to achieve this is to use Photoshop’s built in <strong>Select Subject</strong> tools. If you don’t see the option to Select Subject in the Options Bar at the top of the screen, or the Contextual Task Bar at the bottom of the image, choose the Magic Wand Tool from the Toolbar at the left-hand side of the screen. The option to <strong>Select Subject</strong> will now appear in both these places.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-6.jpg" alt="screenshot of Photoshop editing, select subject">



<p>When you click on “<strong>Select Subject</strong>,” Photoshop attempts to determine the subject of your photograph and create a detailed selection of that subject. In the case of our soccer players, the subject would be the girl and the ball she is holding.</p>



<p>If you want a more refined selection, choose “<strong>Select and Mask…</strong>” from the Options Bar at the top of the screen to refine the selection further. Check out this article for detailed instructions on how to use <strong>Select and Mask…</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-7.jpg" alt="photo of girl soccer player being edited in Photoshop and select subject">



<p>How you choose to select the subject depends on the level of detail you require.</p>



<h3 class="wp-block-heading">Step 2: Copy and Paste the team players onto the background image</h3>



<p>With your selection still visible, type CTRL+C (COMMAND+C on a Mac) to copy the selection. Then, go to your image of the background you’ll be using. Type CTRL+V (COMMAND+V) to paste the team player selection onto the background.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/individual-sports-photo.jpg" alt="screenshot of selected subject, Photoshop editing of a girl soccer player photo">



<p>Don&#8217;t worry about the size of the figure in relation to the background just yet. We’ll resize all the players once we have them in the composite.</p>



<p>Continue steps 1 and 2 for all team players.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/team-composite-edits.jpg" alt="photo of four individual soccer players superimposed onto a background with awkward placement">



<h3 class="wp-block-heading">Step 3: Resize players within composite photo</h3>



<p>We want the girls to look like they’re standing next to each other in the final photo. Therefore, they all need to be about the same size relative to one another.</p>



<p>In the final photo, we will have the three standing girls in a row, and the seated girl sitting in front of them.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-1.jpg" alt="screenshot of Photoshop editing, showing layers and selecting Layer 5">



<p>In the Layers panel, select the layer with the first player. If you don’t see the Layers panel, you can make it visible by choosing <strong>Window &gt; Layers</strong> from the dropdown menu at the top of the application window.&nbsp;</p>



<p>Once the layer is selected, go to <strong>Edit &gt; Transform &gt; Scale</strong> from the dropdown menu at the top of the application window. A blue box will appear around the player in the image.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-4.jpg" alt="screenshot of Photoshop editing, transforming images to scale">



<p>Hover your cursor over one of the corners of the blue rectangle until you see a double-sided arrow appear over the corner. Then, drag it to resize the figure to the size you want.&nbsp;</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-8.jpg" alt="Photoshop editing screenshot showing image of a girl's face and selecting to resize it">



<p>In newer versions of Photoshop (Photoshop 2023 and higher), the image will resize proportionally by default (you do not need to hold down the SHIFT key).&nbsp;</p>



<p>If, however, the image looks squished or stretched as you resize it, that means the default settings have been changed. Hold down SHIFT as you drag to resize to adjust the image proportionally.</p>



<p>If you are unsure if the resizing is proportionate or not, you can look at the <strong>Options Bar</strong> at the top of the screen. If the values for Width and Height are the same, and the link icon between the Width and Height values is checked, then the image is sizing proportionally.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-5.jpg" alt="Photoshop 2025 toolbar, highlighting scale">



<p>Select the rest of the players’ layers one by one and resize them all. Since the images in this example were taken at different distances from the players, we had to manually resize each photo to get a uniform look across all players.</p>



<p>However, if all players need to be reduced in size by the same amount (91%, for example), you can type that value into the Width and Height boxes in the Options Bar instead of resizing manually with your cursor.</p>



<p>Once you have all the players resized, position them onto the background so that it looks like they were there all along.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/team-composite-photo.jpg" alt="team composite photo of four girl soccer players on a lighted field at night">



<h3 class="wp-block-heading">Step 4: Add depth to the background</h3>



<p>Even though this is a team composite photo doesn’t mean we can’t make it look more realistic!&nbsp;</p>



<p>Select the background layer, which in our example holds the image of the stadium.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-2.jpg" alt="Photoshop screenshot of Layer 6, the background layer">



<p>With the Background layer selected, choose the Burn Tool from the Toolbar at the left-hand side of the application window. The Burn Tool may be hiding behind the Sponge Tool or the Dodge Tool.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/screenshot-photoshop-3.jpg" alt="Photoshop toolbar, selecting the Burn Tool">



<p>With the Burn Tool selected, “paint” over the area of the background just under the players to create a shadow effect. You don’t need to overdo this–a little goes a long way. You will need to use your judgement to determine exactly how much shadow you need to make the image look more realistic.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/editing-sports-photo.jpg" alt="Photoshop screenshot editing shadows">



<p>And you’re done! You can now use your new team photo composite as is, or add your team logo and other elements to it.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/team-shot.jpg" alt="team composite four girl soccer players at night on field">



<h2 class="wp-block-heading">Photography tips for team composite photos</h2>



<p>Save these tips for when you shoot team players and coaches to <a href="https://pathedits.com/blogs/tips/how-to-improve-sports-photography-in-2024-pro-tips-examples">improve your team composite sports photos</a>:</p>



<ul class="wp-block-list">
<li><strong>Shoot all players at the same angle, with the same lighting, in the same place.</strong> The easiest way to achieve this is to shoot in a closed studio where you can control the lighting, or at night. Set up a tripod to make sure the camera is in the same place for every photo, and place a marker on the ground for each of the players to stand on during the shoot.</li>



<li><strong>Pay attention to the horizon line when you shoot the players.</strong> You want the horizon line to be in roughly the same place as the horizon line in the background image you’ll ultimately use. This will make it easier when <a href="https://pathedits.com/blogs/tips/editing-sports-photos-like-a-pro-11-tips-to-improve-your-shots-in-2024">editing sports photos</a> for the team composite shot.</li>



<li><strong>Choose the right equipment for the job</strong>. Make sure you have the best <a href="https://pathedits.com/blogs/tips/sports-photography-equipment-a-list-of-the-gear-you-need-in-2024">sports photography equipment</a> with you for the type of photos you will be taking. This doesn’t just mean having a tripod; you also need to bring adequate lighting for the type of shoot you will be doing (indoor, outdoor, nighttime) and a lens that is best suited for the job.&nbsp;</li>



<li><strong>If possible, photograph the players against a solid, neutral background.</strong> This will make removing the players from the background easier when you create your composite. Opt for a background that does not share any colors with the team uniforms, but also try not to use a bright background such as a green screen, as these colors might show up as a reflection on clothing and skin even after the background is removed.</li>



<li><strong>Make sure your setup can be taken down and set up again in the exact same way.</strong> Keep track of the location of your lights, camera, background, etc. If a player can’t make it to the shoot, you want to be able to schedule a makeup and replicate your studio setup exactly.</li>
</ul>



<h2 class="wp-block-heading">Send your team composite edits to Path</h2>



<p>Making team composite photos can be a tedious and time-consuming process, especially when you’re <a href="https://pathedits.com/blogs/tips/how-one-freelance-photographer-uses-path-to-edit-photos-for-16-sports-teams-every-season">working with lots of teams</a> with large rosters. Let Path handle some of the work for you—the most challenging cutouts and clippings, and retouching to perfection.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-to-create-team-composite-photos-tips-step-by-step-tutorial">How to Create Team Composite Photos: Tips + Step-by-Step Tutorial</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/how-to-create-team-composite-photos-tips-step-by-step-tutorial/create-team-composite-photo.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Use the Photoshop Pen Tool to Edit Ecommerce Images</title>
		<link>https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial</link>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Sun, 01 Sep 2024 19:00:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Background removal]]></category>
		<category><![CDATA[Color variants]]></category>
		<category><![CDATA[Editing tips]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<guid isPermaLink="false">https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial-2</guid>

					<description><![CDATA[<p>Learn how to use the Pen Tool in Photoshop to edit your ecommerce images and remove the background from your images. This step-by-step tutorial will show you how.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial">How to Use the Photoshop Pen Tool to Edit Ecommerce Images</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>The Pen Tool in Photoshop can become your go-to tool every time you need to isolate a portion of an image from its surroundings.</p>



<p>Photoshop’s Pen Tool is an excellent way to <a href="https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop">remove a product from its background</a> or select a portion of a product image to change its color. And you can modify, store, and reuse the paths created with the Pen Tool as often as you want.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<p>In this tutorial, we’ll be using the Pen Tool to remove the background and add a new shadow to this image of a sock.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-blue-background.jpg" class="Sirv" alt="Yellow and white striped sock displayed against a blue gradient background.">



<h2 class="wp-block-heading">Why is the Pen Tool the best option for accurately creating selections in Photoshop?</h2>



<p>Photoshop 2024 offers a ton of options for creating selections, including the lasso tools, Magic Wand tools, and its new generative AI tools. However, pen tool paths still produce the most precise selections.</p>



<p>As someone who has been digitally editing photographs for over 25 years, I’ve seen hundreds of technological improvements within Photoshop and other photo editing software. And I can say with confidence that nothing has ever compared to a human-generated path, and nothing ever will. A computer program will never be able to replicate the precision of human skill, especially when it comes to creating selections.</p>



<h2 class="wp-block-heading">What is the Pen Tool in Photoshop?</h2>



<p>The Pen Tool in <a href="https://pathedits.com/blogs/tips/tagged/photoshop">Photoshop</a> creates paths and shapes which can be duplicated and manipulated to create complex selections, masks and objects. Unlike the Brush Tool and Pencil Tools, which “draw” pixels onto your image, the Pen Tool always creates a vector path when used.</p>



<p>You can create multiple paths within an image, and you can create multiple path segments within a path. These paths appear as either Work Paths or Shape Paths in the Paths Panel.</p>



<h3 class="wp-block-heading">Shape Paths vs. Work Paths in Photoshop</h3>



<p>Shape Paths created with the Pen Tool allow you to create custom shapes on your image which you can use to call out specific portions of an image. Unlike shapes created with the standard Shape Tools (such as the Rectangle Tool or Ellipse Tool), shapes created with the Pen Tool can be manipulated any way you want.</p>



<p>Work Paths, on the other hand, are Photoshop’s way of storing path information without applying any color to the path. Once these Work Paths are saved within the Paths panel, they can be made into selections, modified, and reused as many times as you need.</p>



<h2 class="wp-block-heading">Where is the Pen Tool in Photoshop?</h2>



<p>By default, the Pen Tool is located in the lower half of the Toolbar. If you click and hold on the Pen Tool in the Toolbar, you’ll see six separate Pen Tool options in Photoshop CC 2024 (if you’re using an older version of Photoshop, you may only see five Pen Tool options).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-options-toolbar.png" class="Sirv" alt="Close-up of Photoshop toolbar showing Pen Tool options highlighted, including Freeform and Curvature Pen tools.">



<p>If you’re not working in the default workspace, some of these Pen Tool options may need to be accessed by clicking on the three dots at the bottom of the Toolbar and adding the extra Pen Tool options to the Toolbar.&nbsp;</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Photoshop Tools: A Beginner&#8217;s Guide to Magic Wand, Lasso, and Other Features            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<p>You can also access the Pen Tool by typing “P” on your keyboard.</p>



<h3 class="wp-block-heading">Where is the Paths Panel in Photoshop?</h3>



<p>The Pen Tool and the Paths Panel go hand in hand, so you’ll need the Paths Panel to be visible when you begin to use the Pen Tool.</p>



<p>In the Essentials (default) workspace, Paths are accessible by clicking on the Paths tab visible in the Layers Panel. If you don’t see a Paths Panel in your workspace, you can access Paths by clicking on the Windows dropdown menu and selecting Paths.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-paths-panel-selection.png" class="Sirv" alt='Photoshop interface with the "Paths" option highlighted in the "Window" dropdown menu for editing tools.'>



<h2 class="wp-block-heading">Types of Pen Tools in Photoshop</h2>



<p>In Photoshop CC 2024, there are four different Pen Tools you can use to create a new path:</p>



<ol class="wp-block-list">
<li>The standard Pen Tool</li>



<li>The Curvature Pen Tool</li>



<li>The Freeform Pen Tool</li>



<li>The Magnetic Pen Tool (only visible by adjusting the settings of the Freeform Pen Tool)</li>
</ol>



<p>The other Pen Tool options are used to modify an existing path. Those tools are:</p>



<ol class="wp-block-list">
<li>The Add Anchor Point Tool</li>



<li>The Delete Anchor Point Tool</li>



<li>The Convert Point Tool</li>
</ol>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-options-paths.png" class="Sirv" alt="Photoshop Pen Tool options showing tools for creating new paths and modifying existing paths highlighted in red and blue.">



<h3 class="wp-block-heading">The Standard Pen Tool</h3>



<p>We’ll use the standard Pen Tool for the paths we’ll be creating in this exercise. It’s the original Pen Tool and is very similar to the Pen Tool in Adobe Illustrator. You can <a href="https://pathedits.com/blogs/tips/how-to-create-a-clipping-path-in-photoshop-2021">create just about any kind of path</a> with this tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-shortcut.png" class="Sirv" alt='Photoshop Pen Tool icon with shortcut key "P" displayed in toolbar.'>



<h3 class="wp-block-heading">The Freeform Pen Tool</h3>



<p>The Freeform Pen Tool allows you to draw with the Pen Tool in the same way you would draw with the brush tool, creating a path as you draw.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-freeform-pen-tool-shortcut.png" class="Sirv" alt='Photoshop Freeform Pen Tool icon with shortcut key "P" shown in toolbar.'>



<h3 class="wp-block-heading">The Magnetic Pen Tool</h3>



<p>With the Freeform Pen Tool selected, you can check the Magnetic option at the top of the application window and access the Magnetic Pen Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-toolbar-magnetic-option.png" class="Sirv" alt="Photoshop toolbar with magnetic option highlighted in red circle for tool selection.">


<p>The Magnetic Pen Tool works much like the Magnetic Lasso Tool, allowing you to trace the exterior of a shape within your image. It’s not perfect, however, so we suggest you work with the Standard Pen Tool whenever possible.</p>


<h3 class="wp-block-heading">The Curvature Pen Tool</h3>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-magnetic-option-highlighted.png" class="Sirv" alt="Photoshop toolbar showing magnetic option icon highlighted with a red circle, used in path selection tools.">



<h3 class="wp-block-heading">The Add Anchor Point Tool</h3>



<p>The Add Anchor Point Tool gives you the ability to add more points onto your path once it’s been created. Hover the Add Anchor Point Tool over the part of the path where you want to add a new point and click the mouse to create the point.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-add-anchor-point-tool-icon.png" class="Sirv" alt="Photoshop toolbar icon for the Add Anchor Point Tool, used to adjust paths by adding anchor points.">



<h3 class="wp-block-heading">The Delete Anchor Point Tool</h3>



<p>The Delete Anchor Point Tool removes points from your path after the path has been completed. Hover your cursor over the point you want removed and click the mouse to delete the point from the path.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-delete-anchor-point-tool-icon.png" class="Sirv" alt="Photoshop toolbar icon for the Delete Anchor Point Tool, used to adjust paths by removing anchor points.">



<h3 class="wp-block-heading">The Convert Point Tool</h3>



<p>The Convert Point Tool is extremely useful. If you have a point forming a sharp corner on your path and you want to convert that corner to a curve, clicking the Convert Point Tool will make that happen. Conversely, the Convert Point Tool will remove a curve from a point and convert the point to a corner.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-add-anchor-point-tool-icon.png" class="Sirv" alt="Photoshop toolbar icon for the Add Anchor Point Tool, used to add anchor points to paths for detailed editing.">



<h2 class="wp-block-heading">Paths vs. Shapes in Photoshop</h2>



<p>When you access either the standard Pen Tool, the Curvature Pen Tool or the Freeform Pen Tool, you can set your Pen Tool setting to either Path or Shape in the options bar at the top of the application window.</p>



<p>Drawing with the Pen Tool when Path is selected creates a new Work Path that appears in the Paths Panel. Drawing with the Pen Tool when Shape is selected creates a new Shape Path that appears in both the Paths Panel and the Layers Panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-shape-path-pixels-selection-options.png" class="Sirv" alt="Photoshop toolbar showing Shape, Path, and Pixels selection options for customizing layers and design elements.">



<p>When you choose Shape, you can also change a few different settings, including stroke color, thickness and fill color of the shape. We’ll go over the specifics of creating a shape with the Pen Tool at the end of this article.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-path-shape-combination-options.png" class="Sirv" alt="Photoshop interface showing Path mode with shape combination options like Combine Shapes, Subtract Front Shape, and Intersect Shape Areas.">



<p>When you choose Path, you’ll see an icon that looks like two small overlapping squares (this icon is also available when Shape is chosen once you’ve already begun drawing your path). If you’re creating an initial path to become a selection, set this option to Combine Shapes.</p>



<p>​​You’ll see a few other icons in the options bar, but for the purposes of this tutorial, you should leave those at their default values.</p>



<h2 class="wp-block-heading">How to use the Pen Tool in Photoshop</h2>



<h3 class="wp-block-heading">How to use the Pen Tool in Photoshop to create a path</h3>



<p>The standard Pen Tool allows you to create straight and curved paths with amazing accuracy, but mastering it takes some practice. Don’t get discouraged if it’s difficult at first. You can always adjust a path after you create it.</p>



<p>To create a path that you can then use as a selection, choose the standard Pen Tool, and then choose Path in the options bar dropdown menu at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-path-selection-toolbar-options.png" class="Sirv" alt="Photoshop toolbar displaying the option to select Path, Shape, or Pixels mode in the workspace settings.">



<h3 class="wp-block-heading">How to use the Pen Tool in Photoshop to create a new path</h3>



<p>To start your path, click on your image with your mouse where you want to begin your path. To keep things simple, choose a starting point that is at the edge of a straight line, such as the edge of the top of the sock in the image below.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-path-yellow-striped-sock.jpg" class="Sirv" alt="Close-up of Photoshop Pen Tool creating a path along the edge of a yellow striped sock against a blue background.">



<p>Click again along the edge of your object with the Pen Tool to draw the first segment of your path. You should now see a straight line appear.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-work-path-creation-yellow-striped-sock.jpg" class="Sirv" alt="Photoshop interface showing the Pen Tool creating a work path along the edge of a yellow striped sock on a blue background.">



<p>Also, note a Work Path appears in the Paths panel as soon as you place the second point.</p>



<h3 class="wp-block-heading">Create a curved path segment with the Pen Tool</h3>



<p>To create a curve with the standard Pen Tool (such as the curves at the ankle of the sock), click to create the next point and drag with the Pen Tool before you release the mouse button. You’ll see lines, called handles, appear.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-handles-curve-yellow-sock.jpg" class="Sirv" alt="Close-up of Photoshop Pen Tool with handles adjusting a curved path along the edge of a yellow striped sock on a blue background.">



<p>These handles are tangential to the curve being formed by the path. Moving the mouse around will adjust the handles, which will then adjust the line’s curvature. Once you’re satisfied with the shape of the curve, release the mouse button.</p>



<p>Note the handles formed from the curved line appear before and after the point. Therefore, the next portion of the path that you draw after creating a curved line will follow the trajectory of the handle from the last point.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-curve-yellow-striped-sock.jpg" class="Sirv" alt="Photoshop Pen Tool adjusting a curved path with anchor points on the edge of a yellow striped sock against a blue background.">



<p>When you click the next point, drag the mouse to create new handles and modify the curve that appears with your new point.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-outline-yellow-striped-sock.jpg" class="Sirv" alt="Photoshop Pen Tool creating a path along the edge of a yellow striped sock on a blue background.">



<h3 class="wp-block-heading">Creating a straight path segment after a curved path segment with the Pen Tool</h3>



<p>If you want to prevent the next segment of your path from curving along the handle of your last point, you can “corner” the point by clicking on the point with the mouse while typing <strong>ALT</strong> (<strong>OPTION</strong> on Mac). The second handle will disappear.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-precision-path-yellow-striped-sock.jpg" class="Sirv" alt="Close-up of Photoshop Pen Tool outlining the yellow striped sock on a blue gradient background for precise path creation.">



<p>The next point you set will be unaffected by the previous curve.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-detailed-path-yellow-striped-sock.jpg" class="Sirv" alt="Photoshop Pen Tool precisely outlining the curved edge of a yellow striped sock on a blue gradient background for path creation.">



<h3 class="wp-block-heading">Closing your path with the Pen Tool</h3>



<p>Once your path is complete, close your path by hovering the Pen Tool over the very first point you set down. When you see a small circle appear to the right of the Pen Tool, click on the point.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-final-path-yellow-striped-sock.jpg" class="Sirv" alt="Complete path outline on a yellow striped sock using the Photoshop Pen Tool with highlighted selection point.">



<p>Your path will now be closed.</p>



<h2 class="wp-block-heading">How to adjust the path you created using the Pen Tool in Photoshop</h2>



<h3 class="wp-block-heading">How to save your path</h3>



<p>Saving your path is extremely important at this stage. Without saving, you could accidentally overwrite your hard work when you create another path.</p>



<p>To save your path, go to your Paths Panel and look for a new Work Path. Double click on Work Path to name your path and save it.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-save-path-yellow-striped-sock.jpg" class="Sirv" alt='Saving the path selection of a yellow striped sock in Photoshop, with "YellowSock" entered as the path name.'>



<h3 class="wp-block-heading">How to modify an existing path with the Pen Tool</h3>



<p>Once you’ve created your path, you can modify any areas that need tweaking. It’s helpful to zoom in on different areas of your path to ensure the path follows the object exactly.</p>



<p>If you don’t see your path in your image, click on the path’s name in the Paths Panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-paths-panel-yellowsock-saved-path.png" class="Sirv" alt='Photoshop Paths panel displaying the saved path named "YellowSock" with a sock icon in the selection area.'>



<h3 class="wp-block-heading">How to add additional paths to an existing path using the Pen Tool</h3>



<p>In our yellow sock example, there’s a path around the outside of the sock. But what if we wanted to cut out a shape inside of the sock for demonstrative or artistic purposes? We can do so by adding an additional path to our existing path. This method also works well for removing interior shapes from certain product images, such as the inside of a mug handle or the loop in an earring.</p>



<p>With the path selected in the Paths panel, select the Pen Tool from the Toolbar. In the options bar at the top of the screen, click on the icon that looks like two little overlapping squares, and choose Exclude Overlapping Shapes.</p>



<p>While the current path is still visible, begin to draw the area that you want to exclude from your selection with the Pen Tool. Close the path when you’re done.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-yellow-sock-path-toe-highlight.jpg" class="Sirv" alt='Yellow striped sock in Photoshop with a saved path outline around the sock and an additional path circled around the toe area. Paths panel shows "YellowSock" path saved.'>



<h3 class="wp-block-heading">How to modify existing points and curves along a path</h3>



<p>To modify an existing point or handle on a path, find the Path Selection tools in the Toolbar. These tools each look like an arrow, and by default are located beneath the Type Tool in the Toolbar.</p>



<p>When you click on the visible Path Selection Tool, you’ll see options. Choose the Direct Selection Tool, which looks like a white arrow.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-path-direct-selection-tool-panel.png" class="Sirv" alt="Photoshop toolbar with Path Selection Tool and Direct Selection Tool highlighted and indicated by a red circle and arrow.">



<div style="text-align: left;">Clicking directly on a path segment with the Direct Selection Tool will reveal all points as white boxes, along with the handles of the selected segment. You can use the Direct Selection Tool to drag visible handles to adjust segment curves or move existing points.</div>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-direct-selection-tool-edit-path-points.jpg" class="Sirv" alt="Close-up of Direct Selection Tool in Photoshop showing path editing on a yellow sock image, with instructions to drag points and handles.">



<h3 class="wp-block-heading">How to add new points to a path</h3>



<p>The Add Anchor Point Tool, accessible by clicking and holding on the Pen Tool in the Toolbar, will add extra points along the path.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-add-anchor-point-tool-toolbar.png" class="Sirv" alt="Photoshop toolbar showing the Pen Tool options with the Add Anchor Point Tool circled in red.">



<p>With the Add Anchor Point Tool selected, hover over the path and click to create a new point.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-add-anchor-points-yellow-sock.jpg" class="Sirv" alt="Close-up of Photoshop's Pen Tool adding anchor points along a path outlining a yellow striped sock.">



<p>Once you&#8217;ve set down the new point, you can use the Direct Selection Tool to modify the point’s location or its handles.</p>



<h3 class="wp-block-heading">How to remove points from a path</h3>



<p>The Delete Anchor Point Tool, also accessible by clicking and holding on the Pen Tool in the Toolbar, removes existing points from the path.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-delete-anchor-point-tool-menu.png" class="Sirv" alt="Photoshop toolbar with Delete Anchor Point Tool option highlighted in Pen Tool dropdown.">



<div style="text-align: left;">With the Delete Anchor Point Tool selected, hover over an existing point until the tool becomes visible and click. The point will disappear, and the surrounding path segments will conjoin into one segment. Be aware this can create some unexpected results if the handles on the surrounding points are particularly long.</div>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-delete-anchor-point-tool-example.jpg" class="Sirv" alt="Before and after comparison of deleting anchor points on a yellow sock outline path in Photoshop to smooth curves.">



<h3 class="wp-block-heading">How to use the Convert Point tool</h3>



<p>The Convert Point Tool, accessed by clicking and holding on the Pen Tool, allows you to manipulate handles of existing points the same way you would manipulate handles using the Direct Selection Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-convert-point-tool-access.png" class="Sirv" alt="Photoshop toolbar with Pen Tool options highlighted, showing the Convert Point Tool selection.">



<p>Unlike the Direct Selection Tool, however, the Convert Point Tool does not allow you to move existing anchor points, because when you click on a point with the Convert Point Tool, the path segments adjacent to the point convert from straight lines to curved lines, and vice versa.</p>



<p>If you click on a point that has handles with the Convert Point Tool, the handles will disappear and the anchor point will become a corner. If the surrounding anchor points have handles, those handles will still continue to affect the curve of adjacent path segments.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-anchor-point-path-adjustment-example.png" class="Sirv" alt="Close-up of adjusting a path by moving an anchor point on a yellow textured surface in Photoshop.">



<h2 class="wp-block-heading">How to use a path to remove an object from its background</h2>



<p>Now that your path is created, you can use it over and over again to create selections and use that selection to remove an object from its background.</p>



<h3 class="wp-block-heading">How to create a selection from a path</h3>



<p>In your Paths panel, select your path. Then, click on the icon at the bottom of the panel that looks like a circle with a dashed outline. A selection in the shape of your path will appear in your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-paths-panel-selection-icon.jpg" class="Sirv" alt='Photoshop Paths panel showing "YellowSock" path with selection icon highlighted in red at the bottom.'>



<p>You can also create a selection with the Pen Tool. With the path selected, and with the Pen Tool selected, click on the Selection button next to Make: in the options bar.</p>



<p>A dialog box allowing you to make adjustments to the selection will appear. If you’re creating the selection in order to isolate an object from its background, you should keep the Feather Radius at 0 and keep Anti-Aliased checked. If this is the first selection you’re creating, the radio button next to New Selection will be selected.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-make-selection-dialog-feather-radius.jpg" class="Sirv" alt="Photoshop Make Selection dialog with Feather Radius field set to 0 pixels and highlighted in red.">



<p>Once you’ve created your selection, you can use the selection to modify the color of the object or to remove the object from its background.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-path-selection-outline.jpg" class="Sirv" alt="Yellow striped sock on a blue gradient background with a path selection outline visible in Photoshop.">



<h3 class="wp-block-heading">How to cut out an object from the background</h3>



<p>Once you’ve created your selection from your path, you can remove the portion of the image from its background by either copying it into another layer, or by creating a layer mask. In order to do any of the following methods, you must be in the layer which contains the image you wish to isolate.</p>



<h4 class="wp-block-heading">Removing a background by copying a selection</h4>



<p>You can copy your selection by typing <strong>CTRL</strong> + <strong>C</strong> (<strong>COMMAND </strong>+ <strong>C</strong> on a Mac) and then pasting the selection by typing <strong>CTRL </strong>+ <strong>V</strong> (<strong>COMMAND </strong>+ <strong>V</strong> on a Mac). Your selection will automatically appear in a new layer. You can make your original layer invisible in the layers panel to see the isolated object.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-transparent-background-after-removal.jpg" class="Sirv" alt="Yellow striped sock on a transparent background after background removal.">



<p>Note that the small section in the toe of the sock also was removed. This would be a useful effect if we wanted to show how the toes look within the sock. However, if we want to remove that cut-out, simply go back into your original path and your original layer, click on the interior path within the sock with the Direct Selection Tool, and type <strong>BACKSPACE</strong> (<strong>DELETE</strong> on a Mac).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-path-direct-selection-tool-photoshop.jpg" class="Sirv" alt="Yellow striped sock in Photoshop with Direct Selection Tool active on toe path segment.">



<h4 class="wp-block-heading">Removing a background by creating a layer mask</h4>



<p>To create a layer mask, create a selection from your path using the method described above. Then, locate the Layer Mask icon. This icon is available in both the Paths panel and the Layers panel at the bottom of the panel and looks like a white rectangle with a circle inside.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-layer-path-mask-photoshop.jpg" class="Sirv" alt="Yellow striped sock in Photoshop with Layer and Path panels highlighted for mask creation">



<p>Click on the icon to automatically create a Layer Mask.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-layer-mask-path-photoshop.jpg" class="Sirv" alt="Photoshop interface showing yellow striped sock with selection and layer mask options in Layers and Paths panels highlighted.">



<h2 class="wp-block-heading">How to create a shape using the Pen Tool</h2>



<p>You can designate a path to be a Shape Path before you create the path by selecting Shape from the menu in the options bar for the Pen Tool.</p>



<p>We mentioned this earlier: Next to the Shape option, you can change the shape’s color by double-clicking on the color rectangle next to Fill. A color menu will appear—the top bar of the color menu allows you to change the color by choosing no fill (transparent), a solid color, a gradient color, a pattern or a custom color. The bottom portion of the menu shows available swatches.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-shape-stroke-settings-color-palette.png" class="Sirv" alt='Photoshop settings panel with "Shape" selected, stroke color red, and color palette options visible.'>



<p>You can also change the shape’s outline color by double clicking on the color rectangle next to Stroke. And to adjust the width of the stroke, change the width in the dropdown menu just to the right of the Stroke’s color.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-shape-stroke-settings-transparent-background.jpg" class="Sirv" alt="Photoshop workspace showing shape and stroke settings with color palette and transparent background image of a yellow striped sock.">



<div style="text-align: left;">Once you have your Shape Path’s settings correct, you can draw a shape with the Pen Tool the same way you would draw a regular path.</div>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-striped-sock-custom-shadow-path-transparent.jpg" class="Sirv" alt="Yellow striped sock on transparent background with custom shadow path created beneath it in Photoshop.">



<p>When you create a shape using the Pen Tool, you automatically create a new Layer containing that shape, as well as a Shape Path in your Paths panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/yellow-sock-custom-shadow-layer-settings.jpg" class="Sirv" alt='Yellow striped sock with custom shadow path displayed on transparent background, showing "Shape 1" layer and path in Photoshop panels.'>



<h3 class="wp-block-heading">How&nbsp;to transform or scale a Shape Path</h3>



<p>With the Shape Path selected in your Paths panel, click on the Edit dropdown menu at the top of the screen and choose Transform Path to access any of the transform functions. You can also choose Free Transform Path from the Edit dropdown menu, or type <strong>CTRL</strong> + <strong>T</strong> (<strong>COMMAND </strong>+ <strong>T</strong> on a Mac) to scale or rotate your path.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/transform-path-yellow-sock-photoshop-options.jpg" class="Sirv" alt='Photoshop "Transform Path" menu open with options like Scale, Rotate, Skew for yellow sock image on transparent background.'>



<p>That’s a lot of information to remember. Feeling overwhelmed? You can always outsource your background removal and other image-editing needs. Our prices start at just 39¢/image.</p>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Wish you could just hand this over to a pro? Surprise, you can <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/how-it-works">LEARN MORE</a>
                </div>
            </div>
            <div class="grid__item image">
                                <img decoding="async" src="https://cdn.pathedits.com/Illustrations/stress-free-pricing-photo-edits.svg" alt="Simple pricing for stress-free, pixel-perfect photo edits tailored to your needs.">
                            </div>
        </div>
    </div>




<h2 class="wp-block-heading">FAQs about the Pen Tool</h2>



<h3 class="wp-block-heading">What does the Pen Tool do in Photoshop?</h3>



<p>The Pen Tool creates paths that can then be converted to selections or layer masks. The Pen Tool can also create custom shapes within Photoshop.</p>



<h3 class="wp-block-heading">What are the different types of Pen Tool?</h3>



<ul class="wp-block-list">
<li>The standard Pen Tool</li>



<li>The Curvature Pen Tool</li>



<li>The Freeform Pen Tool</li>



<li>The Magnetic Pen Tool</li>



<li>The Add Anchor Point Tool</li>



<li>The Delete Anchor Point Tool</li>



<li>The Convert Point Tool</li>
</ul>



<h3 class="wp-block-heading">What are some common uses for the Pen Tool?</h3>



<p>Common uses for the Pen Tool including isolating products from their background, selecting a portion of a product to change its color, creating multiple paths within an image, creating multiple path segments within a path, and creating custom shapes on your image.</p>



<h3 class="wp-block-heading">Can you use a stylus with Photoshop and the Pen Tool</h3>



<p>Yes, you can use a stylus with Photoshop and the Pen Tool. With a stylus, you tap to form points and tap and drag to create points with handle curves, instead of clicking and dragging as you would with a mouse.</p>



<h3 class="wp-block-heading">Can you use other Photoshop Pen Tools?</h3>



<p>Yes, you can use any of the six Photoshop Pen Tools listed in this post.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial">How to Use the Photoshop Pen Tool to Edit Ecommerce Images</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/how-use-pen-tool-photoshop-beginner-tutorial/photoshop-pen-tool-banana-vector.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Remove the Background from Hair in Photoshop: A Tutorial [Updated 2024]</title>
		<link>https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop</link>
					<comments>https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop#respond</comments>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Tue, 20 Aug 2024 00:30:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Background removal]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Image masking]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop-2</guid>

					<description><![CDATA[<p>Do everything by hand to achieve the perfect cut-out on every strand of hair.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop">How to Remove the Background from Hair in Photoshop: A Tutorial [Updated 2024]</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Knowing how to remove the background from your photos is a tricky but handy skill. This step-by-step tutorial will show you how to remove hair from a solid background.</p>



<p>It can be incredibly frustrating to move the background from hair if you don’t understand some of Photoshop’s unique eraser tools. Trying to remove the hair from a background can be time consuming and end up ruining your original image if done incorrectly.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<p>In this Photoshop tutorial, you’ll walk away knowing how to remove a background from hair with the Background Eraser Tool. Once you’ve mastered how to remove the background from hair in Photoshop 2024, you’ll be able to tackle any photo or image.</p>



<p><iframe title="YouTube video player" src="https://www.youtube.com/embed/Yr2r1eLFAAY?si=6wwejMCgZwKg0bkp" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>



<p>We’ll be using an image that shows you how to remove the background from curly hair in Photoshop, but these directions will work with any type of hair.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/remove-background-curly-hair-photoshop-tutorial.jpg" class="Sirv" alt="Woman with curly hair holding a water bottle, used for Photoshop background removal tutorial.">



<h2 class="wp-block-heading">Step 1: Set up your layers</h2>



<p>Open the image you want to remove the background from in Photoshop 2024. Get to your <strong>Layers</strong> panel by selecting <strong>Window</strong> &gt; <strong>Layers</strong> or by clicking on the <strong>Layers</strong> panel icon to the right of the screen.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-2024-setup-layers-background-removal.jpg" class="Sirv" alt="Photoshop 2024 interface showing Layers panel setup for background removal tutorial.">



<p>Make sure the locked <strong>Background</strong> layer is selected (it should be selected by default). Open the <strong>Layers</strong> panel menu by clicking on the three little lines in the upper left-hand corner of the panel. From the menu that drops down, choose <strong>Duplicate Layer</strong>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Pro tip</strong>: Create a duplicate layer so you can preserve the original image. This gives you a backup of the original in case you make a mistake or need to start over.</p>
</blockquote>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-2024-duplicate-background-layer.png" class="Sirv" alt="Photoshop Layers panel with Duplicate Layer option highlighted for background layer editing.">



<p>In the pop-up box, click <strong>OK</strong> to create the Background copy layer.<a name="2"></a></p>



<h2 class="wp-block-heading">Step 2: Create a high contrast layer</h2>



<p>Click on the plus sign at the bottom of the <strong>Layers</strong> panel to create a new layer.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-add-high-contrast-layer.png" class="Sirv" alt="Photoshop Layers panel with new high-contrast layer created for background removal.">



<p>In your <strong>Toolbar</strong>, doubleclick on the <strong>Foreground</strong> color to bring up the <strong>Colors</strong> dialog box. Using the color sliders, choose a color that’s in high contrast to the <a href="/blogs/tips/how-should-i-choose-the-color-for-my-product-background">background color</a> of your original image. Since our image has a gray-blue background, we’ll choose a bright pink.</p>



<p>You want to use a bright, high contrast color to work with as you remove hair from the background in Photoshop so you can easily see how much of the background is actually being removed as you work.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-high-contrast-foreground-color-selection.png" class="Sirv" alt="Photoshop Color Picker with bright pink foreground color selected for high contrast against gray background.">



<p>Once you’ve chosen your color, select your new layer and choose <strong>Edit </strong>&gt;<strong> Fill</strong> from the dropdown menu at the top of the application window, or click SHIFT+F5 (FN+SHIFT+F5 on a Mac). In the dialog box that appears, choose Foreground color at 100%.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-fill-layer-foreground-color-contrast.png" class="Sirv" alt="Photoshop Fill dialog with Foreground color selected at 100% opacity for background removal layer.">



<p>Once you’ve filled your new layer with the <strong>Foreground</strong> color, move that layer between your <strong>Background copy</strong> and <strong>Background</strong> layers in the <strong>Layers</strong> panel. You can do this by grabbing the new layer and dragging it until it pops into place between the Background layers.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-move-contrast-layer-between-background-layers.png" class="Sirv" alt="Photoshop Layers panel showing high contrast layer positioned between background layers for background removal setup.">



<h2 class="wp-block-heading">Step 3: Remove the background around the hair and model</h2>



<p>Select the <strong>Background Eraser Tool</strong> from the <a title="Photoshop tools" href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">Toolbar</a>. It may be hidden behind the <strong>Eraser Tool</strong>.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-background-eraser-tool-hair-removal.png" class="Sirv" alt="Photoshop toolbar with Background Eraser Tool selected for removing background around hair.">



<p>Next, select the <strong>Background Color</strong> from the <strong>Toolbar</strong> and select the image’s background color using the <strong>Color Picker</strong> in the pop-up dialog box.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-select-background-color-picker.jpg" class="Sirv" alt="Photoshop Color Picker for selecting image background color to aid background removal process.">



<p>Click OK.</p>



<p>With the <strong>Background Eraser Tool</strong> selected, you’ll need to make sure certain settings are set up correctly in the <strong>Options</strong> <strong>Bar</strong> at the top of the application window. First, in the dropdown menu next to <strong>Limits</strong>, you’ll see options for <strong>Contiguous</strong>, <strong>Discontiguous</strong>, or <strong>Find</strong> <strong>Edges</strong>. Since we’re working with hair, with a wispy edge, we want to select <strong>Contiguous</strong>.</p>



<p>As you work to remove the background around other parts of your image with more abrupt edges (such as the arms and clothing), you may&nbsp;discover that <strong>Find</strong> <strong>Edges</strong> works better.</p>



<p>Just to the left of <strong>Limits</strong>, you’ll see three icons with an eyedropper. Make sure the icon on the far right is selected.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-background-eraser-settings-hair-removal.jpg" class="Sirv" alt="Photoshop Background Eraser Tool settings with Contiguous selected and far-right eyedropper icon for hair background removal.">



<p>You’ll also see other options in this <strong>Options</strong> <strong>Bar</strong>: the <strong>Brush</strong> <strong>Preset</strong> and <strong>Tolerance</strong>. Begin with a brush hardness of 15% or softer, and a brush size that makes sense for the image you&#8217;re working with, and start with the <strong>Tolerance</strong> set to 50%.</p>



<p>Finally, check the box next to <strong>Protect Foreground Color</strong>.</p>



<p>Go back into your <strong>Layers</strong> panel and make sure your top layer, Background copy, is selected.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-protect-foreground-color-layer-selection.png" class="Sirv" alt="Photoshop Layers panel with Background copy layer selected and Protect Foreground Color option enabled in Background Eraser Tool settings.">



<p>Now, with your <strong>Background Eraser Tool</strong>, begin erasing the area around the hair.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-background-eraser-tool-hair-removal-process.jpg" class="Sirv" alt="Photoshop Background Eraser Tool in action, removing background around hair with high-contrast layer showing progress.">



<p>As you work, you may need to adjust the <strong>Tolerance</strong> level up or down depending on the colors in the foreground image.</p>



<p>For instance, there are a lot of blue tones in the model’s clothing which could be accidentally erased using a high <strong>Tolerance</strong> level; therefore, we’ll reduce the <strong>Tolerance</strong> down to about 20% while working around these areas. You may also find it’s helpful to reduce the brush size when working in these areas as well so you have more precision over the pixels being removed.</p>



<p>You may also have to adjust the background color if your image has a lot of variation in its background.</p>



<p>Continue erasing until you have an “outline” around your entire subject.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-outline-subject-background-eraser.jpg" class="Sirv" alt="Subject with high-contrast outline created by Photoshop Background Eraser Tool for background removal tutorial.">



<p>Once you’ve erased the area immediately around your subject, you can increase your brush size and your <strong>Tolerance</strong> and remove the&nbsp;rest&nbsp;of the background.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-increase-brush-tolerance-remove-background.jpg" class="Sirv" alt="Photoshop with larger brush size and increased tolerance to remove remaining background around subject.">



<h2 class="wp-block-heading">Step 4: Replace the background</h2>



<p>Go back into your <strong>Layers</strong> panel and hide the bright color layer and the original <strong>Background</strong> layer by clicking on the Eye icon next to each layer.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-hide-layers-background-replacement.jpg" class="Sirv" alt="Photoshop Layers panel with bright color and original background layers hidden for background replacement.">



<p>You now have a <a title="how to create a transparent background" href="https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop">transparent background</a>, and you can insert any background you wish into the image. Or you can copy this layer and paste it into another image.</p>



<p>Now that you’ve learned how to remove the background from hair in Photoshop, you can substitute your original backgrounds with your individual brand colors or with more complex backgrounds, adding interest and continuity to your photography.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-replace-background-branding-photography.jpg" class="Sirv" alt="Woman in gym setting after Photoshop background replacement, demonstrating branded or complex background integration.">



<h2 class="wp-block-heading">Master more Photoshop skills</h2>



<p>You can improve your photo-editing skills with <a title="Photoshop tutorials" href="https://pathedits.com/blogs/tips/16-photoshop-tutorials-for-product-photography-the-ultimate-list">our library of Photoshop tutorials</a> that will help you create perfectly edited images to promote your products. Browse some of our most popular Photoshop tutorials:</p>



<ul class="wp-block-list">
<li><a title="how to change background color in photoshop" href="/blogs/tips/how-to-change-the-background-color-of-a-picture-in-photoshop">How to Change the Background Color of a Picture</a></li>



<li><a title="make someone smile in Photoshop" href="/blogs/tips/how-to-make-someone-smile-in-photoshop">How to Make Someone Smile in Photoshop: A Tutorial for Brands</a></li>



<li><a title="how to blur the background" href="/blogs/tips/how-to-blur-the-background-in-photoshop-a-tutorial-for-your-product-photos-2021">Blur the Background in Photoshop: A Tutorial for Your Product Photos</a>&nbsp;</li>
</ul>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Quit fumbling with Photoshop and outsource your most tedious edits to Path, your virtual photo-editing studio            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/how-it-works">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">FAQs about removing background from hair in Photoshop</h2>



<h3 class="wp-block-heading">How do I remove background from hair in Photoshop?</h3>



<p>You remove the background from hair in Photoshop using the steps in this post:</p>



<ol class="wp-block-list">
<li>Set up your layers</li>



<li>Create a high contrast layer</li>



<li>Remove the background around the hair and model using the Background Eraser Tool</li>



<li>Replace the background</li>
</ol>



<h3 class="wp-block-heading">How can I change my hair background?</h3>



<p>You can change your hair background by removing the background of your image using the Background Eraser Tool or by choosing the Magic Wand and using the Remove Background option. Then, choose a new background color or image to replace your original background with, or leave it as a transparent background.</p>



<h3 class="wp-block-heading">How do I remove green screen from hair in Photoshop?</h3>



<p>If you need to know how to fix hair that is in front of a green screen, set up your layers and use the Background Eraser Tool, this time with a red filled layer under your green screen layer.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/photoshop-remove-green-screen-from-hair.png" class="Sirv" alt="Side-by-side view showing green screen removal from hair in Photoshop with red background layer setup.">



<p>Because green screens are very bright, a greenish hue often ends up in the hair. To counteract this, you can increase the tolerance of the <strong>Background</strong> <strong>Eraser</strong> <strong>Tool</strong> as you erase around just the edges of the hair. If that does not work to your satisfaction, after erasing as much as you can, create a rough selection around the areas in the photo where you see the color green.</p>



<p>Then, choose <strong>Select</strong> &gt; <strong>Color</strong> <strong>Range</strong> from the dropdown menu to capture just the greenish pixels within your rough selection. You then can use whatever color adjustment tool you prefer (such as <strong>Hue/Saturation</strong> or <strong>Color</strong> <strong>Balance</strong>) to fine-tune the colors in that selection.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop">How to Remove the Background from Hair in Photoshop: A Tutorial [Updated 2024]</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://pathedits.com/blogs/tips/step-by-step-guide-remove-background-photoshop/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/step-by-step-guide-remove-background-photoshop/remove-background-from-hair-photoshop-tutorial-2024.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>Photoshop Shortcuts for Clipping Paths and Editing Photos (Cheat Sheet Included)</title>
		<link>https://pathedits.com/blogs/tips/clipping-path-photoshop-shortcuts-editing-ecommerce-photos</link>
					<comments>https://pathedits.com/blogs/tips/clipping-path-photoshop-shortcuts-editing-ecommerce-photos#respond</comments>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Mon, 01 Jul 2024 21:00:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Clipping path]]></category>
		<category><![CDATA[Editing tips]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blog/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/</guid>

					<description><![CDATA[<p>Make faster work of editing your product photos in Photoshop with these easy shortcuts—downloadable cheat sheet included.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/clipping-path-photoshop-shortcuts-editing-ecommerce-photos">Photoshop Shortcuts for Clipping Paths and Editing Photos (Cheat Sheet Included)</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Photoshop shortcuts are a great way to <a href="/blogs/tips/a-pro-photographer-s-guide-to-spending-less-time-editing-product-photos" data-mce-href="/blogs/tips/a-pro-photographer-s-guide-to-spending-less-time-editing-product-photos">speed up your editing process</a> when finalizing product images. But there are so many available, it’s impossible to remember them all—especially if photo editing isn’t a core function of your job.</p>



<p>That’s why we created a handy guide to all the Photoshop shortcuts you need to know to execute pixel perfect product photo edits—along with a downloadable cheat sheet to pin to your desktop or print out for reference.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<h2 class="wp-block-heading">A note on Mac vs. PC</h2>



<p>Key command shortcuts are usually a little different between Mac and PC (Windows) as each system has a slightly different keyboard. For the most part, anytime you see CTRL for PC, you can substitute COMMAND on Mac, and anytime you see ALT for PC, you can substitute OPTION on Mac.</p>



<p>There’s one notable exception to this rule. On newer Mac laptops, if you want to access the Function keys, you need to first press the FN key. On Mac desktops and PCs, however, no FN key exists.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Clipping Path vs. Masking: What’s the Difference?            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/clipping-path-vs-masking-difference-comparison">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">List of basic Photoshop key command shortcuts</h2>



<p>Learning Photoshop shortcuts can save hours of valuable time. Here are some basic Photoshop keyboard shortcuts you can memorize to make your workflow quicker and easier.</p>



<ul class="wp-block-list">
<li>Adjust image size: <strong>CTRL</strong> + <strong>ALT</strong> + <strong>I</strong> (<strong>COMMAND</strong> + <strong>OPTION</strong> + <strong>I</strong> on a Mac)</li>



<li>Burn tool: <strong>O</strong><br></li>



<li>Close all open documents: <strong>CTRL</strong> + <strong>ALT</strong> + <strong>W</strong> (<strong>COMMAND</strong> + <strong>OPTION</strong> + <strong>W</strong>)</li>



<li>Close document: <strong>CTRL</strong> + W (<strong>COMMAND</strong> + W)</li>



<li>Copy: <strong>CTRL</strong> + C (<strong>COMMAND</strong> + <strong>C</strong>)</li>



<li>Create a new document: <strong>CTRL</strong> + <strong>N</strong> (<strong>COMMAND</strong> + N)</li>



<li>Create a new layer: <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>N</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>N</strong>)</li>



<li>Create a perfect square or circle selection with Marquee Tool: <strong>SHIFT</strong> + drag</li>



<li>Create duplicate in new layer: <strong>ALT</strong> + drag</li>



<li>Cut (saved in clipboard): <strong>CTRL</strong> + <strong>X</strong> (<strong>COMMAND</strong> + <strong>X</strong>)</li>



<li>Cycle between Blending Brush Modes with Brush Tool selected: <strong>SHIFT</strong> + <strong>+</strong><br></li>



<li>Cycle between Blending Modes: <strong>SHIFT</strong> + <strong>+</strong><br></li>



<li>Decrease or increase brush size (with Brush Tool selected): <strong>[</strong> (decrease);<strong> ]</strong> (increase)</li>



<li>Deselect current selection: <strong>CTRL</strong> + <strong>D</strong> (<strong>COMMAND</strong> + <strong>D</strong>)</li>



<li>Eraser Tool: <strong>SHIFT</strong> + <strong>E </strong><br></li>



<li>Export document: <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>ALT</strong> + <strong>W</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>OPTION</strong> + <strong>W</strong>)</li>



<li>Feather selection: <strong>SHIFT</strong> + <strong>F6</strong> (<strong>FN</strong> + <strong>SHIFT</strong> + <strong>F6</strong>)</li>



<li>Healing Brush Tool: <strong>J</strong><br></li>



<li>Merge copy: <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>C</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>C</strong>)</li>



<li>Move in line with Move Tool: <strong>SHIFT</strong> + drag</li>



<li>Open an existing document: <strong>CTRL</strong> + <strong>O</strong> (<strong>COMMAND</strong> + <strong>O</strong>)</li>



<li>Open Curves dialog box: <strong>CTRL</strong> + <strong>M</strong> (<strong>COMMAND</strong> + M)</li>



<li>Open Levels dialog box: <strong>CTRL</strong> + <strong>L</strong> (<strong>COMMAND</strong> + L)</li>



<li>Open Preferences: <strong>CTRL</strong> + <strong>K</strong> (<strong>COMMAND</strong> + K)</li>



<li>Paste: <strong>CTRL</strong> + <strong>V</strong> (<strong>COMMAND</strong> + <strong>V</strong>)</li>



<li>Paste in place: <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>V</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>V</strong>)</li>



<li>Print document: <strong>CTRL</strong> + <strong>P</strong> (<strong>COMMAND</strong> + <strong>P</strong>)</li>



<li>Rulers show or hide: <strong>CTRL</strong> + <strong>R</strong> (<strong>COMMAND</strong> + <strong>R</strong>)</li>



<li>Save a copy as: <strong>CTRL</strong> + <strong>ALT</strong> + <strong>S</strong> (<strong>COMMAND</strong> + <strong>OPTION</strong> + <strong>S</strong>)</li>



<li>Save as: <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>S</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>S</strong>)</li>



<li>Save document: <strong>CTRL</strong> + <strong>S</strong> (<strong>COMMAND</strong> + <strong>S</strong>)</li>



<li>Select all: <strong>CTRL</strong> + <strong>A</strong> (<strong>COMMAND</strong> + <strong>A</strong>)</li>



<li>Show or hide actions panel: <strong>ALT</strong> + <strong>F9</strong> (<strong>OPTION</strong> + <strong>F9</strong> on Mac, <strong>FN</strong> + <strong>OPTION</strong> + <strong>F9</strong> on Mac laptop)</li>



<li>Toggle between Brush Tool, Pencil Tool, Mixer Brush Tool and Color Replacement Tool: <strong>SHIFT</strong> + <strong>B</strong><br></li>



<li>Toggle between Healing Brush Tool, Spot Healing Brush Tool, Patch Tool, Content-Aware Move Tool, and Red Eye Tool: <strong>SHIFT</strong> + <strong>J</strong><br></li>



<li>Toggle between Lasso Tools: <strong>SHIFT</strong> + <strong>L</strong><br></li>



<li>Undo: <strong>CTRL</strong> + <strong>Z</strong> (<strong>COMMAND</strong> + <strong>Z</strong>)</li>



<li>Zoom in: <strong>CTRL</strong> + <strong>=</strong> (<strong>COMMAND</strong> + <strong>=</strong>)</li>



<li>Zoom out: <strong>CTRL</strong> + <strong>&#8211;</strong> (<strong>COMMAND</strong> + <strong>&#8211;</strong>)</li>
</ul>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-shortcuts-cheat-sheet-product-photo-editing.png" class="Sirv" alt="Photoshop shortcuts guide for PC and Mac, listing commands for product photo editing tasks">



<p>In addition to these basic shortcut key commands, there are additional task-specific shortcut keys each section below.</p>



<h2 class="wp-block-heading">5 Photoshop shortcuts to know for general photo editing</h2>



<h3 class="wp-block-heading">1. Keyboard shortcuts for working with layers</h3>



<p>If you don’t see the Layers panel in your application, simply type F7 (FN + F7) to make it visible.</p>



<h4 class="wp-block-heading">Toggle between blending modes</h4>



<p>Blending modes on your layers allow you to affect how the layer interacts with the image in the layer below it. You control the blending mode in the Layers Panel. If you&#8217;re unsure which blending mode would be best for the look you are trying to achieve, you can quickly toggle through available blending modes by selecting the layer and typing SHIFT + ALT + + (SHIFT + CTRL + +).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-layer-mask-overlay-editing.gif" class="Sirv" alt="Woman in lavender dress with pink flower overlay, Photoshop layer panel open for mask and opacity adjustments.">



<h4 class="wp-block-heading">Merge Layers</h4>



<p>To merge your visible layers into one layer, type SHIFT + CTRL + E (SHIFT + COMMAND + E). To merge your selected layer into the layer beneath it (merge down), type CTRL + E (COMMAND + E).</p>



<h4 class="wp-block-heading">Duplicate and Stamp Layers</h4>



<p>To duplicate the layer you have selected, type F4 (FN + F4). In order to copy all layers into a new, merged layer (stamping layers), type SHIFT + ALT + CTRL + E (SHIFT + OPTION + COMMAND + E)</p>



<h3 class="wp-block-heading">2. How to use keyboard shortcuts to adjust colors</h3>



<h4 class="wp-block-heading">Color Balance</h4>



<p>To quickly bring up the Color Balance dialog box, select the layer you wish to adjust and type CTRL + B (COMMAND + B). Color Balance allows you to adjust the colors for shadows, midtones, and highlights. As you work with the sliders in the Color Balance dialog box, make sure you have “Preview” checked so you can see your changes in real time.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-color-balance-adjustment-preview.jpg" class="Sirv" alt="Woman in lavender dress adjusting color balance in Photoshop with preview option enabled, showing cyan and magenta tones.">



<p><em><strong>Note</strong>: If you want to adjust the color balance for all layers: create a stamped layer to work with, or create a Color Balance Adjustment Layer above all visible layers.</em></p>



<h4 class="wp-block-heading">Hue / Saturation</h4>



<p>The Hue / Saturation dialog box is similar to Color Balance in that it gives you the ability to adjust colors and tones of your image. However, Hue / Saturation allows you to adjust all colors in your image in one direction, and also gives you control over tint and saturation of your image instead of focusing on enhancing particular colors.</p>



<p>The keyboard shortcut for Hue / Saturation is CTRL + U (COMMAND + U). Any adjustments you make in the dialog box that appears will affect the current layer or current selection.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-hue-saturation-adjustment-color-change.jpg" class="Sirv" alt="Woman in dress with selected hue/saturation adjustment in Photoshop, showing hue shifted to +180 for color change effect.">



<p>You can use the Hue slider to change the color of a particular portion of your image; however, use caution if you intend to adjust the entire image as the results can be very drastic.</p>



<p>You can also choose specific colors to modify from the dropdown menu that says “Master.” In this image, the woman’s dress is the only portion of the image that is mostly magenta. Therefore, we can choose “Magentas” from the dropdown menu and adjust the Hue Slider to change her dress color without affecting the rest of the image too much. This allows us to save the time we would otherwise need for creating a selection.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-target-magentas-hue-saturation-adjustment.jpg" class="Sirv" alt="Woman's dress color adjusted in Photoshop using hue/saturation, targeting magentas with hue shifted to -126">



<h3 class="wp-block-heading">3. How to make an image black and white</h3>



<p>In the Hue / Saturation dialog box, you have the option to move the Saturation slider all the way to the left, which will make your image black and white.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-desaturate-image-grayscale-hue-saturation.jpg" class="Sirv" alt="Woman’s image desaturated to grayscale in Photoshop using hue/saturation with saturation set to -100.">



<p>This method will work in a pinch, but there are other ways to make your image black and white that are just as quick.</p>



<h4 class="wp-block-heading">Method 1: Convert image to grayscale</h4>



<p>You can convert your image to grayscale while staying in the RGB color mode by typing CTRL + SHIFT U (COMMAND + SHIFT + U). This makes your image black and white, but, like desaturating your image, does not give you much control over your contrast.</p>



<p>In the black and white image below, you can see from the Layers panel that the color mode of the image is still RGB, even though the adjusted layer is black and white.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-grayscale-stamped-layer.jpg" class="Sirv" alt="Black-and-white image of woman holding flower, with Photoshop layers panel showing a stamped layer">



<h4 class="wp-block-heading">Method 2: Convert color mode to Lab mode</h4>



<p>This next method is a very quick way to make skin look brighter in black and white images. Choose Image &gt; Mode &gt; Lab Color from the dropdown menu at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-lab-color-mode-selection.jpg" class="Sirv" alt='Photoshop interface showing "Image" menu with "Lab Color" mode highlighted for color mode conversion'>



<p>When prompted, merge layers together.</p>



<p>Next, bring up the Layers panel by typing F7 (FN + F7 on a Mac). The Channels and Paths panels are connected to the Layers panel by default, but if Channels does not appear, you can also bring it up by going to Window &gt; Channels from the dropdown menu at the top of the application window.<br><br>In the Channels Panel, select the <em><strong>a</strong></em> and <em><strong>b</strong></em> channels. Right-click (CTRL + Click) and choose Delete Layers. Flatten layers when prompted.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-lab-mode-delete-a-b-channels.jpg" class="Sirv" alt="Photoshop Channels panel with a and b channels selected and highlighted for deletion in Lab color mode.">



<p>Now, you can choose Image &gt; Mode &gt; Grayscale to put the image in Grayscale mode. The final image will look more luminescent than using desaturation alone.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/grayscale-image-enhanced-luminescence.jpg" class="Sirv" alt="Black and white image of a woman holding a flower in grayscale mode for improved luminescence effect.">



<h4 class="wp-block-heading">Method 3: Use Black + White keyboard shortcut</h4>



<p>You can bring up the Black and White dialog box by typing CTRL + ALT + SHIFT + B (OPTION + COMMAND + SHIFT + B). The dialog box that appears gives you control over which colors in the original image you wish to darken and lighten. Make sure you have “Preview” checked to see the image as you adjust the sliders.</p>



<p>If you’re unsure how best to adjust the sliders, click the Auto button to have Photoshop do the work for you.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/custom-black-and-white-adjustment.jpg" class="Sirv" alt="Black and white adjustment dialog with custom sliders to modify grayscale toning of a woman's portrait holding a flower.">



<h3 class="wp-block-heading">4. How to add text to a photo using keyboard shortcuts</h3>



<p>To quickly add text to your photo, type T to bring up the Text Tool. Then, click anywhere on your image to start using the tool.</p>



<p>A small bit of filler text will appear in your foreground color, and a small Contextual Task Bar will appear underneath to quickly give you access to adjusting your font, alignment, and text color.</p>



<p>You can also adjust your text with more options using the Options Bar at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-add-text-tool-options.jpg" class="Sirv" alt="Photoshop text tool options bar displaying font, size, color, and alignment settings with text added to an image of a woman holding a flower">



<p>In the Layers Panel, you will see a new Text layer has been generated as well.</p>



<p>If you click off of your type, you can select it again by grabbing the Type Tool and clicking on your text. Then, type CTRL + A (COMMAND + A on a Mac) to select all of your text. If you click on your image but not on your existing text, you will create a new Text layer; you can simply go into your Layers panel and delete it if you do this accidentally.</p>



<p>Photoshop is an evolving organism–as the years have gone by, new options have been added while old panels stay the same. As a result, there are myriad ways to adjust your type. There is no right or wrong way to adjust type in Photoshop 2024–it all depends on what works best for your workflow.</p>



<p>Here are some ways you can modify your type once it&#8217;s selected:</p>



<ul class="wp-block-list">
<li>Use the dropdown menus in the Options Bar to adjust your type.</li>



<li>Use the Properties Panel (accessed by Window &gt; Properties).</li>



<li>Use the Character Panel (Window &gt; Character) and the Paragraphs Panel (Window &gt; Properties) to adjust your type.</li>



<li>Use the Contextual Task Bar that appears right under your text (new to Photoshop 2024), or click on the three little dots to quickly bring up the Properties Panel and make more adjustments there.</li>
</ul>



<h3 class="wp-block-heading">5. How to use a shortcut for Generative Fill</h3>



<p>Generative AI is a hot topic right now, and Photoshop 2024’s AI capabilities are state-of-the-art. In order to take advantage of this new feature, make a selection around the area of your photograph that you wish to change.</p>



<p><em><strong>Note</strong>: All generative <a href="/blogs/tips/can-robots-edit-photos-better-than-humans">AI struggles</a> with correctly creating human hands, so you’ll have best results if you avoid selecting any hands in your image.</em></p>



<p>Right click (CTRL + click) to bring up an options menu, and choose Generative Fill.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-shortcut.jpg" class="Sirv" alt="Photoshop context menu highlighting Generative Fill option on selected area of a woman holding a flower.">



<p>A dialog box will appear, giving you the option to type in what you would like to replace the selection with. If you want to remove the object you selected entirely from your photo, leave this box blank and click Generate.</p>



<p>If you want to replace your selection with an AI-generated image, type what you would like that image to be. In this example, I’ve typed “blue flower.” Then, click Generate.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-blue-flower.jpg" class="Sirv" alt="Photoshop Generative Fill prompt with “blue flower” typed in, to change the color of a selected flower held by a woman">



<p>Photoshop will attempt to create what you’ve asked for based on its own AI database and the pixels surrounding your selection.</p>



<p>Once a new portion of your image has been generated, you will see up to three variations you can choose within your Properties panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-blue-flower-variations.jpg" class="Sirv" alt="Photoshop interface showing three Generative Fill variations of a flower turned blue, with a selected variation applied to the image">



<p>Choose the variation you like best by clicking on it, or click Generate again within the Properties panel to create three more variations.</p>



<p>Your image will now have a Generative layer named the same as your prompt that rests on top of your other layers. If you want to go back at any time to change the variation you chose, click on that Generative layer and change your selection in the Properties panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-layer-blue-flower.jpg" class="Sirv" alt='Photoshop interface showing a "blue flower" Generative Fill layer applied to an image of a woman holding a blue flower'>



<p>You can delete unused variations by hovering over the variation and clicking the Trash icon. Removing unused variations will help keep your file size from becoming too large.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-delete-unused-generative-fill-variations.png" class="Sirv" alt="Photoshop interface showing Generative Fill variations with a trash icon highlighted to delete an unused version">



<h2 class="wp-block-heading">5 Photoshop shortcuts to know when editing product photos</h2>



<h3 class="wp-block-heading">1. How to use clipping path keyboard shortcuts</h3>



<p>We’ve previously discussed <a href="https://pathedits.com/blogs/tips/magic-wand-tool-select-mask-photoshop" title="Magic Wand tool background removal tutorial">how to use the Magic Wand tool to remove a background</a> from your product image using <strong>Select</strong> <strong>Subject</strong>. But if your background has similar focus or coloring as your foreground, the Magic Wand tool won&#8217;t work.</p>



<p>In these cases, creating clipping paths is your best option to remove the background. We&#8217;ve also put together a tutorial to help you learn <a href="https://pathedits.com/blogs/tips/how-use-pen-tool-photoshop-beginner-tutorial" title="how to use the Pen Tool Photoshop">how to use the Pen Tool</a> to edit product images and remove the background in Photoshop.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-pen-tool-product-background-removal.png" class="Sirv" alt="AirPods product image with background removed in Photoshop using the Pen Tool">



<p>Quick clipping paths are achieved with both of your hands: one hand typing on the keyboard, the other drawing with the mouse or stylus. Your keyboard hand types in the shortcut key commands to toggle quickly between tools so that your other hand can continue to draw the path quickly.</p>



<p>Before you <a href="https://pathedits.com/blogs/tips/how-to-create-a-clipping-path-in-photoshop-2021" title="how to create a clipping path">create the clipping path</a>, set up your workspace. Make sure both your <strong>Pen</strong> tool and your <strong>Direct</strong> <strong>Selection</strong> tool are visible in the <strong>Toolbar</strong>.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-setup-toolbar-clipping-path-tools.png" class="Sirv" alt="Photoshop toolbar showing Pen tool and Direct Selection tool options for creating clipping paths" width="400">



<p>You should be able to see both your <strong>Layers</strong> panel and your <strong>Paths</strong> panel.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Note</strong>: If these panels aren’t visible, you can make them visible by selecting them from the <strong>Window</strong> dropdown menu at the top of the Photoshop application window.</p>
</blockquote>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-layers-paths-panel-setup.jpg" class="Sirv" alt="Photoshop interface with Layers and Paths panels selected from the Window menu for clipping path setup">



<p>If you plan to use a <a href="https://pathedits.com/pages/clipping-path" title="clipping path services">clipping path</a> to separate a product image from its background, there are a series of key command shortcuts you can use to make the process quicker and easier.</p>



<h4 class="wp-block-heading">Keyboard shortcuts for clipping paths</h4>



<ul class="wp-block-list">
<li><strong>P</strong>: select Pen tool</li>



<li><strong>A</strong>: select Direct Selection tool (to adjust points created with the Pen tool)</li>



<li><strong>H</strong>: select Hand tool</li>



<li><strong>ALT</strong> +&nbsp;click (<strong>OPTION</strong> +&nbsp;click on Mac) on point: create corner at point as you draw with Pen tool</li>



<li><strong>CTRL</strong> + <strong>=</strong> (<strong>COMMAND</strong> + <strong>=</strong>): zoom in</li>



<li><strong>CTRL</strong> + <strong>&#8211;</strong> (<strong>COMMAND</strong> + <strong>&#8211;</strong>): zoom out</li>



<li><strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>N</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>N</strong>): create a new Layer</li>



<li><strong>Q</strong>: toggle Quick Mask Mode</li>



<li><strong>SHIFT</strong> + click: toggle Layer Mask</li>



<li><strong>SHIFT</strong> + <strong>F5</strong> (<strong>FN</strong> + <strong>SHIFT</strong> + <strong>F5</strong>): fill layer with color</li>



<li><strong>CTRL</strong> + = (<strong>COMMAND</strong> + <strong>=</strong>): zoom in</li>



<li><strong>CTRL</strong> + &#8211; (<strong>COMMAND</strong> + <strong>&#8211;</strong>): zoom out</li>



<li><strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>N</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>N</strong>): create a new layer</li>



<li><strong>F7</strong> (<strong>FN</strong> + <strong>F7</strong>): hide/show Layers panel</li>
</ul>



<h4 class="wp-block-heading">Panel shortcuts</h4>



<p>There are also some useful keyboard shortcuts within the <strong>Layers</strong> and <strong>Paths</strong> panels that will shave whole minutes off of your editing time.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-layer-panel-shortcuts.png" class="Sirv" alt="Photoshop Layers panel showing buttons for creating a layer mask, new layer, and deleting a layer, labeled with color-coded arrows">


<p><a name="croppreset"></a></p>


<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-path-panel-shortcuts.png" class="Sirv" alt="Photoshop Paths panel showing options for filling path, stroking path, creating mask, and making selection, labeled with colored arrows">



<h4 class="wp-block-heading">How to use the stroke path Photoshop shortcut</h4>



<p>When you apply the stroke path shortcut, your path will be outlined using the same width, hardness, opacity, blending mode, and color of your brush. Therefore, before you can use the stroke path Photoshop shortcut shown in the Paths panel above, you need to set up your Brush tool presets to the size and color you want. Because the path stroke will appear in your selected layer, it’s always a good idea to create a new layer and select it before applying the stroke path shortcut.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Get pixel perfect clipping paths, done for you from 39¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/clipping-path">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">2. How to use a shortcut for clipping mask</h3>



<p>On the surface, clipping paths and clipping masks appear to have a lot in common. However, there are subtle differences that become apparent when you use a clipping mask short cut.</p>



<p>The most common shortcut you can use to make a clipping mask is the small <strong>Add</strong> <strong>Layer</strong> <strong>Mask</strong> icon located at the bottom of the <strong>Layers</strong> panel and the <strong>Paths</strong> panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-layers-panel-add-layer-mask.png" class="Sirv" alt='Photoshop Layers panel with red circle highlighting the "Add Layer Mask" icon at the bottom for quick masking'>



<p>To quickly and effectively create a layer mask, first select the area of your layer you want to remain visible after applying the mask. Then click the <strong>Add</strong> <strong>Layer</strong> <strong>Mask</strong> icon within either the <strong>Layers</strong> panel or the <strong>Paths</strong> panel. You’ll instantly have the other parts of your layer “masked” out, leaving only your selection visible.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-layer-mask-airpods-isolated-background.jpg" class="Sirv" alt="AirPods with transparent background shown in Photoshop Layers panel, with layer mask icon highlighted">



<p>Another shortcut for clipping masks works with adjustment layers. For instance, the image below has two layers and an adjustment layer on top. The layer closest to the adjustment layer is transparent for most of the layer.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/color-balance-layer-airpods-gradient-background.jpg" class="Sirv" alt="AirPods on a gradient background with Photoshop Layers panel showing Color Balance adjustment layer applied">



<p>If you want to apply the adjustment layer only to the non-transparent areas of the top layer (in this example, apply the Color Balance to just the earbuds and not to the background), select the <strong>Adjustment</strong> <strong>Layer</strong> and type <strong>ALT</strong> + <strong>CTRL</strong> + <strong>G</strong> (<strong>OPTION</strong> + <strong>COMMAND</strong> + <strong>G</strong> on a Mac).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/clipping-mask-adjustment-layer-airpods-gradient.jpg" class="Sirv" alt="AirPods on a gradient background with Layers panel showing clipping mask applied to Color Balance adjustment layer">



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                How Long Does it Take to Edit Product Photos?            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/how-long-does-it-take-to-edit-product-photos">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">3. How to do a Photoshop crop shortcut</h3>



<p>It&#8217;s important that your images have a consistent aesthetic across your site. You can set up your <strong>Crop</strong> tool to quickly crop similar product images so they&#8217;ll all be the same size and resolution.</p>



<h4 class="wp-block-heading">How to create a crop preset for product images</h4>



<p>When the <strong>Crop</strong> tool is visible in your <strong>Toolbar</strong>, type <strong>C</strong> to access it quickly.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-toolbar-crop-tool-shortcut.png" class="Sirv" alt="Photoshop Toolbar with Crop Tool and options for perspective crop, slice, and slice select highlighted">



<p>Once the <strong>Crop</strong> tool is selected, you&#8217;ll have access to a series of options at the top of the Photoshop window.</p>



<p>In the first dropdown in the <strong>Options</strong> bar, choose <strong>W x H x Resolution</strong>.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-options-bar-wxh-resolution-selection.png" class="Sirv" alt="Photoshop Options bar with W x H x Resolution setting selected in the first dropdown for custom dimensions">



<p>Set your width and height to the final dimensions you want your product photos to be.</p>



<p>For websites and apps, you&#8217;ll want your width and height to be in pixels, and your resolution at 72ppi for standard web graphics. If you need your images to appear properly on a retina display, double both the height and width dimensions (so, a 400px x 400px image would now be set at 800px x 800px).</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Product Photo Size Requirements: How to Format Photos for Omnichannel Selling            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/product-photo-size-requirements-guidelines-amazon-ebay">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<p>You can also click on the dropdown next to the grid icon to choose which guidelines you want to use to position your product image as you crop it. By default, this is set to <strong>Rule of Thirds</strong>.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-crop-tool-rule-of-thirds-overlay.png" class="Sirv" alt="Photoshop crop tool options with Rule of Thirds overlay selected from overlay settings dropdown">



<p>&nbsp;</p>



<p>Once you have your dimensions set, select the<strong> W x H x Resolution</strong> dropdown again and choose <strong>New</strong> <strong>Crop</strong> <strong>Preset</strong>. Give your preset a name that will help you remember what product images these crop settings will be applied to, such as &#8220;product thumbnail.&#8221;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-new-crop-preset-selection.png" class="Sirv" alt="Photoshop crop settings menu with “New Crop Preset” option highlighted under W x H x Resolution dropdown">



<p>With your crop preset created, you can click on any product image with the crop tool, select your custom preset from the <strong>W x H x Resolution</strong> dropdown, and use the guides to position the subject of your photo in a similar fashion across all images.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-crop-product-image-sneaker.jpg" class="Sirv" alt='Photoshop crop tool active on a red sneaker image with "Commit current crop operation" checkmark highlighted'>



<p>The <strong>Crop</strong> tool also offers you some other useful tricks to ensure consistency. Click on the <strong>Straighten</strong> icon and draw a line along the edge of your product photo to straighten your image. Or hover your cursor over the corners of the crop edge to rotate the crop.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-crop-straighten-sneaker-image.jpg" class="Sirv" alt="Photoshop crop tool applied to a red sneaker image with grid overlay for precise cropping and straightening">



<p>Once you&#8217;re satisfied with your crop, click the check mark in the <strong>Options</strong> bar. Then repeat with the next image in your product series.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-straighten-tool-sneaker-image.jpg" class="Sirv" alt="Photoshop straighten tool applied to align a red sneaker image with a straight reference line">



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Get pixel perfect multi-clipping paths, done for you from 39¢ per image            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/multi-clipping-path-services">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">4. How to quickly export images for your website</h3>



<p>Like the <strong>Crop</strong> tool, a little bit of setup with your export functions can save hours of time in your workflow.</p>



<p>If you know you&#8217;ll be working on a large batch of web-ready photos that need to have the same file format, you can set up your <strong>Quick Export</strong> settings and then rapidly export each file into a web-ready format.</p>



<p>To set up your <strong>Quick</strong> <strong>Export</strong> settings, go to <strong>File</strong> &gt; <strong>Export</strong> &gt; <strong>Export</strong> <strong>Preferences…</strong></p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-export-preferences-menu.png" alt="Photoshop menu with Export Preferences option highlighted under the Export submenu for customized export settings">



<p>In the dialog box that appears, you can <a href="https://help.clippingpathindia.com/article/53-which-file-formats-do-you-use-to-send-the-edited-images-back-to-me" title="which file formats are accepted by Path" target="_blank">choose what file format you want</a> your image to export to (JPG, PNG, GIF, or SVG), the location where you want the exported file to live, and what color space you want the exported file to be in. If you&#8217;ve created a metadata template with copyright information, you can choose to have that applied to exported files here as well.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-quick-export-format-metadata-settings.jpg" class="Sirv" alt="Photoshop Preferences panel showing Quick Export Format set to PNG and Quick Export Metadata set to None">



<p>Once you&#8217;ve set up your preferences, click <strong>OK</strong>.</p>



<p>Quick Export also has its own shortcut key command. To <strong>Quick</strong> <strong>Export</strong> once you have the settings you want, type <strong>SHIFT</strong> + <strong>CTRL</strong> + <strong>,</strong> (<strong>SHIFT</strong> + <strong>COMMAND</strong> + <strong>,</strong> on a Mac).</p>



<p>The next time you need to export your image for your site, all you need to do is type this key command—the image will automatically export with all of your <strong>Quick Export</strong> settings.</p>



<h3 class="wp-block-heading">5. How to easily create a true white background</h3>



<p>If you&#8217;ve shot your product against a white backdrop and don&#8217;t need to remove it from the background, chances are you still need to do some editing to make sure the white background in one image has the same brightness as the background in the next. This eyedropper shortcut will help you do just that in a matter of seconds.</p>



<p>With your product image open in Photoshop, choose <strong>Image</strong> &gt; <strong>Adjustments</strong> &gt; <strong>Curves…</strong> from the dropdown menu at the top of the application window. You can also bring up <strong>Curves</strong> by typing <strong>CTRL</strong> + <strong>M</strong> (<strong>COMMAND&nbsp;</strong>+ <strong>M</strong> on a Mac).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-adjust-curves-color-correction.jpg" class="Sirv" alt="Photoshop Image menu with Curves adjustment option highlighted, applied to a yellow striped sock">



<p>In the <strong>Curves</strong> dialog box that appears, you&#8217;ll see three eyedropper tools at the bottom of the window. Choose the eyedropper on the far right. This is the <strong>Set White Point</strong> eyedropper.</p>



<p>With the eyedropper tool selected, click on the background of the product image. Choose the darkest part of your white background that is not a shadow. The eyedropper will make those pixels 100% white, and will adjust the rest of the image accordingly.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-customize-curves-settings.jpg" class="Sirv" alt="Photoshop Curves adjustment panel with black point tool highlighted, shown over an image of a yellow striped sock">



<p>Click <strong>OK</strong>.</p>



<p>You can repeat the process with the rest of your product photos. If all your photos were shot using the same lighting, you&#8217;ll retain the consistency throughout while brightening the background.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Not happy with the shadows in your shot? You can learn <a href="https://pathedits.com/blogs/tips/photoshop-tutorial-how-create-realistic-drop-shadow" title="Photoshop tutorial article and video showing how to add a natural shadow to an object in post-processing.">how to add a natural shadow in Photoshop</a> to fix them in post-processing.&nbsp;</p>
</blockquote>



<h2 class="wp-block-heading">How to create your own Photoshop shortcuts</h2>



<p>If Photoshop doesn’t have a shortcut for something you do often, you can create your own shortcut key. To create a keyboard shortcut, go to <strong>Edit</strong> &gt; <strong>Keyboard Shortcuts…</strong></p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-access-keyboard-shortcuts-menu.png" alt="Photoshop Edit menu with Keyboard Shortcuts option highlighted, displaying shortcut keys on a macOS interface">



<p>For this example, let’s create a shortcut to open the <strong>Shadows/Highlights… Dialog Box</strong>.</p>



<p>In the dialog window that appears, choose <strong>Application Menus</strong> next to <strong>Shortcuts For:</strong> since this is an option that can be accessed from the <strong>Application Menu</strong>. Because <strong>Shadows/Highlights…</strong> exists under the Image menu, click on Image in the scrolling menu at the center of the window, and then scroll down until you see <strong>Shadows/Highlights…</strong> under <strong>Adjustments</strong>.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-customize-application-menu-keyboard-shortcuts.png" class="Sirv" alt="Photoshop Keyboard Shortcuts and Menus window with Application Menus, Shadows/Highlights, and customization instructions highlighted">



<p>You can create any shortcut key you’d like as long as it’s not being used elsewhere by Photoshop and it contains either <strong>CTRL</strong> (<strong>COMMAND</strong> on a Mac) or a <strong>Function</strong> (F1, F2, etc.) key.<br><br>Because Photoshop has so many shortcut keys already, this may take some trial and error to find one that is not already in use. In this example, I’ve successfully entered <strong>COMMAND</strong> + <strong>SHIFT</strong> + <strong>0</strong> as an acceptable key command.</p>



<p>Once you’ve decided on a key command, click <strong>Accept</strong>, and then <strong>OK</strong> in the dialog box.</p>



<h2 class="wp-block-heading">5 Photoshop shortcuts for sports photo editing</h2>



<p>You’ll want to do two key things when you edit a sports photo: 1) enhance the subject with high detail and contrast and 2) modify the background to help the subject stand out more. So the first thing you need to do when approaching any sports photo is to isolate the subject from the rest of the photo.</p>



<h3 class="wp-block-heading">1. Quickly select subject</h3>



<p>While using a clipping path is almost always the way to go with product photography, you can use Photoshop’s built in “Select Subject” functionality for sports photography since you don’t need as precise a selection.</p>



<p>To begin, choose the Magic Wand from the Toolbar and choose Select Subject from either the Contextual Task Bar or the Options Bar at the top of the screen.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-select-subject-mask-tool-sprinting-athlete.jpg" class="Sirv" alt="Photoshop interface highlighting the Select Subject and Select and Mask tools with an athlete in mid-sprint on a track field background">



<p>Next, click the Select and Mask… button in the Options Bar. A new window will open allowing you to refine your selection.</p>



<p>You can modify your selection by adding or subtracting areas of your selection within the Select and Mask window. When you’re happy with the way the selection looks, click OK.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-object-selection-refine-edge-sneaker.jpg" class="Sirv" alt="Close-up in Photoshop showing the Refine Edge properties for selecting a sneaker, with transparency settings and object-aware refinement options">



<p>Now, with your subject selected, type CTRL + C (COMMAND + C) and then SHIFT + CTRL + V (SHIFT + COMMAND + V) three times to create three new identical layers containing just your subject.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-multiple-layers-runner-selection.jpg" class="Sirv" alt="Photoshop interface showing a runner on a track with multiple transparent layers and the background layer in the Layers panel">



<h4 class="wp-block-heading">Accessing your selection again quickly</h4>



<p>If at any time you need to re-select your subject, you can do so by clicking on any of the new layers and choosing Select &gt; Load Selection from the menu at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-load-selection-tool-multi-layer.jpg" class="Sirv" alt='Photoshop interface showing the "Load Selection" option in the "Select" menu and multiple layers in the Layers panel for editing a runner image'>



<p>Once in the Load Selection dialog box, choose the Transparency for the layer you’re working in next to the Channel options and click OK.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-load-selection-layer-transparency.jpg" class="Sirv" alt='Load Selection dialog box in Photoshop showing options to select document, channel, and operation, with "Layer 3 Transparency" selected'>



<h3 class="wp-block-heading">2. Use Camera Raw Filters to quickly enhance sports photo subject</h3>



<p>The Camera Raw Filters are a quick and effective way to get spectacular sports photographs. With your top layer selected, click SHIFT + CTRL + A (SHIFT + COMMAND + A) to bring up the Camera Raw Filters window.</p>



<p>Within the filters window you have many options for enhancing the photo. Some of the most useful options here are the Auto Exposure and Auto Contrast sliders (under Light) and the Texture slider under Effects. Feel free to explore other options within the menu on the right-hand side of the window. When you’re satisfied with how your image looks, click OK.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/adjust-exposure-contrast-texture-camera-raw.jpg" class="Sirv" alt="Adobe Camera Raw settings for isolated runner image on transparent background, with adjustments to exposure, contrast, and texture">



<p>Within your Layers panel, you can choose to adjust the opacity or blending mode of your top layer to blend your changes with the original image. In the example below, we changed the Blending Mode of the layer we just adjusted to “Overlay” and set the opacity to 70%.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/layer-overlay-opacity-photoshop-runner.jpg" class="Sirv" alt="Photoshop layers panel showing overlay blending mode at 70% opacity applied to a runner image on a track">



<h3 class="wp-block-heading">3. Using the Glowing Edges Filter to enhance sports photo details.</h3>



<p>One of&nbsp;the&nbsp;best ways to add additional texture to a sports photo is to use the Glowing Edges Filter in Photoshop 2024. To access this filter, select the next to top layer (which should be of your unedited isolated subject). Choose Filter Gallery from the Filters menu at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-filter-gallery-menu.png" class="Sirv" alt="Photoshop 2024 interface with Filter Gallery option highlighted in the Filter menu dropdown">



<p>Within the Filter Gallery window that appears, choose Glowing Edges from the Stylize menu. Adjust the sliders on the right until your image has the level of detail you want (keep in mind the image will be in negative).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-glowing-edges-filter-application.jpg" class="Sirv" alt="Photoshop 2024 interface showing the Glowing Edges filter with edge width, brightness, and smoothness settings applied to an athlete's image">



<p>Click OK.</p>



<p>Back in your document, still with the same layer selected, click CTRL + I (COMMAND + I) to invert the image in the layer.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/sprint-runner-sketch-overlay-inverted.jpg" class="Sirv" alt="Athlete sprinting on track with an inverted sketch effect overlay applied, highlighting the runner's form and movement">



<p>Drag this layer to the top of your layers in your Layers Panel, set the Blending Mode to Overlay, and adjust the opacity until you get the effects you desire.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/runner-overlay-blending-mode-opacity.jpg" class="Sirv" alt="Close-up of runner in Photoshop with overlay blending mode set to 30% opacity in the Layers panel">



<h3 class="wp-block-heading">4. Using Generative Fill to get a clean background</h3>



<p>It&#8217;s a lot easier to add effects to your background if you <a href="/pages/background-removal">remove the subject entirely from the background</a>. Thanks to Photoshop 2024’s new Generative Fill <a href="/blogs/tips/beginners-guide-photoshop-tools">tool</a>, you can remove the subject from the background very quickly.</p>



<p>To begin, click the Eye icon next to all three layers that contain your sports photo subject, and duplicate the Background layer.</p>



<p>In the new Background copy layer, draw a selection around your subject using the Lasso Tool or the Polygonal Lasso Tool.</p>



<p>Once you have a loose selection around your subject, click Generative Fill from the Contextual Task menu that appears under your selection, or right-click (CTRL + Click) to bring up a menu where you can select Generative Fill.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-runner-selection.jpg" class="Sirv" alt="Athlete image in Photoshop with selection outline and Generative Fill tool options, showing duplicate background layer">



<p>In the dialog box that appears, leave the prompt blank where it says “What would you like to generate? (Optional)” and just click Generate.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/adobe-photoshop-generative-fill-tool.png" class="Sirv" alt="Adobe Photoshop interface showcasing the Generative Fill tool used for precise image editing and cutouts.">



<p>Photoshop 2024 will attempt to fill in the space of your selection using cues from the background that is visible. Once it&#8217;s done generating a new fill, you will see three variations you can choose from within the Properties panel. Simply click on any of these options, or click Generate again to get three more variations.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/adobe-photoshop-generative-fill-background-editing.jpg" class="Sirv" alt="Adobe Photoshop Generative Fill tool applied for background editing, showing layer options and properties panel.">



<p>Once you’re satisfied with one of the generative fill options, select the new Generative Fill layer and the Background copy layer in the Layers Panel. Then, type CTRL + E (COMMAND + E) to merge those layers together.</p>



<h3 class="wp-block-heading">5. Add Effects to your sports photo background</h3>



<h4 class="wp-block-heading">Add Motion Blur</h4>



<p>One really great effect you can add to a sports photo is a motion blur. This effect makes it look like your subject is moving at incredible speed.</p>



<p>Make sure all your layers are visible so that you can see the contrast of the background against your subject. Then, select your Layer in your Layers panel that has the background without the subject.</p>



<p>Then, choose Filter &gt; Blur &gt; Motion Blur… from the menu at the top of the application window. In the dialog box that appears, set your motion’s angle to 0 degrees and adjust your distance to your liking (the higher the distance, the greater the blur).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-generative-fill-motion-blur-editing.jpg" class="Sirv" alt="Adobe Photoshop interface showing Generative Fill and Motion Blur applied to an athlete running on track.">



<p>Click OK when you decide you like the results.</p>



<h4 class="wp-block-heading">Add Radial Blur</h4>



<p>The Radial Blur can create a stunning effect for your Sports photo. You can add a Radial Blur on top of a Motion Blur or use it on its own. In this example, we removed the Motion Blur before creating a Radial Blur.</p>



<p>To create a Radial Blur, select your Layer in your Layers panel that has the background without the subject. Then, choose Filter &gt; Blur &gt; Radial Blur… from the menu at the top of the application window.</p>



<p>In the Radial Blur… dialog box that appears, you do not have the option to preview your image before applying the effect. The image below gives you an idea of what to expect from the Spin option vs. the Zoom option.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-radial-blur-tool-athlete-image.png" class="Sirv" alt="Comparison of radial blur settings in Adobe Photoshop applied to an athlete running, showing spin and zoom effects.">



<h4 class="wp-block-heading">Add vignette</h4>



<p>Adding a vignette should be the last thing you do to your image, and for best effects, apply it only to the background portion of your image.</p>



<p>The easiest way to add a vignette to your image is to select the layer you will apply it to, then click CTRL + SHIFT + A (COMMAND + SHIFT + A) to quickly access your Camera Raw Filters.</p>



<p>Once in the Camera Raw Filters window, choose Vignette under Effects and move the slider to the left to create a dark vignette around the edges of your image. You can also move the Grain slider to the right to add a little extra punch to your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-camera-raw-vignette-grain-settings.jpg" class="Sirv" alt="Adobe Photoshop Camera Raw editor showing vignette and grain adjustments on a blurred sports track background.">



<p>Click OK when you’re satisfied with how the image looks.</p>



<p>Using just a few simple shortcuts, your final sports photo will now look much more exciting than the original image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-motion-blur-effect-athlete-running.jpg" class="Sirv" alt="Before and after comparison of an athlete running, with motion blur effect applied to create dynamic movement.">



<h2 class="wp-block-heading" id="Photoshop_shortcuts_FAQs">Photoshop shortcuts FAQs</h2>



<h3 class="wp-block-heading">What is the shortcut key for?</h3>



<p>A shortcut key is for completing frequent actions more quickly with a keyboard command. It helps you edit photos more effichiently.</p>



<h3 class="wp-block-heading">What is the shortcut of clipping mask in Adobe Photoshop?</h3>



<p>The shortcut of clipping mask in Photoshop is to click on the Create Layer Mask icon in the Layers panel or the Create Mask from Path icon in the Paths panel.</p>



<h3 class="wp-block-heading">What is the shortcut key to mask?</h3>



<p>The shortcut key to mask is ALT + CTRL + G (OPTION + COMMAND + G on a Mac). First select the Adjustment Layer and type and then this shortcut will allow you to apply the transparency mask of a Layer to an Adjustment Layer.</p>



<h3 class="wp-block-heading">What are the shortcut keys in Photoshop?</h3>



<p>The shortcut keys in Photoshop are listed in this post and in this downloadable cheat sheet pdf. Memorize the ones that work best with the tasks you do on a daily basis. For a list of some of the most common shortcut keys in Photoshop, see the list at the beginning of this post.</p>



<h3 class="wp-block-heading">What is CTRL + J in Photoshop?</h3>



<p>CTRL + J (COMMAND + J on Mac) duplicates the layer you currently have selected.</p>



<h3 class="wp-block-heading">What is CTRL + F in Photoshop?</h3>



<p>CTRL + F (COMMAND + F on Mac) opens a dialog box allowing you to search for tools, tricks, tips, and other sources of helpful information from Photoshop. You can use this dialog box to select tools or search for commands, as well as browse tips and tutorials.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Let us look after your image edits, so you can get back to the fun stuff. Try Path free.</p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://dashboard.pathedits.com/free_trial/new">Learn more</a>
                </div>
            </div>
            <div class="grid__item image">
                                <img decoding="async" src="https://cdn.pathedits.com/Illustrations/about-work.svg" alt="Simple pricing for stress-free, pixel-perfect photo edits tailored to your needs">
                            </div>
        </div>
    </div>

<p>The post <a href="https://pathedits.com/blogs/tips/clipping-path-photoshop-shortcuts-editing-ecommerce-photos">Photoshop Shortcuts for Clipping Paths and Editing Photos (Cheat Sheet Included)</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://pathedits.com/blogs/tips/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/clipping-path-photoshop-shortcuts-editing-ecommerce-photos/photoshop-shortcuts-clipping-path-photo-editing.png" medium="image"></media:content>
            	</item>
		<item>
		<title>Photoshop Tools: A Beginner’s Guide to Magic Wand, Lasso, and Other Features</title>
		<link>https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools</link>
					<comments>https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools#respond</comments>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Mon, 13 May 2024 15:31:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Editing tips]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blog/beginners-guide-photoshop-tools/</guid>

					<description><![CDATA[<p>Photoshop is an amazing software for editing your images. Do you know its best tools?</p>
<p>The post <a href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">Photoshop Tools: A Beginner’s Guide to Magic Wand, Lasso, and Other Features</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Just getting started with Adobe Photoshop 2024? It can seem overwhelming at first, especially with all the <a href="/blogs/tips/16-photoshop-tutorials-for-product-photography-the-ultimate-list" data-mce-href="/blogs/tips/16-photoshop-tutorials-for-product-photography-the-ultimate-list">Photoshop tutorials</a> available.</p>



<p>But before you jump into how-tos, it’s a good idea to start with the basics. What is the Magic Wand tool? Which Photoshop tools do you need to edit product photos? How do you customize the Photoshop toolbar to streamline your editing workflow?</p>



<p>Photoshop 2024 offers a lot of improvements and new features from previous iterations, including Generative AI, object removal, and lens blur. However, in order to use these cool new tools, you need to understand the basic tools in the Photoshop Toolbar.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<p>Let’s look at how to customize the Toolbar in Photoshop and the Adobe Photoshop 2024 tools—and how to use them with examples.<a name="toolbar"></a></p>



<h2 class="wp-block-heading">Where is the Photoshop 2024 Toolbar?</h2>



<p>By default, the Photoshop 2024 Toolbar is the part of Photoshop that’s anchored to the left of the application window. However, you can move it around and change its size, depending on your needs.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/pink-striped-sock-photoshop-toolbar-highlight.png" class="Sirv" alt="Pink striped sock displayed in Adobe Photoshop with toolbar highlighted, ready for background removal.">



<h2 class="wp-block-heading">Adobe Photoshop 2024 tools</h2>



<p>There are many Adobe Photoshop 2024 tools you can use in post-processing, several of which are especially useful for editing&nbsp;sports photography&nbsp;and <a href="/blogs/tips/what-is-product-photography-everything-you-need-to-know-to-get-started" data-mce-href="/blogs/tips/what-is-product-photography-everything-you-need-to-know-to-get-started">product photography</a>.</p>



<ul class="wp-block-list">
<li><a href="#magic-wand-tool">Magic Wand Tool</a></li>



<li><a href="#move-tool">Move Tool</a></li>



<li><a href="#rectangular-marquee-tool-and-elliptical-marquee-tool">Rectangular Marquee Tool and Elliptical Marquee Tool</a></li>



<li><a href="#shape-tools-including-custom-shape-tool">Shape Tools (including Custom Shape Tool)</a></li>



<li><a data-mce-href="#lasso" href="#lasso">Lasso Tool, Polygonal Lasso Tool and Magnetic Lasso To</a><a href="#lasso-tool-polygonal-lasso-tool-and-magnetic-lasso-tool">ol</a></li>



<li><a href="#quick-selection-tool">Quick Selection Tool</a></li>



<li><a href="#object-selection-tool">Object Selection Tool</a></li>



<li><a href="#fill-tools">Fill Tools</a></li>



<li><a href="http://the-paint-bucket-tool">The Paint Bucket Tool</a></li>



<li><a href="#gradient-tool">Gradient Tool</a></li>



<li><a href="#fill">Fill</a></li>



<li><a data-mce-href="#crop" href="#crop">Crop T</a><a href="#crop-tool">ool</a></li>



<li><a href="#crop-tool-with-generative-expand">Crop Tool With Generative Expand</a></li>



<li><a href="#eyedropper-tool">Eyedropper Tool</a></li>



<li><a href="#brush-tool-and-eraser-tool">Brush Tool and Eraser Tool</a></li>



<li><a href="#history-brush-tool">History Brush Tool</a></li>



<li><a data-mce-href="#eraser" href="#eraser">Magic Erase</a><a href="#magic-eraser-tool">r Tool</a></li>



<li><a data-mce-href="#clone" href="#clone">Clone Stam</a><a href="#clone-stamp-tool">p Tool</a></li>



<li><a data-mce-href="#healing" href="#healing">Healing Brush </a><a href="#healing-brush-tool">Tool</a></li>



<li><a data-mce-href="#dodge" href="#dodge">Dodge Tool and Burn To</a><a href="#dodge-tool-and-burn-tool">ol</a></li>



<li><a href="http://sharpen-tool">Sharpen Tool</a></li>



<li><a href="#smudge-tool">Smudge Tool</a></li>



<li><a data-mce-href="#hand" href="#hand">Hand To</a><a href="#hand-tool">ol</a></li>



<li><a data-mce-href="#zoom" href="#zoom">Zoom Too</a><a href="#zoom-tool">l</a><a name="wand"></a></li>
</ul>



<h3 class="wp-block-heading">Magic Wand Tool</h3>



<p>The <a href="/blogs/tips/magic-wand-tool-select-mask-photoshop" data-mce-href="/blogs/tips/magic-wand-tool-select-mask-photoshop">Magic Wand Tool</a> selects a portion of your image that has the same or similar colors.</p>



<p>You can access the Magic Wand Tool by typing “W.” If you don’t see the Magic Wand Tool, you can access it by clicking on the <strong>Quick Selection Tool</strong> and selecting the <strong>Magic Wand Tool</strong> from the dropdown.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-object-selection-tool-options.png" class="Sirv" alt="Close-up of Photoshop toolbar showing Object, Quick Selection, and Magic Wand tool options with colorful highlights.">



<p>To use the Magic Wand Tool, click on a portion of your image that’s all one color (like the <a href="/blogs/tips/9-alternatives-to-white-background-product-photography" data-mce-href="/blogs/tips/9-alternatives-to-white-background-product-photography">white background</a> in the image of the sock below). The Magic Wand Tool will select the entire area of that color.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/magic-wand-tool-striped-sock-selection.png" class="Sirv" alt="Photoshop interface showing Magic Wand tool selecting a red and white striped sock on a white background.">



<h3 class="wp-block-heading">Move Tool</h3>



<p>The Move Tool is the first tool visible in the default Toolbar. You can also access it by typing “V.” The Move Tool shares space with the Artboard Tool, which you see if you click and hold the Move Tool with the mouse.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-move-artboard-tool-selection.png" class="Sirv" alt="Photoshop toolbar showing the selection of the Move and Artboard tools with a colorful highlight ring.">



<p>The Move Tool allows you to move items in your image. If you’ve created a selection within your image, you can use the Move Tool to relocate it within the frame. If you don’t have a selection, the Move Tool will move the entire layer.</p>



<p><a href="/blogs/tips/how-to-pick-the-right-image-file-type-for-your-product-photography" data-mce-href="/blogs/tips/how-to-pick-the-right-image-file-type-for-your-product-photography">Images in formats like JPG and PNG</a> are flattened images, which means the entire image rests inside a locked layer called Background. Because of this, the Move Tool can only move selections within flattened images and can’t move the locked layer itself. If you create a selection in a flattened image and move it, the area where the selection originally existed will be filled with the background color.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-marquee-tool-layer-panel.png" class="Sirv" alt="Photoshop interface showing the Marquee tool selection around a red-striped sock with the Layers panel displaying a locked background layer.">



<p>In layered images, you can use the Move Tool to move just about anything. Click on the portion of the image you want to move and put it in your desired location.</p>



<p>In Photoshop 2024, the Move Tool will automatically determine which layer that item is on when you click on it. In some older versions of Photoshop, you’ll need to select the layer the item is on within the Layers panel before you can move it; otherwise, you’ll move whatever layer you’re currently in.</p>



<p>All items within the layer of the item you’ve selected will move with that item, unless you’ve made a selection. If you make a selection using any of the Adobe Photoshop 2024 tools covered below, you can move that selection with the Move Tool, independent of other items within that layer. The moved item will remain within its original layer.</p>



<h3 class="wp-block-heading">Rectangular Marquee Tool and Elliptical Marquee Tool</h3>



<p>The Marquee Tools make quick selections within your image.</p>



<p>By default, the Rectangular Marquee Tool is visible just under or beside the Move Tool, depending on how you have your Toolbar configured.</p>



<p>To access the Elliptical Marquee Tool, click and hold, and then select the Elliptical Marquee Tool from the dropdown. You can access whichever Marquee Tool is currently visible by typing “M.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-elliptical-marquee-tool-red-sock.png" class="Sirv" alt="Photoshop interface with Elliptical Marquee tool selected, showing circular selection around a red-striped sock.">



<p>With either the Rectangular Marquee Tool or Elliptical Marquee Tool selected, click and drag on your image to create your selection. The Rectangular Marquee Tool will create a rectangular selection; the Elliptical Marquee Tool will create an elliptical selection.</p>



<p>Hold down the <strong>SHIFT</strong> key while you click and drag to create a perfect square (Rectangular Marquee Tool) or perfect circle (Elliptical Marquee Tool). Release the mouse before you release the <strong>SHIFT</strong> key to keep the exact proportions of your selection.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-elliptical-marquee-striped-sock-selection.png" class="Sirv" alt="Photoshop window with Elliptical Marquee tool creating a circular selection on a red striped sock image.">



<p>Once you’ve created a selection with either of these tools, you can adjust that selection by moving it, filling it with color or deleting it.</p>



<p>To deselect your selection, click anywhere on your image, or type <strong>CTRL</strong>+<strong>D</strong> (<strong>CMD</strong>+<strong>D</strong> on a Mac).</p>



<h3 class="wp-block-heading">Shape Tools (including Custom Shape Tool)</h3>



<p>The Shape Tools allow you to create vector-based shapes such as rectangles, ellipses, lines, and even animal shapes.</p>



<p>All of the Shape Tools are in one place in your Toolbar, usually toward the bottom of the Toolbar near the Foreground and Background colors.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-custom-shape-tool-options-menu.png" class="Sirv" alt="Photoshop toolbar showing the Custom Shape Tool menu with options for rectangle, ellipse, triangle, polygon, line, and custom shapes.">



<p>Each Shape Tool is named by the type of shape it creates. Let’s look at the Custom Shape Tool to understand how to use these tools.</p>



<p>Choose the Custom Shape Tool from the Toolbar. If you don’t see it, it may be hiding behind one of the other Shape Tools; click and hold on the visible Shape Tool in the Toolbar to access the Custom Shape Tool.</p>



<p>Once you have your Shape Tool selected, go to the Options Bar at the top of the application window. You’ll see there<meta charset="utf-8"><span data-mce-fragment="1">’</span>s a dropdown menu where you can select Shape, Path, or Pixels. Make sure Shape is selected.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-shape-tool-options-bar.png" class="Sirv" alt="Options bar in Adobe Photoshop showing the dropdown menu for selecting Shape, Path, or Pixels, with Shape selected.">



<p>Also in the Options Bar, you have the ability to change the Fill color and Stroke color and width for your shape. The Fill is the color that your shape will be. The Stroke is an outline around your shape. Click on each of these options to change the color of your fill, color of your stroke, and width of your stroke.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-shape-tool-options-bar.png" class="Sirv" alt="Options bar in Adobe Photoshop showing the dropdown menu for selecting Shape, Path, or Pixels, with Shape selected.">



<p>When you have Custom Tool selected, you also have the option to choose one of many preset shapes from your Options Bar. To change your Tool shape, choose one of the presets next to the Shape; dropdown in the Options Bar.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-custom-shapes-boats-menu.png" class="Sirv" alt="Adobe Photoshop options bar showing the Shape Tool with a dropdown menu of custom boat shapes in the selection panel">



<p>Once you have selected a shape, you can draw it onto your image using your Shape Tool. Hold the Shift key while you draw to ensure the shape stays proportional.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-shape-tool-submarine-design.png" class="Sirv" alt="Custom yellow submarine shape overlaying a red striped sock in Adobe Photoshop, showcasing the Shape Tool feature.">



<h3 class="wp-block-heading">Lasso Tool, Polygonal Lasso Tool and Magnetic Lasso Tool</h3>



<p>The Lasso Tools, like the Marquee Tools, create a selection within your image.</p>



<p>Any of the three Lasso Tools may be visible in the Toolbar; click and hold on the visible tool to access the other Lasso Tools. You can access whichever Lasso Tool is currently visible by typing “L.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-lasso-tool-options.png" class="Sirv" alt="Photoshop toolbar showing the Lasso Tool dropdown menu with options for Lasso, Polygonal Lasso, and Magnetic Lasso tools.">



<p>With the Lasso Tool selected, you can draw a selection around any part of your image using your mouse. Click and hold the mouse button down as you draw. End the selection where you began to create a complete selection. The Lasso Tool can be a bit difficult to use if you need a precise selection, but it works well for creating a rough selection.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-lasso-tool-striped-sock-selection.png" class="Sirv" alt="Photoshop interface using the Lasso Tool to create a selection outline around a red and white striped sock.">



<p>The Polygonal Lasso Tool creates a selection with straight lines&nbsp;with a little more precision than the Lasso Tool.</p>



<p>With the Polygonal Lasso Tool selected, click on the point on your image where you want your selection to begin. Release the mouse and click again to create the first straight edge of your selection. Each time you click, you create another edge for your selection. To finish your selection, click on the same spot where you began.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/polygonal-lasso-tool-striped-sock-photoshop.png" class="Sirv" alt="Photoshop interface using the Polygonal Lasso Tool to create a selection around a red and white striped sock.">



<p>The Magnetic Lasso Tool follows the edge of an object in your image, allowing more control in your selection than the Lasso Tool, and more flexibility than the Polygonal Lasso Tool.</p>



<p>To use the Magnetic Lasso Tool, click on the edge of your object where you want your selection to begin, and then follow the object as closely as you can with the mouse. The Magnetic Lasso Tool will snap to the edge of the object as you follow it.</p>



<p>You can click points as you go, as with the Polygonal Lasso Tool, but you can also make the selection without setting down any more points. To complete the selection, click on the first point you created with the tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/magnetic-lasso-tool-striped-sock-photoshop.png" class="Sirv" alt="Photoshop interface using the Magnetic Lasso Tool to select a red and white striped sock.">



<h3 class="wp-block-heading">Quick Selection Tool</h3>



<p>The Quick Selection Tool selects an object in your image by interpreting and selecting along defined edges visible in your image.</p>



<p>If the Quick Selection Tool isn’t visible in Photoshop 2024, click and hold on the Magic Wand Tool and select the Quick Selection Tool from the dropdown. Once the Quick Selection Tool is visible, you can access it by typing “W.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-quick-selection-tool-option.png" class="Sirv" alt="Photoshop toolbar with Quick Selection Tool highlighted, alongside Object Selection and Magic Wand options.">



<p>Over your image, the Quick Selection Tool will appear as a small circle with “+” inside of it. Place the cursor over an area of the object you wish to select and click. The tool will select a portion of your image, ending at any defined edges.</p>



<p>While holding the mouse, move your cursor around the rest of the object until the entire object is selected. If you let go of the mouse, you can simply click anywhere on the object again; you won’t lose the already-selected portions.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-quick-selection-striped-sock.png" class="Sirv" alt="Photoshop interface with Quick Selection Tool used to outline a pink striped sock on a white background.">



<p>If you find you’re selecting too much of an image, the size of the Quick Selection Tool might be too big. You can use the “<strong>[</strong>“ and “<strong>]</strong>” keys to reduce and enlarge the size of your Quick Selection Tool, respectively.</p>



<p>If you need to start over with your selection at any time, type <strong>CTRL</strong>+<strong>D</strong> (<strong>CMD</strong>+<strong>D</strong> on a Mac) to deselect your selection.</p>



<h3 class="wp-block-heading">Object Selection Tool</h3>



<p>The Object Selection Tool allows you to select an object within your photo simply by drawing a selection around the object.</p>



<p>To access the Object Selection Tool, click and hold on the Magic Wand Tool and select the Object Selection Tool from the dropdown. Once this tool is visible in the Toolbar, you can access it by typing “W.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-object-selection-tool-menu.png" class="Sirv" alt="Close-up of Photoshop toolbar showing Object Selection Tool menu options, including Quick Selection and Magic Wand tools.">



<p>To use the Object Selection Tool, click and draw a selection around the object you want to select. Photoshop will interpret the edges of the object and attempt to refine your selection to just include the object.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/sock-selection-background-removal-before-after.png" class="Sirv" alt="Comparison of sock image before and after background removal, highlighting the selection and editing process.">



<p>When the Object Selection Tool is selected in your Toolbar, you have the option to select using a rectangular marquee shape or a lasso tool shape. You can toggle between the two in the Options Bar at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/sock-lasso-selection-background-removal-tool.png" class="Sirv" alt="Sock image in Photoshop selected with Lasso tool, background removal options highlighted in the toolbar.">



<p>The Options Bar also offers the same functionality to refine your selection as you’d have using the Magic Wand Tool.</p>



<h3 class="wp-block-heading">Fill Tools</h3>



<p>Once you’ve created a selection with either the Marquee Tools, the Lasso Tools, or the Selection Tools, you can quickly fill that selection with a solid color or a gradient, or use what’s called the Content-Aware Fill Tool to seamlessly remove an object from its background.</p>



<h3 class="wp-block-heading">The Paint Bucket Tool</h3>



<p>The Paint Bucket Tool, sometimes referred to as the Fill Tool, is located on the Toolbar just under the Eraser Tool. If it’s not visible, it may be hidden under the Gradient Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-paint-bucket-tool-selection.png" class="Sirv" alt='Photoshop interface showing the Paint Bucket Tool selection with shortcut key "G" highlighted'>



<p>To use this tool, select it and click anywhere within your selection. Photoshop will fill all pixels matching the color of the area you’ve clicked on with your foreground color. If you use the tool without creating a selection first, Photoshop will fill all pixels within your entire document with the foreground color.</p>



<p>As with other tools, you can adjust settings such as Blending Mode, Opacity, and Tolerance in the Options Bar at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-paint-bucket-tool-fill-selection.png" class="Sirv" alt="Photoshop interface showing the Paint Bucket Tool in use to fill a selected area on a striped sock image with yellow color.">



<h3 class="wp-block-heading">Gradient Tool</h3>



<p>The Gradient Tool, located in the same place as the Paint Bucket Tool, fills an area with a gradient instead of a solid color. Unlike the Paint Bucket Tool, however, the Gradient Tool creates a new Gradient Fill Adjustment Layer on top of the layer you’re currently in.</p>



<p>If you make a selection prior to using the Gradient Tool, the new adjustment layer will be masked everywhere except the selection. If there is no selection, the new Gradient Fill Adjustment Layer will fill the entire canvas.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-gradient-paint-bucket-tool-selection.png" class="Sirv" alt="Photoshop toolbar showing the Gradient Tool with the Paint Bucket Tool option highlighted by an arrow and circular marker.">



<p>This Adjustment Layer feature of the Gradient Tool is new to Photoshop 2024 and makes it easy to create gradients without accidentally overwriting other parts of your image.</p>



<p>To use the Gradient Tool, select the tool and draw a line with the mouse over your selection. The angle of the line you draw will determine the angle of the gradient.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-gradient-tool-background-selection-sock-example.png" class="Sirv" alt="Photoshop window displaying the Gradient Tool in action on a selected background area with a striped sock image, illustrating a gradient overlay on the left and the gradient settings on the right.">



<p>By default, the gradient will start with the foreground color and end with the background color, but you can change this in the Options Bar.</p>



<p>To change your gradient, select the gradient preview and scroll to your desired gradient option in the Gradient Options Bar. The Basics folder will contain the foreground-to-background, foreground-to-transparent, and black-to-white gradient options. Photoshop also gives you some additional gradient options organized by color.</p>



<p>You can adjust your gradient after you’ve created it by selecting the Gradient Adjustment Fill Layer and choosing a gradient option from the Gradient Options Bar. You can also access these options in the Properties Panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-gradient-tool-options-panel.png" class="Sirv" alt="Close-up of Photoshop’s Gradient Tool options panel showing gradient presets, including blue-to-yellow and grayscale options.">



<p>If you need to rasterize your Gradient Fill Adjustment Layer, you can do so by choosing <strong>Layer</strong> &gt; <strong>Rasterize</strong> &gt; <strong>Fill</strong> <strong>Content</strong> from the menu at the top of the Application window.</p>



<h3 class="wp-block-heading">Fill</h3>



<p>You can also use the Fill function in Photoshop 2024 to fill a selection with a solid color or gradient. With your selection created, choose <strong>Edit</strong> &gt; <strong>Fill</strong> from the menu at the top of the application window.</p>



<h3 class="wp-block-heading">Crop Tool</h3>



<p>The Crop Tool allows you to rotate and crop your image along predefined parameters. The Crop Tool is especially useful if you have a series of product images that all need to be the same size and orientation.</p>



<p>The Crop Tool may be hidden behind the Slice Tool, Slice Select Tool or Perspective Crop Tool. If so, click on any of these tools and hold down the mouse until you can access the Crop Tool. When the Crop Tool is visible in the Toolbar, you can quickly access it by typing “C”.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-crop-tool-options.png" class="Sirv" alt="Photoshop toolbar showing the Crop Tool with additional options for Perspective Crop, Slice, and Slice Select tools.">



<p>With the Crop Tool selected, go to the top of the application window where you can control the Crop Tool settings. Select W x H x Resolution from the first dropdown option to specify the width, height and resolution of your cropped image. If you know all product images need to be 1000px x 1200px at 72 ppi, you would type those values into the fields just to the right of the dropdown.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-crop-tool-menu-highlighted.png" class="Sirv" alt="Close-up of Photoshop toolbar with Crop Tool and options for Perspective Crop, Slice, and Slice Select tools highlighted.">



<p>Once you’ve set your width, height, and resolution, click anywhere on your image to see the edges of the crop. You can use your cursor to expand or reduce the size of the cropped area, and you can also rotate the image within the crop by turning the edges of the cropped area at the corners.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-crop-tool-width-height-resolution-settings.png" class="Sirv" alt="Photoshop interface showing the Crop Tool applied to a striped sock image, with W x H Resolution settings bar highlighted.">



<p>If you’re happy with the crop area, click on any of the other tools in the Toolbar, and the image will automatically crop. If you are dissatisfied with the final cropped image, simply type <strong>CTRL</strong>+<strong>Z</strong> (<strong>CMD</strong>+<strong>Z</strong> on a Mac) to undo.</p>



<h3 class="wp-block-heading">Crop Tool With Generative Expand</h3>



<p>If you want to <a href="/blogs/tips/tips-tools-and-how-to-reduce-image-file-size-without-sacrificing-quality" data-mce-href="/blogs/tips/tips-tools-and-how-to-reduce-image-file-size-without-sacrificing-quality">crop your photo</a> in a way that the crop area extends beyond the existing photo’s canvas, you can use a newer Photoshop 2024 tool called Generative Expand.</p>



<p>To use Generative Expand, create a crop area that goes outside your canvas borders. You’ll see a Contextual Prompt panel at the bottom of your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-crop-tool-generative-fill-shadow-option.png" class="Sirv" alt='Photoshop interface showing the Crop Tool applied to a striped sock image with yellow background. Generative Fill bar with "shadow" prompt is highlighted.'>



<p>To complete the Crop action and Generative Expand, click Generate in the Contextual Prompt panel.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-sock-shadow-layer-generative-fill.png" class="Sirv" alt="Photoshop workspace showing a floating sock with added shadow layer using Generative Fill. Shadow layer is highlighted in the Layers panel.">



<p>Photoshop’s Generative AI gave this image a shadow.</p>



<h3 class="wp-block-heading">Eyedropper Tool</h3>



<p>The Eyedropper Tool selects a specific color within your image and sets it as your Foreground Color.</p>



<p>If you can’t see the Eyedropper Tool, it could be hiding behind the Color Sampler Tool, the Ruler Tool, the Note Tool, or the Count Tool. You can click and hold on either of these tools to access the Eyedropper Tool. Once the Eyedropper Tool is visible, you can access it by typing “I.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-eyedropper-tool-menu.png" class="Sirv" alt="Photoshop toolbar showing Eyedropper Tool selection with additional tool options highlighted, including">



<p>Click anywhere within your image to grab the visible color with the Eyedropper Tool. The color you select will automatically appear as a new Foreground Color.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-eyedropper-tool-striped-sock-sampling.png" class="Sirv" alt="Photoshop interface using Eyedropper Tool with sampling ring on a red and pink striped sock.">



<p>The Eyedropper Tool is useful when you need to pull a color from one image and use it in another. For instance, when you have a background color that you need to match across images.</p>



<h3 class="wp-block-heading">Brush Tool and Eraser Tool</h3>



<p>Use the Brush Tool to “paint” on your image; use the Eraser Tool to erase part of your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-toolbar-brush-eraser-tool-options.png" class="Sirv" alt="Photoshop toolbar with Brush Tool and Eraser Tool menus expanded, highlighting tool options and keyboard shortcuts.">



<p>If you don’t see the Brush Tool in the Toolbar, it might be behind the Pencil Tool, Color Replacement Tool, or Mixer Brush Tool. Click and hold on the Pencil Tool to access the dropdown, and select the Brush Tool. When visible, you can also access the Brush Tool by typing “B.”</p>



<p>Vary the size, shape, hardness (smoothness of the brush edge) and opacity of the Brush Tool at the top of the application window once the tool is selected. To “paint” with the Brush Tool, click and drag your cursor over the image.</p>



<p>Your cursor should appear as roughly the same size and shape as your selected Brush Tool preset—if it doesn’t, you probably have caps lock on. The Brush Tool will paint your foreground color onto your image within the layer that you currently have selected.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-brush-tool-size-hardness-adjustment.png" class="Sirv" alt="Photoshop interface showing Brush Tool with adjustable size and hardness settings applied to a blue stroke near a red-striped sock image.">



<p>If you don’t want to paint over your original image, create a new layer and use the Brush Tool in that new layer.</p>



<p>The Eraser Tool works in almost the same way as the Brush Tool. If you don’t see the Eraser Tool in the Toolbar, it might be hidden behind the Magic Eraser or Background Eraser Tool. When visible, type “E” to access the Eraser Tool.</p>



<p>As with the Brush Tool, you can adjust the size, hardness and opacity of the Eraser Tool at the top of the application window.</p>



<p>Once you’ve adjusted your Eraser Tool settings, click and drag with your cursor over the portion of your image you wish to erase.</p>



<p>When you erase using the Eraser Tool on a flattened image, the background color will appear on the areas you erase. When you erase on a layered image, the pixels on lower images will be visible through the erased area of your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-eraser-tool-sock-image-editing.png" class="Sirv" alt="Eraser tool used on a red and white striped sock in Photoshop, showing transparent background removal.">



<h3 class="wp-block-heading">History Brush Tool</h3>



<p>The History Brush Tool looks very similar to the Brush Tool; in fact, chances are you’ve accidentally selected it at some point instead of the Brush Tool. However, it works much differently than the Brush Tool.</p>



<p>The History Brush Tool is located about midway on your Toolbar. It may be hiding behind the Art History Brush Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-history-brush-tool-options.png" class="Sirv" alt="Photoshop toolbar showing the History Brush Tool dropdown menu with options for History Brush and Art History Brush tools.">



<p>The History Brush Tool allows you to “paint” in portions of your image from a past iteration. In the example below, I filled the color of my sock with blue and I want to “paint back” what it looked like before I changed the color.</p>



<p>To use the History Brush Tool, you need to have the History Panel open. If you don’t see the History Panel, you can access it by choosing Window &gt; History from the dropdown menu at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-history-panel-and-brush-tool.png" class="Sirv" alt="Adobe Photoshop interface showing the History panel and the History Brush Tool options with a blue shape on the canvas.">



<p>In the history panel, you can see all the changes made to the image since it was opened. Since we want to undo the blue fill with the History Brush in this example, we select the step that happened immediately before the Fill step. In this case, that would be the Select Inverse step. In order to select this step, click in the small box just to the left of the step in the panel.</p>



<p>A History Brush icon will appear in that box.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-history-panel-select-inverse.png" class="Sirv" alt='Close-up of the Photoshop History panel highlighting the "Select Inverse" action with a blue shape in the background.'>



<p>Now, take the History Brush and “paint” over the portions of your image that you want to revert back to its original form.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-object-selection-tool-sock-example.png" class="Sirv" alt="Using the object selection tool in Photoshop to edit a sock design with red stripes and a blue overlay.">



<p>Like the Brush Tool and the Eraser Tool, you can adjust the size and hardness of the History Brush using the dropdown menus in the Option Bar.</p>



<h3 class="wp-block-heading">Magic Eraser Tool</h3>



<p>The Magic Eraser Tool erases similar pixels from an image, in much the same way that the Magic Wand Tool selects similar pixels within an image.</p>



<p>The Magic Eraser Tool may be hiding the Eraser Tool or the Background Eraser Tool, if you can’t see it. Once visible, you can also select the Magic Eraser Tool by typing “E.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-eraser-tool-options-menu-cursor.png" class="Sirv" alt="Photoshop eraser tool options with cursor, highlighting eraser, background eraser, and magic eraser tools.">



<p>To use the Magic Eraser Tool, click on the portion of your image that you want to <a href="/blogs/tips/step-by-step-guide-remove-background-photoshop">remove, such as a background</a>.</p>



<p>If all the pixels you want to remove are a similar color, the Magic Eraser Tool will erase all of it in one click. Like the Magic Wand Tool, you can adjust the Tolerance of the Magic Eraser Tool at the top of the application window to select a smaller or wider range of pixel colors.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-magic-eraser-background-removal.png" class="Sirv" alt="Magic eraser tool used to remove background around a striped sock in Photoshop, settings panel visible at top.">



<p>If you use the Magic Eraser Tool on a flattened image, the erased portion of your image will automatically fill with transparency, and your Background layer will be renamed “Layer 0”. If you use the Magic Eraser Tool on a layered image, the pixels from lower layers will be visible through the erased portion of your image.</p>



<p>As with the Magic Wand Tool, the Magic Eraser Tool is useful when you want to change or <a href="/pages/background-removal">remove a background from an image</a>, or when you need to remove portions of an image.</p>



<h3 class="wp-block-heading">Clone Stamp Tool</h3>



<p>The Clone Stamp Tool allows you to select a portion of your image and repeat it into another portion of your image within the same layer.</p>



<p>If you don’t see the Clone Stamp Tool in the Toolbar, it may be hidden behind the Pattern Stamp Tool. If you can see it, access it by typing “S.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-clone-stamp-tool-selection.png" class="Sirv" alt="Clone Stamp and Pattern Stamp tool options highlighted in Photoshop toolbar with shortcut key 'S' displayed.">



<p>You can adjust the Clone Stamp Tool the same way as the Brush and Eraser Tools—simply adjust its values at the top of the application window.</p>



<p>With the Clone Stamp Tool selected, hover your cursor over the area of your image that you wish to repeat. Hold down the <strong>ALT</strong> key (<strong>OPTION</strong> on a Mac) and click on the image. The cursor will change shape and will appear as a target symbol.</p>



<p>Then, move your cursor to the new area of your image where you wish to duplicate the original portion of the image. Click and “paint” with your cursor; the portion of your image you originally sampled will appear in the new area of your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-clone-stamp-tool-striped-sock.png" class="Sirv" alt="Clone Stamp tool in Photoshop duplicating part of a striped sock image, with toolbar icon highlighted.">



<p>The Clone Stamp Tool takes a bit of practice to master, but it’s useful once you become comfortable with it. You can use it to create multiple images of a single product within the same frame, or to remove blemishes or spots on a product’s surface.</p>



<h3 class="wp-block-heading">Healing Brush Tool</h3>



<p>The Healing Brush Tool selects a portion of your image and blends it into another portion of your image within the same layer.</p>



<p>Can’t see it? It might be hiding behind the Spot Healing Brush Tool, Remove Tool, Patch Tool, the Content-Aware Move Tool, or the Red Eye Tool. If you can see it, you can access the Healing Brush Tool by keying “J.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-healing-brush-tool-options.png" class="Sirv" alt="Photoshop toolbar with Healing Brush tool and options highlighted by yellow circle and arrow.">



<p>To use the Healing Brush Tool, hover your cursor over the area of your image that you want to sample. Hold down the <strong>ALT</strong> key (<strong>OPTION</strong> on Mac) and click on the sample area (the cursor will become a target symbol when you hold down <strong>ALT</strong>/<strong>OPTION</strong>).</p>



<p>Move your cursor to the area of the image that you want to blend your sample into. Click and hold your mouse to “paint” with your cursor in the new area of your image. The Healing Brush Tool will sample the original portion of your image and paint it over the new area of your image, blending the pixels together.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/healing-brush-tool-fabric-texture-photoshop.png" class="Sirv" alt="Healing Brush tool applied on red striped sock fabric in Photoshop, with tool highlighted on the toolbar.">



<p>Like the Clone Stamp Tool, you’ll need some patience to become a pro with the Healing Brush Tool. But it could be a better option than the Clone Stamp Tool to remove spots or blemishes from a product image, depending on the image and what you need to do to it.</p>



<h3 class="wp-block-heading">Dodge Tool and Burn Tool</h3>



<p>The Dodge Tool lightens pixels in an image; the Burn Tool darkens pixels. With both tools, you “paint” onto your image with your cursor just as you would with the Brush Tool.</p>



<p>The Dodge Tool and Burn Tool share the same space on the Toolbar. If neither are visible, they’re probably suppressed behind the Sponge Tool. When visible, the Dodge Tool or Burn Tool can be accessed by typing “O.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-dodge-burn-sponge-tool-options.png" class="Sirv" alt="Dodge, Burn, and Sponge tools highlighted in Photoshop toolbar with selection options expanded.">



<p>With either the Dodge Tool or Burn Tool selected, you can adjust the tool’s size and hardness using the options at the top of the application window. You can also choose the range of pixels you want the tool to affect.</p>



<ul class="wp-block-list">
<li><strong>Highlights</strong>: only very light areas of your image</li>



<li><strong>Midtones</strong>: pixels with colors that are in between dark and light</li>



<li><strong>Shadows</strong>: only the darkest pixels</li>
</ul>



<p>Exposure controls the degree to which affected pixels change.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-dodge-tool-settings-panel.png" class="Sirv" alt="Photoshop Dodge tool settings showing range set to highlights, exposure at 10%, and protect tones enabled">



<p>If you want to darken the shadows on a product image, select the Burn Tool, adjust the size of the tool to be roughly the same size as your smallest shadow, set the range to Shadows, and “paint” with the tool on your image where shadows already exist by clicking and dragging with your cursor.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Want to learn more about adding shadows in your shot? You can learn <a href="https://pathedits.com/blogs/tips/photoshop-tutorial-how-create-realistic-drop-shadow">how to add a natural shadow in Photoshop</a>.&nbsp;</p>
</blockquote>



<p>To brighten the lightest areas of your image, choose the Dodge Tool, set your range to Highlights, and click and drag over the lightest areas of your image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/dodge-burn-tool-sock-comparison.png" class="Sirv" alt="Comparison of a striped sock edited with Photoshop Dodge, Original, and Burn tools, showing changes in brightness and contrast.">



<h3 class="wp-block-heading">Sharpen Tool</h3>



<p>The Sharpen Tool can be found about midway down the Toolbar. It may be hiding behind the Blur Tool or the Smudge Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-blur-sharpen-smudge-tools.png" class="Sirv" alt="Photoshop toolbar showing the Blur Tool dropdown menu with options for Blur, Sharpen, and Smudge tools, highlighted with an arrow.">



<p>Like many other tools discussed in this Photoshop Tool tutorial, you can adjust the size, hardness, and strength of the tool in the Options Bar at the top of the application window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-sharpen-tool-options-bar.png" class="Sirv" alt="Adobe Photoshop options bar displaying settings for the Sharpen Tool, including mode, strength, angle, and sample all layers.">



<p>To use the Sharpen Tool, paint over a selection of your image. When you do so, Photoshop will attempt to remove extraneous pixels in your image, thereby sharpening the edges where different colors meet in your photograph. This can be useful when you want more definition to appear in a pattern on your product image.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-sharpen-tool-texture-zoom.png" class="Sirv" alt="Zoomed-in view of a red striped sock in Photoshop with the Sharpen Tool applied, showing enhanced texture details.">



<h3 class="wp-block-heading">Smudge Tool</h3>



<p>The Smudge Tool is located in the same place as the Blur Tool and Sharpen Tool in your Toolbar.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-smudge-tool-dropdown-menu.png" class="Sirv" alt="Photoshop toolbar showing the Blur Tool dropdown menu with options for Blur, Sharpen, and Smudge tools, highlighted with an arrow pointing to Smudge Tool.
">



<p>Like the Sharpen Tool, you can adjust the size, hardness, and strength of the tool in the Options Bar. You also have the option to check “Finger Painting” in the Options Bar, which will pull in your Foreground color while using the Smudge Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-smudge-tool-options-bar.png" class="Sirv" alt='Adobe Photoshop options bar displaying settings for the Smudge Tool, including mode, strength, and the "Finger Painting" checkbox.'>



<p>When you paint with the Smudge Tool, it will drag the pixels of your image in the direction of the brush stroke.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-smudge-tool-sock-effect.png" class="Sirv" alt="Red striped sock in Photoshop with the Smudge Tool applied, creating a wavy distortion effect on the fabric.">



<h3 class="wp-block-heading">Hand Tool</h3>



<p>The Hand Tool moves the portion of an image that you’re currently viewing.</p>



<p>The Hand Tool only works if you’re zoomed far enough into an image that one or more sides of the image are no longer visible. You can quickly access the Hand Tool by clicking “H.” If you<meta charset="utf-8"><span data-mce-fragment="1">’</span>re selecting the tool from the Toolbar, it may be located behind the Rotate View Tool.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-hand-tool-menu.png" class="Sirv" alt="Photoshop toolbar showing Hand Tool menu with options for Hand Tool and Rotate View Tool, with keyboard shortcuts.">



<p>With the Hand Tool selected, click and drag within your image to change your view. No elements of your image move when you use the Hand Tool; only your view of the image is affected.</p>



<p>The Hand Tool is useful if you need to zoom into a portion of an image, and then view another portion of that image without zooming out all the way.</p>



<h3 class="wp-block-heading">Zoom Tool</h3>



<p>The Zoom Tool allows you to zoom in or out of an image quickly. Access the Zoom Tool by clicking “Z.”</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-toolbar-zoom-tool.png" class="Sirv" alt="Photoshop toolbar with Zoom Tool icon highlighted and cursor pointing at it">



<p>To use the Zoom Tool, click on the portion of your image that you want to zoom into. To zoom out, hold down the <strong>ALT</strong> key (<strong>OPTION</strong> on Mac) and click with the Zoom Tool.</p>



<p>The Zoom Tool is important to help refine small details that shoppers can see when zooming in. Zoom is an important function for online stores.</p>



<h2 class="wp-block-heading">How to customize the Toolbar in Photoshop</h2>



<p>You can customize the Toolbar part of Photoshop a few different ways.</p>



<h3 class="wp-block-heading">Move the Toolbar</h3>



<p>To customize the Photoshop Toolbar location, click on the series of vertical lines (located at the top of the Toolbar) and drag the toolbar to another part of the screen. This action un-anchors the Toolbar from its default location.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-toolbar-drag-icon-highlight.png" class="Sirv" alt="Photoshop toolbar with drag icon highlighted, showing cursor and slider tool">



<h3 class="wp-block-heading">Use columns</h3>



<p>If you prefer the Photoshop 2024 Toolbar to be two columns instead of one, click on the two triangles at the very top of the Toolbar. Clicking on the triangles again will toggle the Toolbar back to a single column.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-toolbar-expanded-collapsed.png" class="Sirv" alt="Photoshop toolbar shown in expanded and collapsed states with icons highlighted.">



<h3 class="wp-block-heading">Add or remove Photoshop tools</h3>



<p>If there are Photoshop tools missing from the Toolbar, or if you want to customize the tools visible in the Toolbar, click on the three little dots located at the bottom of the Toolbar, just above the squares showing the foreground and background colors.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-toolbar-edit-option.png" class="Sirv" alt="Photoshop toolbar with 'Edit Toolbar' option highlighted for customization">



<p>If Photoshop tools have been removed from the Toolbar, they’ll appear in a dropdown once you click on these dots.</p>



<p>If your Toolbar is at its default setting, the only option will be Edit Toolbar. Click on Edit Toolbar to open the Customize Toolbar window.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-customize-toolbar-interface.png" class="Sirv" alt="Photoshop 'Customize Toolbar' interface highlighting Toolbar and Extra Tools sections for organizing tools.">



<p>Within this window, you can customize which Photoshop tools appear on the Toolbar. Tools you rarely use can be moved into Extra Tools so they won’t appear in the Toolbar. Click on the tool you wish to move in the Toolbar column and drag it to the Extra Tools column. You can also drag tools from Extra Tools back into the Toolbar column.<a name="foreground"></a></p>



<h3 class="wp-block-heading">Changing foreground and background colors in the Toolbar</h3>



<p>Immediately below the three dots in the Toolbar, you’ll see two color squares (the colors you see in the squares will vary).</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-swap-colors-icon.png" class="Sirv" alt="Photoshop icon for swapping foreground and background colors, showing black and red color boxes.">



<p>Note that one square rests on top of the other. If you click on the arrows to the top and right of the squares, the colors in each square switch places.</p>



<p>The color on top is the foreground color, and the color under it is the <a href="/blogs/tips/how-should-i-choose-the-color-for-my-product-background">background color</a>. You can change either of these colors by double-clicking on the color square and adjusting the color in the Color Picker window that pops up.</p>



<img data-src="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/photoshop-color-picker-foreground.png" class="Sirv" alt="Photoshop color picker tool showing blue shade selection with HSB and RGB values">



<p>It’s important to understand what foreground and background colors are as you learn the rest of the tools in the Toolbar.</p>



<p>For instance, any time you paint with the Brush Tool, you will paint with the foreground color by default. Any time you remove part of a non-layered image (by using the Eraser Tool, or by moving or deleting part of a selection), the background color will show through into your image.</p>



<h2 class="wp-block-heading">Mastering Photoshop Tools is a lot of work</h2>



<p>Photoshop is an amazingly powerful tool, especially when it comes to editing professional photography. It has tons of native tools that can help you accomplish all kinds of edits, turning your beautiful photos into unforgettable shots.</p>



<p>But not everyone has the time or resources to fumble in Photoshop for hours, mastering each of its advanced features. That’s what we’re here for! Path has a team of professional designers who know the ins and outs of Photoshop so you can expect pixel perfect outsourced photo edits every time.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Let us look after your image edits, so you can get back to the fun stuff. Try Path free.</p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://dashboard.pathedits.com/free_trial/new">LEARN MORE</a>
                </div>
            </div>
            <div class="grid__item image">
                            </div>
        </div>
    </div>




<h2 class="wp-block-heading">Photoshop tools FAQs</h2>



<h3 class="wp-block-heading">What are 7 Photoshop tools?</h3>



<ol class="wp-block-list">
<li>Clone Stamp Tool</li>



<li>Eyedropper Tool</li>



<li>Hand Tool</li>



<li>Healing Brush Tool</li>



<li>Magic Wand Tool</li>



<li>Move Tool</li>



<li>Zoom Tool</li>
</ol>



<h3 class="wp-block-heading">How do you view tools in Photoshop?</h3>



<p>To access Photoshop’s tools, look for the Toolbar located by default on the left-hand side of the application window. If the Toolbar is not there, go to Window &gt; Tools and make sure “Tools” is checked. Once checked, the Toolbar will appear on the left side of Photoshop.</p>



<h3 class="wp-block-heading">How many tools are in Adobe Photoshop?</h3>



<p>Right now, there are 68 tools accessible in the Photoshop 2024 Toolbar. Different versions of Photoshop might have more or fewer tools as Adobe is constantly adding new tools and deprecating older ones.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools">Photoshop Tools: A Beginner’s Guide to Magic Wand, Lasso, and Other Features</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://pathedits.com/blogs/tips/beginners-guide-photoshop-tools/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/beginners-guide-photoshop-tools/sneaker-image-editing-laptop-screen.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Create a Transparent Background for Product Photos in Photoshop</title>
		<link>https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop</link>
					<comments>https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop#respond</comments>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Tue, 23 Apr 2024 15:00:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Background removal]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<guid isPermaLink="false">https://pathedits.com/blog/how-create-transparent-background-photoshop/</guid>

					<description><![CDATA[<p>Clear the backgrounds for your product photos and logo so you can use images across the web.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop">How to Create a Transparent Background for Product Photos in Photoshop</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Product photography can be a hefty investment. It’s always good practice to look for ways to maximize this investment. One idea? Repurposing product photos for other uses.</p>



<p>So how do you do that? Transparent background images. When you put products on a transparent background, you can use them across the web in a variety of contexts and channels. This Photoshop tutorial will show you how to create a transparent background in Photoshop for your product shots.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<p><em>Scroll down below the video for written tutorial.</em></p>



<p><iframe title="YouTube video player" src="https://www.youtube.com/embed/SXTiQNtoQS0?si=s6K6Sn3YduYGIpvp" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>



<h2 class="wp-block-heading">How to make a transparent background in Photoshop</h2>



<ol class="wp-block-list">
<li><a href="#make">Remove the background</a></li>



<li><a href="#create">Refine the mask</a></li>



<li><a href="#saveimage">Save your image in the appropriate format</a></li>



<li><a href="#savefile">Save your file</a><a name="make"></a></li>
</ol>



<h3 class="wp-block-heading">Step 1: Remove the background</h3>



<p>Open your product image in Photoshop. For this example, we&#8217;ll use an image of a sock on a white background.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/sock-on-color-background.jpg" alt="Purple sock displayed on red, blue, and yellow backgrounds for a Photoshop tutorial">



<p>Go to your <strong>Layers</strong> panel and select the layer that contains your product image. If you’re working in a JPG, this will be your only layer, and it will be called <strong>Background</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/photoshop-workspace-transparent-background.jpg" alt="Photoshop workspace with a selected sock image and background removal option highlighted">



<p>Photoshop 2024 now has a “<strong>Remove Background</strong>” feature which allows you to make a transparent background with the click of a button.</p>



<p>To access this tool (if you don’t already see it on your screen), go to <strong>Window</strong> &gt; <strong>Contextual Task Bar</strong> from the menu at the top of the application window. Make sure the Contextual Task Bar is checked by clicking on it in the menu.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/selection-tool-outline-sock.jpg" alt="Photoshop selection tool outlining a purple sock image for background removal">



<p>The<strong> Task Bar</strong> will appear on or near your image.</p>



<p>Once you see it, click <strong>Remove background</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/sock-isolated-background-removal.jpg" alt="Isolated purple sock image shown during background removal steps in Photoshop">



<p>Photoshop will attempt to discern what is your object and what is your background, and show your product images without their background. However, your background isn’t gone; if you look in your <strong>Layers</strong> panel you’ll see the background is now masked.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/remove-background-button.jpg" alt="Close-up of Photoshop interface showing the highlighted Remove Background button">



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Learn how to use layers in Photoshop with this tutorial            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/tagged/photoshop">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Step 2:&nbsp;Refine the mask</h3>



<p>Photoshop’s new <strong>Remove background</strong> tool does a pretty good job in most cases. However, it’s not always perfect. If part of the product is missing, or part of the background is showing, you can fix it by modifying the image mask Photoshop just created.</p>



<p>Select the mask within your Layers panel. The mask is the black and white icon just to the right of the image of your layer. When you select just the mask, a small black outline appears around the mask icon.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/background-removed-sock.png" alt="Purple striped sock image with background removed against transparent backdrop">



<p>Once in your mask, use the <strong>Brush tool</strong> to “paint” parts of your image back if necessary. You can also use the <strong>Eraser tool</strong> to erase more portions of the background. You’ll also see options to <strong>Subtract from Mask</strong> and <strong>Add to Mask</strong> in the <strong>Contextual Task Bar</strong>. These options work the same way as the Brush and Eraser tools.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/final-background-color-layer.jpg" alt="Photoshop layers panel showing color selection for the sock image background">



<p>Once you’re happy with how your product looks against the transparent background in Photoshop, you’re ready to save the image in a web-ready format.</p>



<p>You haven’t actually removed your background; you merely masked it from view. Therefore, in the future, you can return to this image and add the background back in if necessary.</p>



<h3 class="wp-block-heading">Step 3: Save your image in the appropriate format</h3>



<p>Creating a transparent background in Photoshop is just the first step—you need to save your product image in the correct format so it displays with a transparent background on your ecommerce website.</p>



<p>The <a href="/blogs/tips/how-to-pick-the-right-image-file-type-for-your-product-photography">best format to save your image</a> in is as a PNG-24. This format allows for multiple layers of transparency, meaning your image will never have a pixelated &#8220;halo&#8221; when placed on a different color background. Older transparent file formats such as PNG-8 and GIF can create this undesirable halo effect, so whenever possible, use a PNG-24.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Find out how to reformat, resize, and optimize your images for the web            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/tips-tools-and-how-to-reduce-image-file-size-without-sacrificing-quality">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<p>To save your file as a PNG-24 in Photoshop 2024, type <strong>SHIFT</strong>+<strong>ALT</strong>+<strong>CTRL</strong>+<strong>W</strong> (<strong>SHIFT</strong>+<strong>OPTION</strong>+<strong>COMMAND</strong>+<strong>W</strong> on a Mac) or choose <strong>File</strong> &gt; <strong>Export</strong> &gt; <strong>Export</strong> <strong>As…</strong> from the dropdown menu at the top of the application window.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Note</strong>: If you’re using an older version of Photoshop, and you don’t see the <strong>Export As&#8230;</strong> option, you can choose <strong>Save for Web</strong> and select <strong>PNG-24</strong> from the <strong>Preset</strong> dropdown menu on the right of the dialog box.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/color-layer-selection-tool.jpg" alt="Selection of a color layer for the background in Photoshop interface">
</blockquote>



<p>In the dialog box that appears, under <strong>File Settings</strong> on the right side of the box, set the <strong>Format to PNG</strong>, and make sure the Transparency box is checked. Do not check Smaller File (8-bit)—this converts the file to a PNG-8.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/apply-color-overlay-option.jpg" alt="Photoshop's color overlay option being applied to the sock image background">



<p>On the left-hand side of the image you’ll see the file size predicted for your PNG file. This is important to keep an eye on because larger file sizes will make your web page load more slowly. It’s a good idea to keep web images at around 200 KB or smaller.</p>



<p>On the right-hand side of your dialog box, under <strong>Image Size</strong>, you have the option to adjust the dimensions of your image. Smaller dimensions mean a smaller file size. However, you don&#8217;t want to make your image’s dimensions smaller than you want them to appear on your website, otherwise you’ll have blurry or pixelated images.</p>



<p>Also, with many of your customers viewing your product on a retina display, it’s good practice to save your product image at a size 50%–100% larger than the size you expect it to display. This will help it look crisp on all devices. In other words, if you know your product will show at 400px wide at its maximum, you&#8217;ll want to make it at least 600px wide here.</p>



<p>So, you’ll need to work with a bit of balance to maximize your image size while minimizing your file size. To minimize load time, you can choose only to have your featured product images saved larger for retina displays, and allow the bulk of your product images to be saved at actual size.<a name="savefile"></a></p>



<h3 class="wp-block-heading">Step 4: Save your file</h3>



<p>Once you’ve set your <strong>Image</strong> <strong>Size</strong> to proper dimensions, click <strong>Export</strong>.</p>



<p>In the <strong>Save</strong> dialog box, choose the folder where you keep your web-ready product images. It’s a good idea to keep your optimized image files separate from your original image files to avoid confusion when loading your images onto your site. Name the image file and make sure its extension is set to .png.</p>



<p>Click <strong>Save</strong>.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Get digital asset management tips to organize your photos and maintain your sanity            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/digital-asset-management-how-to-organize-product-photography-files">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<p>You can now place your transparent product image against different backgrounds on your site and have it display perfectly.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/text-tool-logo.jpg" alt="Photoshop interface showing text tool being used to create a logo with the word "logo" in different colors">



<h2 class="wp-block-heading">How to create a transparent background for a logo in Photoshop</h2>



<ol class="wp-block-list">
<li><a href="#logoopen">Open your logo file in Photoshop</a></li>



<li><a href="#logomake">Make your background transparent</a></li>



<li><a href="#logosave">Save your image as a PNG file</a></li>
</ol>



<p>The logo you use on your website should always have a transparent background. That way, you have the flexibility to display it anywhere on your site, no matter what color the background of the page is.</p>



<p>However, if your logo is saved as a JPG, you’ll need to <a href="/blogs/tips/step-by-step-guide-remove-background-photoshop">remove the background in Photoshop</a> and resave your file as a PNG-24, just like for the product image in the example above. If you’re lucky enough to have a logo as a vector file (with extensions .AI, .EPS, or .PDF), you’ll need to open the file in Photoshop or Illustrator and convert it to a PNG-24 so it will be in a web-ready format.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Learn how you can outsource your raster to vector conversion needs            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/vector-conversion">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h3 class="wp-block-heading">Step 1: Open your logo file in Photoshop</h3>



<p>In Photoshop, go to <strong>File &gt; Open</strong> and navigate until you see your logo file. Click <strong>Open</strong>.</p>



<p>If you&#8217;re opening a .JPG (or other raster format) file, the file will simply open in Photoshop.</p>



<p>If you&#8217;re opening a vector format file, however, you&#8217;ll need to make sure your settings are correct in the dialog box that appears:</p>



<ul class="wp-block-list">
<li>Crop To: set to Bounding Box</li>



<li>Constrain Proportions: checked</li>



<li>Mode: set to RGB Color (this might appear as sRGB with a specific profile)</li>
</ul>



<p>Click <strong>OK</strong>.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/logo-outline-selection.jpg" alt="Outline selection of the word "logo" in Photoshop for background customization">



<h3 class="wp-block-heading">Step 2: Make your background transparent</h3>



<p>If you&#8217;re working with a vector file, you can <a href="/blogs/tips/how-create-transparent-background-photoshop#logosave">skip this step</a>. If you&#8217;re working with a JPG, however, you will need to select and delete the background from the image.</p>



<p>First of all, double-click the <strong>Background</strong> layer in the <strong>Layers</strong> panel and click <strong>OK</strong> to convert the <strong>Background</strong> to <strong>Layer 0</strong>.</p>



<p>Next, choose <strong>Select</strong> &gt; <strong>Color Range…</strong> from the dropdown menu at the top of the application window.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/color-overlay-logo-text.jpg" alt="Color overlay options applied to the "logo" text in Photoshop">



<p>A dialog box will appear. Make sure <strong>Sampled Colors</strong> is selected from the <strong>Select: </strong>dropdown menu at the top of the box. Use the left-most eyedropper in the dialog box to select the white background of your image.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/logo-final-transparent-background.jpg" alt="Logo text in blue, red, and yellow with a transparent background">



<p>Click <strong>OK</strong>.</p>



<p>You will now see the entire background of your image selected.</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/entire-background-selection-edited.jpg" alt="Entire background of the image selected for editing, highlighting precise edges for detailed work.">



<p>Now, in order to make the background transparent in Photoshop, simply hit the <strong>BACKSPACE</strong> button (<strong>DELETE</strong> on a Mac).</p>



<img class="Sirv" data-src="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/logo-background-transparent-photoshop.jpg" alt="Colorful "logo" text with transparent background created in Photoshop">



<h3 class="wp-block-heading">Step 3: Save your image as a PNG file in Photoshop</h3>



<p>Follow <a href="/blogs/tips/how-create-transparent-background-photoshop#saveimage">Steps 4 &amp; 5</a> from where we made a product image transparent above to export your file as a PNG-24. These steps are the same no matter what file format you started with, whether your original file was a JPG, AI, PDF, or other file format.</p>



<p>When you export your image, you&#8217;ll notice that your file size is significantly lower than that of your transparent background product image. This is because logos tend to have only one or two colors, unlike the thousands of colors that exist in a product image. So you don&#8217;t need to reduce your image proportions when you save your logo file. Keep your dimensions at the same size as the original file you have been working with, and click <strong>Save</strong>.</p>



<p>You now have the knowledge to create web-ready images with transparent backgrounds that will display beautifully without slowing down your site.</p>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Looking to learn more? Browse the rest of our Photoshop tutorials.            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/tagged/photoshop">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading p1">Photoshop transparent background FAQs</h2>



<h3 class="wp-block-heading p1">How do I make the background transparent in Photoshop white?</h3>



<p class="p1">If you have a transparent background in Photoshop but you want a white background instead, create a new <strong>Layer</strong> in your <strong>Layers</strong> panel. Then, fill the new <strong>Layer</strong> with white by typing <strong>SHIFT</strong>+<strong>F5</strong> (<strong>FN</strong>+<strong>SHIFT</strong>+<strong>F5</strong> on a Mac). In your <strong>Layers</strong> panel, move your new, white layer underneath your original image layer.</p>



<h3 class="wp-block-heading p1">How do I save a PNG with a transparent background in Photoshop?</h3>



<p class="p1">To save a PNG with a transparent background in Photoshop, go to <strong>File</strong> &gt; <strong>Export</strong> &gt; <strong>Export As…</strong> or type <strong>SHIFT</strong>+<strong>ALT</strong>+<strong>CTRL</strong>+<strong>W</strong> (<strong>SHIFT</strong>+<strong>OPTION</strong>+<strong>COMMAND</strong>+<strong>W</strong> on a Mac). In the dialog box that appears, set the <strong>Format </strong>to<strong> PNG</strong> and make sure the radio button next to <strong>Transparency</strong> is checked. Click <strong>Export</strong>.</p>



<h3 class="wp-block-heading p1">How do I remove the white background from a picture?</h3>



<p class="p1">There are two very easy ways to remove a white background from a picture in Photoshop 2024:</p>



<ol class="wp-block-list">
<li>Select “<strong>Remove</strong> <strong>Background</strong>” from the <strong>Contextual</strong> <strong>Task</strong> <strong>Bar</strong>.</li>



<li>Choose <strong>Select</strong> &gt; <strong>Color Range…</strong> and select the white background using the <strong>Color Range</strong> eyedropper tool. Once the white background is selected, simply delete it.</li>
</ol>
<p>The post <a href="https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop">How to Create a Transparent Background for Product Photos in Photoshop</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://pathedits.com/blogs/tips/how-create-transparent-background-photoshop/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/how-create-transparent-background-photoshop/tutorial-header-sock.webp" medium="image"></media:content>
            	</item>
		<item>
		<title>How to Turn a Picture into a Line Drawing in Photoshop</title>
		<link>https://pathedits.com/blogs/tips/how-turn-photo-into-pencil-sketch-with-photoshop</link>
					<comments>https://pathedits.com/blogs/tips/how-turn-photo-into-pencil-sketch-with-photoshop#respond</comments>
		
		<dc:creator><![CDATA[Becky Kilimnik]]></dc:creator>
		<pubDate>Thu, 14 Mar 2024 16:00:00 +0000</pubDate>
				<category><![CDATA[Uncategorised]]></category>
		<category><![CDATA[Photo editing]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Vector conversion]]></category>
		<category><![CDATA[Video]]></category>
		<guid isPermaLink="false">https://pathedits.com/blog/how-turn-photo-into-pencil-sketch-with-photoshop/</guid>

					<description><![CDATA[<p>Turn your photos into sketches for an illustrative look that works great on your website and social media.</p>
<p>The post <a href="https://pathedits.com/blogs/tips/how-turn-photo-into-pencil-sketch-with-photoshop">How to Turn a Picture into a Line Drawing in Photoshop</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Illustrations can enhance the style and appeal of your ecommerce site. However, creating illustrations (or hiring skilled illustrators) can be costly and time-consuming.</p>



<p>Thankfully, you can learn how to turn a picture into a line drawing in Photoshop CC 2019 following the <a href="https://pathedits.com/blogs/tips/what-is-photo-editing">photo editing</a> steps below. Images of objects isolated on a white background work best for this technique, making this a great option for modifying or enhancing product photos.</p>


<div class="newslette_block">
    <div class="newslette_block-left">
        <div><img decoding="async" src="https://cdn.pathedits.com/Illustrations/email-us-quick-support-2.svg" alt="Send us an email to quickly connect with our support team." style="width:65px; display:block"></div>
        <div class="newslette_paragraph">30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.</div>
    </div>
    <div class="newslette_block-right"><div class="klaviyo-form-WVAENX"></div></div>
</div>


<p><em>Scroll down below the video for the written tutorial.</em></p>



<p><iframe loading="lazy" title="YouTube video player" src="https://www.youtube.com/embed/LSubJVOmY44" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>



<h2 class="wp-block-heading">Getting started: How to outline an image in Photoshop</h2>



<p>If you want to turn a photo into a pencil sketch in Photoshop, but don&#8217;t want it to look like you did it in Photoshop, you&#8217;ll need to pay attention to detail and prepare your image properly before you apply any filters.</p>



<p>I’m going to show you one method on how to convert your image into a pencil sketch flawlessly, and then we&#8217;ll discuss specific tools you can explore to achieve other image outlining effects in Photoshop.</p>



<p>Not all photos are the same, so you&#8217;ll need to use your judgment as you adjust filters, blurs and layer opacities each time you use Photoshop to convert a photo into a line drawing.&nbsp;</p>



    <div class="insert-cta light">
        <div class="grid">
            <div class="grid__item">
                Wish you could just hand this over to a pro? Surprise, you can.            </div>
            <div class="grid__item action">
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/pages/how-it-works">Learn more</a>
                </div>
            </div>
        </div>
    </div>




<h2 class="wp-block-heading">Step 1: Adjust the contrast of your photo</h2>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/enhanced-contrast-line-drawing-prep.jpg" class="Sirv" alt="High-contrast image optimized for line drawing conversion, featuring sharp, defined edges and grayscale enhancement.">



<p>For the first step, we’re going to adjust the contrast of the photo to optimize it for a line drawing. In this photograph, the red parts of the bike contrast significantly against the white background. However, you’ll see there are sections of the bike’s frame that are very light, like up here by the bike’s seat.</p>



<p>We&#8217;ll adjust the contrast of the entire photograph so the light areas of the bike won’t blend into the background as we modify this photo. Go to your Layers panel and make sure the layer that contains your image is selected. If you&#8217;re working in a flattened image (such as a JPG), this layer will be the locked Background layer.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-layer-panel-interface.png" class="Sirv" alt="Photoshop layers panel showing various layers and blending options for detailed image editing.">



<p>If you can’t see your Layers panel, you can access it by going to the top menu here, selecting Windows, and then scrolling down until you see “Layers.”</p>



<h3 class="wp-block-heading">Using Curves</h3>



<p>We’re going to use Curves to make the light parts of the photo darker against the light background. To do this, choose Image &gt; Adjustments &gt; Curves from the dropdown menu at the top of Photoshop&#8217;s application window.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-curves-adjustment-guide.jpg" class="Sirv" alt="Photoshop Curves adjustment tool interface for refining image color and tone.">



<p>Now I have my Curves window open. This can look intimidating but it’s actually really easy and fun to use. What I’m going to be doing is clicking and dragging on this line here to change the lights and darks in my image, like this.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-curves-rgb-adjustment-preview.jpg" class="Sirv" alt="Photoshop Curves tool in RGB mode with preview option enabled, editing a red bicycle image.">



<p>I’m working in RGB, so when I pull down on the curve, it darkens the inside shades of the image, and when I pull up, it lightens them. If you’re working in CMYK, it’s just the opposite—down to lighten, up to darken.</p>



<p>I want to adjust just these white areas of the bike, so I’ll click on the area in the image to see where those colors correspond on my curve—for this image, it’s up here—and that gives me an idea of where I need to adjust my curve. So, I’ll grab here, and pull down here, and see what that does to my image? Every image is a little bit different, but you should have an idea now of how to use curves to create more contrast between the object and the background.</p>



<p>Once you’ve got some significant contrast going on, click OK in the Curves dialog box.</p>



<h2 class="wp-block-heading">Step 2: Set up your layers</h2>



<p>Next thing we’ll be doing is setting up our layers. We’re going to have four regular layers in all and an adjustment layer, and I’ll walk you through each layer, one by one.</p>



<p>In your <strong>Layers</strong> panel, duplicate the layer containing your image three times, so that you have four identical layers. To duplicate the layer, select the original layer in the Layers panel, click on the Layers panel menu in the upper right hand corner of the panel, and choose <strong>Duplicate Layer</strong>.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-duplicate-layer-menu.png" class="Sirv" alt="Photoshop Layers panel with Duplicate Layer option highlighted, showing red bicycle image.">



<h3 class="wp-block-heading">Name your layers</h3>



<p>Let’s name these layers so we don’t get confused. We can keep the Background layer called “Background,” that’s fine. Now, click on the layer name of the Background copy layer so you can rename it. We’ll call this one “Inverted.” The next layer up—this one called “Background copy 2”—we’ll name “Sketch.” And the top one we’ll rename to “Cross hatch.” Let’s move on to the next step.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-layers-cross-hatch-sketch-inverted.jpg" class="Sirv" alt="Photoshop Layers panel displaying cross hatch, sketch, and inverted effects on red bicycle image.">



<h2 class="wp-block-heading">Step 3: Convert the image to grayscale using an adjustment layer</h2>



<p>This is going to be a black and white sketch, so the next thing we’re going to do is convert our image to black and white. Yes, you can go to Image &gt; Mode &gt; Grayscale and convert it that way, but we’re going to use an Adjustment Layer, which is a little more elegant and isn’t as destructive.</p>



<p>To start, select the duplicated layer at the top of the Layers panel. We’re doing this so that the adjustment layer we’re going to create will sit on top of all the other layers.</p>



<p>Select the Adjustment Layer icon at the bottom of the Layers panel—it’s the icon that looks like a half black, half white circle. Choose Hue/Saturation from the dropdown menu.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-layers-hue-saturation-adjustment.png" class="Sirv" alt="Photoshop Layers panel showing hue/saturation adjustment menu with red bicycle image.">



<p>Voila! You&#8217;ve just created an adjustment layer for Hue/Saturation, which means all layers that appear beneath the adjustment layer will retain the Hue/Saturation properties you set for that adjustment layer.</p>



<h3 class="wp-block-heading">Adjust properties</h3>



<p>With your adjustment layer still selected, go to your Properties panel, located to the right of your image by default. If you don&#8217;t see your Properties panel, you can choose Window &gt; Properties from the dropdown menu at the top of the Photoshop application window.</p>



<p>You&#8217;ll see three sliders in the Properties panel: Hue, Saturation and Lightness. Drag the slider for Saturation as far as it will go to the left, so that the value listed for Saturation is now -100.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-hue-saturation-lightness-adjustment.png" class="Sirv" alt="Photoshop Hue/Saturation adjustment properties with desaturated red bicycle image.">



<p>Your image now appears grayscale. Pretty cool, right?</p>



<h2 class="wp-block-heading">Step 4: Convert your photo to a line drawing</h2>



<p>In this next step, you&#8217;ll learn how to outline, or trace, the picture in Photoshop using a series of layer effects. If your goal is to create just an outline of your photograph, you may decide your picture is complete after this step.</p>



<p>Make your top two duplicated layers invisible by clicking on the eye icons next to the layers in the Layers panel. Then select the visible layer that is second from the bottom of the Layers panel, the one we named “Inverted.”&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-hue-saturation-inverted-layer.png" class="Sirv" alt="Photoshop Layers panel showing Hue/Saturation adjustment and inverted effect on red bicycle image.">



<h3 class="wp-block-heading">Change the Blending Mode</h3>



<p>Click on the dropdown menu at the top of the Layers panel next to Normal. Select Color Dodge.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-blending-mode-color-dodge.png" class="Sirv" alt="Photoshop Layers panel showing Color Dodge blending mode applied to grayscale bicycle image.">



<p>With the same layer still selected, invert the image by typing CTRL+I (COMMAND+I on a Mac). You can also invert the image by choosing Image &gt; Adjustments &gt; Invert from the dropdown menu at the top of Photoshop&#8217;s application window.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-invert-adjustment-menu.jpg" class="Sirv" alt="Photoshop Invert adjustment option selected in the Image menu with grayscale bicycle layers panel visible.">



<p>So, if you look here in the Layers panel, there’s a preview of what the image would look like if it didn’t have the Color Dodge blending mode attached. Don’t worry—this is all correct. And it’s about to get even better.</p>



<h3 class="wp-block-heading">Add a Blur</h3>



<p>Next, choose Filter &gt; Blur &gt; Gaussian Blur from the dropdown menu at the top of the application window.</p>



<p>In the Gaussian Blur dialog box that appears, adjust the slider until your image looks like a line drawing.</p>



<p>Moving the slider to the left will result in thinner lines; moving the slider to the right and increasing the blur will thicken and darken the lines, and add some shading to the image. Make sure that Preview is checked in the dialog box so that you can see how the image changes as you move the slider to the right or to the left.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-gaussian-blur-radius-adjustment.png" class="Sirv" alt="Photoshop Gaussian Blur dialog with radius set to 20.4, applied to grayscale bicycle image.">



<h3 class="wp-block-heading">How to make the strokes of your line drawing thicker in Photoshop</h3>



<p>Now, as a side note, you may decide you want to thicken the strokes of your line drawing as it looks so far. To thicken the strokes, duplicate your original layer one more time and move the new layer above the layer you just adjusted (layer with Color Dodge blend mode).</p>



<p>Choose Filter &gt; Filter Gallery&#8230; from the dropdown menu at the top of the application window. Choose Glowing Edges under Stylize. Here, you can adjust the Edge Width on the right-hand side of the window. Reducing Edge Brightness will result in a cleaner edge. Click OK.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-glowing-edges-filter-effect.jpg" class="Sirv" alt="Photoshop Glowing Edges filter applied to bicycle image, displaying purple outlines on a black background.">



<p>Back in your Inverted layer, click CTRL+I (COMMAND+I on a Mac) to invert the layer, and change the layer blend mode to Multiply.</p>



<p>The outlines of your image will now be thicker and darker.</p>



<h2 class="wp-block-heading">Step 5: Set your background and foreground colors</h2>



<p>For the next steps in this process, we’ll need to make sure that our foreground and background colors are set up correctly before we do anything with our filters. So let’s do that now.</p>



<p>In your Toolbar, set your Background Color to white by double-clicking on the Background Color icon. In the Color Picker (Background Color) dialog box, click on the upper left-hand corner of the large color box.</p>



<p>Next, set your Foreground Color to a medium gray. Double click on the Foreground Color square in the Toolbar. In the Color Picker (Foreground Color) dialog box, click midway down the left side of the large color box.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-foreground-background-color-picker.png" class="Sirv" alt="Photoshop Color Picker dialogs for setting foreground and background colors in toolbar.">



<p>Other colors in the large color box (such as the blues and reds visible in the Color Picker panel image below) are irrelevant since you&#8217;re keeping the cursor all the way to the left side of the large color box.</p>



<h2 class="wp-block-heading">Step 6: Add pencil shading to your image</h2>



<p>In the Layers panel, select the layer above the layer you just worked with—the layer called “Sketch.” Click on the eye icon to make the layer visible again. Your image will now look like a black-and-white photograph again.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-filter-gallery-layer-effects.jpg" class="Sirv" alt="Photoshop Filter Gallery menu with cross hatch, sketch, and glowing edges effects on grayscale bicycle image.">



<p>Choose Filter &gt; Filter Gallery&#8230; from the dropdown menu at the top of the application window. That big Filter window will pop up again.</p>



<h3 class="wp-block-heading">Add Charcoal Filter</h3>



<p>In the Filter window, click on the folder marked Sketch and choose Charcoal.</p>



<p>Adjust the Charcoal Thickness, Detail, and Light/Dark Balance sliders until the image in the preview window has the appropriate amount of detail. Remember, you already have a line drawing of the photo in a lower layer, so you only need to create shading in this step.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-charcoal-filter-effect.jpg" class="Sirv" alt="Photoshop Charcoal filter applied to bicycle image with adjustable thickness and detail settings.">



<p>Click OK.</p>



<p>Back in the Layers panel, click on the dropdown menu next Normal and adjust the Layer Blend Mode of the charcoal layer to Multiply.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-multiply-blending-mode-layer.jpg" class="Sirv" alt="Photoshop Layers panel with Multiply blending mode applied to sketch-style bicycle image.">



<h2 class="wp-block-heading">Step 7: Add a cross-hatching effect to your image</h2>



<p>The last part of the process is what will really set your image apart, and make it truly look like something drawn by hand. We’re going to add a cross-hatching effect.</p>



<p>In the Layers panel, click the eye icon on the top layer—the “cross-hatch” layer, to make the layer visible. All layers should now be visible in your image.</p>



<p>With the top layer selected, choose Filter &gt; Filter Gallery&#8230; once more from the dropdown menu at the top of the application window. If you see the Filter Gallery option more than once in the dropdown, make sure you select the lower option.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-filter-gallery-cross-hatch-layer.jpg" class="Sirv" alt="Photoshop Filter Gallery menu open with cross hatch effect layer applied to grayscale bicycle image.">



<h3 class="wp-block-heading">Add Torn Edges Filter</h3>



<p>In the Filter window, click on the option marked Sketch and choose Torn Edges. Adjust the toggles on the right-hand side of the window until you can see the details of your image, just like you see here on my screen.</p>



<p>Once you&#8217;re happy with the appearance of the Torn Edges filter, click on the New icon located at the lower right-hand side of the Filter window. (This icon looks like a piece of paper with a plus sign in the middle of it.)&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-torn-edges-filter-effect.png" class="Sirv" alt="Photoshop Torn Edges filter applied to grayscale bicycle image with adjustable contrast and smoothness.">



<h3 class="wp-block-heading">Add Graphic Pen Filter</h3>



<p>You&#8217;ll see Torn Edges appear twice in the right-hand side of the Filter window. While the top instance of Torn Edges is still selected, click on the Graphic Pen filter and change the Stroke Diagonal to Left Diagonal.</p>



<p>You can also adjust the sliders for the Graphic Pen filter until you&#8217;re satisfied with the image in the preview window. As with the previous layer, you&#8217;re only creating shading at this stage.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-graphic-pen-filter-effect.jpg" class="Sirv" alt="Photoshop Graphic Pen filter applied to bicycle image with adjustable stroke length and direction settings.">



<p>Click OK.</p>



<h3 class="wp-block-heading">Change Layer Blend Mode</h3>



<p>And now, change the Layer Blend Mode from Normal to Multiply as you did with the previous layer.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-multiply-blending-mode-contrast.jpg" class="Sirv" alt="Photoshop Layers panel with Multiply blending mode selected, applied to sketch-style bicycle image.">



<p>We’re almost done!</p>



<p>Finally, because the graphic pen filter is crisper than the charcoal filter we applied to the lower layer, we&#8217;ll add a slight motion blur.</p>



<h3 class="wp-block-heading">Add Blur</h3>



<p>With the same layer still selected, choose Filter &gt; Blur &gt; Motion Blur from the dropdown menu at the top of the application window.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-motion-blur-filter-layer.jpg" class="Sirv" alt="Photoshop Motion Blur filter selected in Blur menu with multiple layers applied, close-up of bicycle image.">



<p>In the Motion Blur dialog box, set the angle to -45° and move the Distance slider to the left to create a very slight blur. Make sure Preview is checked so you can see the blur before you apply it.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-motion-blur-dialog-preview.jpg" class="Sirv" alt="Photoshop Motion Blur dialog box with preview option enabled, angle set to 45 degrees and distance at 4 pixels.">



<p>Click OK.</p>



<h2 class="wp-block-heading">Step 8: Make your final tweaks</h2>


<p>You&#8217;re not done yet! Playing with the opacity of your layers and cleaning up any dark spots that you see in your image will put the final touch on your new pencil sketch.</p>
<p>First, let’s adjust the opacity of some of our layers. You can adjust the opacity of the top two layers to reduce the intensity of the pencil shading.</p>
<p>In the image below, the top layer&#8217;s opacity is reduced to 60% and the next layer down has an opacity of 70%.</p>


<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-layer-opacity-adjustment.jpg" class="Sirv" alt="Photoshop Layers panel with Multiply blend mode and opacity set to 70% on bicycle close-up.">



<p>You should not adjust the opacity of the bottom two layers as doing so could undermine the line drawing effect you have created.</p>



<h3 class="wp-block-heading">Erase artifacts</h3>



<p>Next, let’s clean up any artifacts.</p>



<p>Depending on your image, there may be several places where the white background looks as if it has smudges, or dark spots.</p>



<p>In order to remove dark spots such as these, stamp the layers by selecting all layers, including the Hue/Saturation adjustment layer, within the Layers panel. Type SHIFT+CTRL+A+E (SHIFT+COMMAND+OPTION+E on a Mac) to create a stamped layer, which will appear at the top of your Layers panel.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/photoshop-layers-multiple-effects-hue-saturation.jpg" class="Sirv" alt="Photoshop Layers panel with cross hatch, sketch, glowing edges, and hue/saturation adjustments on bicycle image.">



<p>Set your foreground color to white in the Toolbar and choose the Brush tool from the Toolbar. Within the new stamped layer, carefully paint over any smudges using the brush tool. And there you have it! Your finished image will now look like a pencil sketch.&nbsp;</p>



<img data-src="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/bicycle-pencil-sketch-effect.jpg" class="Sirv" alt="Grayscale bicycle image with pencil sketch effect and colorful abstract lines.">



<p>Now that you know how to turn a picture into a line drawing in Photoshop, be sure to check out our other Photoshop tutorials to master your skills.</p>



    <div class="insert-cta dark">
        <div class="grid">
            <div class="grid__item">
                <p class="dark-text">Browse Photoshop tutorials and fine tune your image-editing skills</p>
                <div class="btn-arrow btn-arrow-purple">
                    <a class="btn-path btn-path-blue" href="https://pathedits.com/blogs/tips/tagged/photoshop">LEARN MORE</a>
                </div>
            </div>
            <div class="grid__item image">
                            </div>
        </div>
    </div>

<p>The post <a href="https://pathedits.com/blogs/tips/how-turn-photo-into-pencil-sketch-with-photoshop">How to Turn a Picture into a Line Drawing in Photoshop</a> appeared first on <a href="https://pathedits.com">Path Edits</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://pathedits.com/blogs/tips/how-turn-photo-into-pencil-sketch-with-photoshop/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://cdn.pathedits.com/Images/posts/how-turn-photo-into-pencil-sketch-with-photoshop/turn-picture-line-drawing-photoshop-tutorial.webp" medium="image"></media:content>
            	</item>
	</channel>
</rss>
