how to circle crop any image in photoshop
  • How to Circle Crop an Image in Photoshop (Non-Destructively)

  • by Aaron Nace
    January 14, 2021
  • Add to
    favorites

Download Sample Images

Download

description

Learn how to use the Elliptical Marquee Tool and Layer Masks to circle crop any image in Photoshop.

Ready to learn more Photoshop? Check out The Beginner’s Guide to Photoshop and our comprehensive series of courses in our Photoshop Learning Path.

Artist Credit

Image sourced from Pexels.

Quick Tips banner reading HOW TO CIRCLE CROP beside a man in glasses and a floral shirt against a pink background

CIRCLE CROP ANY PHOTO IN SECONDS

Crop to a Circle Without Ever Cutting the Original

Circular crops are everywhere — profile pictures, team pages, logos, product badges, anything that needs to sit inside a round frame. Photoshop has no “circle crop” button, which is why most people end up reaching for the Crop tool and getting a square.

The actual answer is two tools working together: the Elliptical Marquee Tool to define a perfect circle, and a Layer Mask to hide everything outside it. The important part is the second one, because a mask hides pixels rather than deleting them — which means the crop stays adjustable indefinitely.

Why a Layer Mask Beats an Actual Crop

You could make a circular selection and press Delete. It works, and it’s the version most tutorials show. It’s also the version you regret a week later when the circle needs to move two hundred pixels left.

A layer mask stores the crop as a separate greyscale channel: white shows the pixel, black hides it. Nothing is destroyed. You can reposition the circle, resize it, soften its edge or throw it away entirely, at any point, with the full original image still sitting underneath. If you’ve not worked with them before, our guide to layer masks in Photoshop covers the fundamentals.

Preparing Your Layer

One small step first, and skipping it is the most common reason this doesn’t work.

  1. Open your image

    File › Open, or drag the file onto the Photoshop icon.

  2. Unlock the Background layer

    A freshly opened photo sits on a locked layer called Background, and a locked Background layer cannot take a mask. Click the padlock icon beside it, or double-click the layer and press OK, to convert it to a normal layer.

If the Add Layer Mask button appears greyed out later, this is almost always why.

Drawing a Perfect Circle with the Elliptical Marquee Tool

The Elliptical Marquee shares a slot in the toolbar with the Rectangular Marquee. Click and hold the marquee icon and choose Elliptical Marquee Tool, or press M and then Shift + M to cycle between them.

  1. Hold Shift while you drag

    Shift constrains the ellipse to a perfect circle. Without it you’ll get an oval, and eyeballing a circle by hand never quite works.

  2. Add Alt or Option to draw from the centre

    Holding Shift + Alt (Windows) or Shift + Option (Mac) draws the circle outward from wherever you first clicked. When you’re framing a face, starting from the middle of the subject is far more intuitive than trying to guess a top-left corner.

  3. Release the mouse button before the modifier keys

    Let go of Shift too early and the circle snaps back to an ellipse at the last moment. Mouse first, keys second.

The Marquee tools have more to them than this — our guide to the Marquee Tool goes through the full set of options.

Moving the Selection Before You Commit

Almost nobody places the circle perfectly on the first attempt, and you don’t have to.

While the selection is still active, you can move it without moving any pixels. With the Marquee tool still selected, click inside the marching ants and drag — the selection slides, the image stays put. The arrow keys nudge it one pixel at a time, or ten pixels with Shift held.

To resize it, go to Select › Transform Selection. You get transform handles that scale the selection outline itself rather than the image. Hold Shift while dragging a corner to keep it circular, then press Enter to commit.

Turning the Selection Into a Layer Mask

With the circle where you want it, this is a single click.

  1. Click Add Layer Mask

    The small rectangle-with-a-circle icon at the bottom of the Layers panel. Photoshop uses your active selection to build the mask automatically — white inside the circle, black outside.

  2. Check the result

    Everything outside the circle disappears, replaced by the checkerboard that means transparency. A second thumbnail appears beside your layer showing a white circle on black — that’s the mask.

  3. Deselect

    Cmd/Ctrl + D clears the marching ants. The mask is already made, so the selection has done its job.

If the circle came out inverted — the middle hidden and the surroundings visible — click the mask thumbnail and press Cmd/Ctrl + I to invert it.

Refining the Circle After the Fact

This is the whole reason for using a mask, so it’s worth knowing what’s now possible.

  1. Move the circle

    Click the mask thumbnail to make it active, then use the Move tool. If the chain-link icon between the layer and mask thumbnails is showing, click it to unlink them first — otherwise the image moves along with the mask.

  2. Resize it

    With the mask selected, Cmd/Ctrl + T, hold Shift, drag a corner. The image underneath is untouched.

  3. Soften the edge

    Open the Properties panel with the mask selected and raise Feather. A pixel or two removes any hint of stair-stepping; a large value gives a vignette-style fade. It’s live, so you can change it any time.

  4. Paint the mask by hand

    Take a soft black brush to hide more, white to bring it back. Handy when a shoulder or a hat brim needs to break out of the circle.

Trimming Away the Empty Canvas

The document is still the full rectangle of the original photo, with transparency around your circle. For most uses you’ll want the canvas tight to the circle itself.

Image › Trim, set to Transparent Pixels, with all four sides ticked, crops the canvas to the visible content exactly. If you’d rather add breathing room, use the Crop tool and pull the boundary out instead — the transparency simply extends.

Saving It So the Transparency Survives

This is where circular crops most often fall apart, and it isn’t a Photoshop problem — it’s a file format one.

Use PNG, not JPEG

JPEG does not support transparency. Save a circle crop as a JPEG and every transparent pixel is filled with solid white, which puts your circle back inside a square. Use File › Export › Export As and choose PNG with Transparency ticked. WebP also works and produces smaller files if your platform accepts it.

Keep the PSD too

Save the layered PSD alongside the export. That’s the file with the live mask in it, and it’s what lets you reposition the circle in six months instead of starting over.

Where People Get Tripped Up

The Add Layer Mask button is greyed out

The layer is still a locked Background. Click the padlock to convert it.

The circle came out as an oval

Shift wasn’t held, or it was released before the mouse button. Release the mouse first.

The image moves when you drag the mask

Layer and mask are still linked. Click the chain icon between the two thumbnails to unlink them.

The edge looks jagged at small sizes

Add one or two pixels of Feather in the mask’s Properties panel. It’s the difference between a crisp circle and a pixelated one.

The background came back white after export

It was saved as a JPEG. Re-export as PNG with transparency.

More Free Photoshop Tutorials

Masks and selections are the foundation of most Photoshop work, and these go further:

Working through Photoshop systematically? Our Photoshop Learning Path lays the whole thing out in order.

Keep It Non-Destructive

The circle crop itself takes about twenty seconds once you know the two tools. What’s worth taking from it is the habit underneath: any time you’re about to delete pixels to achieve a shape, a mask will get you the same result and leave the door open.

Try it on a profile picture. Then move the circle, resize it, feather the edge — and notice that the photo underneath never changed at all.

200+
PRO COURSES & MASTERCLASSES
1,000+
DOWNLOADABLE PSDs & RAW FILES
4K
ULTRA HD VIDEO QUALITY
93%
FIVE STAR RATINGS
2M+
SUBSCRIBERS & STUDENTS

Enjoying This Free Tutorial? Go Further with PRO.

Unlock Full Sample Files, PSDs, and Hundreds of Masterclasses!

Download full project assets, original PSDs, and RAW images for every lesson

Unlimited access to our complete library of PRO Photoshop & Lightroom courses

Instant 4K Ultra HD streaming on all devices, anytime, anywhere

Full access to our entire library of Photoshop Actions, Presets, and LUTs

Flexible monthly and annual membership plans

Cancel anytime with zero hassle or commitments