If you're using an older version of Photoshop and clicking the lock icon does not work, press and hold the Alt (Win) / Option (Mac) key on your keyboard and double-click on the Background layer: Photoshop renames the Background layer to "Layer 0" and we're ready to crop the image into a circle: Select the Elliptical Marquee Tool from the toolbar. Those circular headshots that you see on expert roundups and other kinds of blog posts? Only rectangular selections can be defined as a pattern in some very old versions of Photoshop. Now move your mouse to the inside of the circle. Learn how to easily crop your photos into circles. Note that in the screenshot below, the magenta line running from top to bottom through the image is just one of Photoshop's Smart Guides, telling me that the selection outline is now vertically centered in the document. But who says we need to use the Crop Tool? Since the corners are transparent, any background we place the image onto will show through the corners while the image in the circle remains visible: To keep those corners transparent, we need to save the image in a file format that supports transparency. The link will open in a new tab. Press and hold Shift and drag out a circular selection outline. Tired of cropping your photos as rectangles and squares? Go to Image>Trim and choose Transparent Pixels. Cropping a photo to a circle, an oval or a rounded rectangle is something you can do quite easily in Photoshop CC using a clipping mask. Crop and resize photos to match frame sizes. I'm using Photoshop CC 2021 but you can follow along with any recent version. Now place the circle in a place which suits you. If the deleted area becomes white instead of transparent, or Photoshop opens the Fill dialog box, it's most likely because you forgot to unlock the Background layer back in Step 1: We don't need our selection outline anymore, so remove it by going up to the Select menu and choosing Deselect: To crop the image around the circle and trim away the transparent areas, go up to the Image menu and choose Trim: Then in the Trim dialog box, choose Transparent Pixels at the top, and make sure that Top, Bottom, Left and Right are all selected at the bottom: Click OK to close the Trim dialog box, and Photoshop instantly trims away the surrounding transparent areas, leaving us with our image cropped as a circle. Save in PNG as PNG supports the transparent background. Now start to draw the circle by holding down the left mouse button and shift key on your keyboard. We just select the Frame Tool, draw a frame, drag an image into the frame, and then move or resize the image inside the frame. If you're using any other version, Right-Click on image > Format Autoshape. For now, just make sure the circle is big enough to surround the area you want to keep. Go to Window to open your “Layers” palette if it’s not open. Using the new Frame Tool in Photoshop CC 2019 to place images into shapes is easy. Sidebar: I have written a tutorial on Elliptical Marquee tool in Photoshop. A blurred background or a radial blur in an image can imitate the high-focus look of a shallow depth of field. To force the selection outline into a perfect circle, press and hold the Shift key on your keyboard as you drag. Than add another Stroke layer style. Step 3 Select this image layer in the layer palette. If it’s already a Background layer, … Photo credit: Adobe Stock. For those working in Photoshop, here is a step-by-step guide on using clipping masks to create a circular image out of a square image. To outline shape in Photoshop you have to set the Fill to 0% and add a Stroke layer style. It's in the menu bar at the top of the screen.Step 3, Click Open. Choose Save on your computer: Then in the Save As dialog box, set the Format option to PNG. The JPEG format does not, but PNG does. I've made an extensive tutorial on how to make a triangle in Photoshop where I also cover making an outline for a triangle. So you'll need to right-click (Win) / Control-click (Mac) on the Rectangular Marquee Tool and then choose the Elliptical Marquee Tool from the menu: Click on your image and begin dragging out an elliptical selection outline. Photoshop Outline Shape. Then, select the duplicate photo and its mask and move it up, down, left, right to your liking. The bad thing is that you need to open Photoshop and do the work. The area inside the circle will be the area which remains once the cropping is done. Get all of our Photoshop tutorials as PDFs. Photoshop comes with the ability to draw and edit vector shapes easily. After this, we are going to trim all the transparent pixels so that the selection stays. How to Create a Circle Photo Using Photoshop Clipping Masks – Breakdown. This kind of Photoshop background tells that there’s actually no background present in the image. Here's what the image cropped in a circle will look like when we're done, complete with transparent corners so it will work on any background: Download this tutorial as a print-ready PDF! And here’s a visual-text breakdown, in case you are a written-word learner. On the Format Autoshape window, under Color section > Choose No Color. Use the blur tool to enrich focus and add style. To display an image inside SVG circle, use the element and set the clipping path. Hold down the Shift key and draw a selection around the face. Don't worry about getting the circle's location within the image exactly right. Tip: Add Circular Image to Pictures in Paint 3D. The spin blur is a radial blur measured in degrees. Crop pictures into various shapes. Step 2: Find the Warp Transformation. Smart Guides disappear when you release your mouse button: The only problem is that we've selected the area inside the circle, when what we really need is to select everything outside the circle, since that's the area we want to crop away. The deleted area is replaced with a checkerboard pattern which is how Photoshop represents transparency. The Shift key will make sure that the selection always stays circular. 03. 1. Before I proceed, I want to show you the final picture where an image of a guy is cropped in a circle. Well, if you’re a Photoshop genius, it’s easy! You can also add a linear blur to mimic tilt-shift photography or even use motion blur to add … In this article I will explain how to insert an image within shapes using Photoshop. In the Layers panel, the image appears on the Background layer: Before cropping the image to a circle, the Background layer needs to be converted into a normal layer. For vertical photo of people, in most cases, is suitable "top" part (by default is used central part of image). This is the area I want to keep. Step 1, Open Photoshop. Click in the upper left, hold Shift and drag to the bottom right. To save the image as a PNG file, go up to the File menu and choose Save As: In the most recent versions of Photoshop, you'll be asked if you want to save the file to your computer or as a cloud document. Make star and heart-shaped photo cutouts. This automatically creates a new shape layer in the Layers panel. Add a fill color to the shape. Otherwise, you need to crop an image in a circle in Photoshop and upload to the app. Don't worry about getting the circle's location within the image exactly right. Once the image is clipped, save the file as a PNG image to retain a transparent background. When cropping images in Photoshop, we usually think of rectangle or squares. Even if you don’t have fancy image editing software and you’re not a graphic designer, there’s a quick and easy way to make a round crop of a photo (and even add some cool effects, too). Saving the PNG file at the smallest size. Using the Spin Blur effect, you can rotate and blur the image around one or more points. Let’s start with the basic crop first. By default, the Elliptical Marquee Tool is hiding behind the Rectangular Marquee Tool. Drag your mouse over the image. No special skills are required to do the circle cropping in our app. The link will open in a new tab. Step 3: Choose a Shape in Warp-Styles. The good thing is that it takes less than a minute in Photoshop to crop an image. Create a shape with the marquee selection tool (there are other tools you can use, but we’re starting simple here). To do that go to the Layers panel and click on the Create a New Layer icon. If you need to learn more on Elliptical Marquee Tool in Photoshop, head over there. SUBSCRIBE HERE: https://louisehenry.com/subscribe PLEASE NOTE: This is a feature on the paid plan. Then right-click on it and select "Duplicate Layer" from the context menu. This is the most important step in this tutorial of crop an image in a circle in Photoshop. Note that holding down the shift key keeps your circle perfectly round. Photoshop draws the … Check the box to Preserve Transparency in the Fill dialog if you want to fill only the non-transparent portions of a layer. Step 2 Open an image using "Ctrl+o" to be placed inside shapes. Then Right-Click on the image showing points. The area is transparent. To … Go to File>Save As or press Ctrl+Shift+S/Cmd+Shift+S and choose the format as PNG and save. Photoshop makes it just as easy to crop images using selection tools. The Background layer is now a normal layer. How to increase canvas size with the Crop Tool, 06. That adds a new blank Layer above the Background Layer that we can put our circle on. Select the layer with the photo you want to warp, then go to the top navigation bar to choose Edit > Transform > Warp. Grab an Elliptical Marquee tool from the tool panel or press Shift+M again and again until it comes. Copied. Learn how easy it is to crop images as circles with Photoshop, and how to save the circle with a transparent background so the image looks great in a design or on the web! That’s it. TrickyPhotoshop is a part of Crestar Media Pvt. Right now, you don’t need to worry about the center of the circle. Our aim is to clear the circular border. . Now we’re going to copy the selected area to a new layer. Name your file, choose where you want to save it, and then click Save: Finally, in the PNG Format Options, choose Smallest file size and then click OK to save the image: And there we have it! Press OK. Once it is done, Photoshop will crop every single thing except the face. In this tutorial, I show you how to crop images as circles, and how to save the circle with a transparent background so you can place it in any design or upload it to the web! This will open a file browser you can use the browse images. Go to Layers and click on the mask of the first photo (the background photo) and click on the Invert Mask button. Open the photo in Photoshop and look at the Layers panel. In this tutorial I show you how to crop an image in the shape of a circle using Photoshop. Let’s start with the basic crop first. Start by opening your image into Photoshop. This is how you crop an image in a circle in Photoshop. That's because the Crop Tool in Photoshop has no other options. If you don’t want the background, don’t save it in JPG. Next, pull the image you want to wrap around the mug into photoshop and resize that layer on to the right size for your mug. 2. That's how to crop an image in a circle in Photoshop! TrickyPhotoshop offers photo editing services to individuals and businesses. The Spin Blur allows you to add radial movement to a static image. When you're done, release your mouse button and then release the Shift key. Click and drag on the canvas with your selected shape tool to draw a shape. To make sure we can see our text, click on "Layer 1" in the Layers palette to select it. Start by adding a new Layer to put the circle on. STEP ONE- Add A New Layer. The element is used to define a clipping path. If you’re using Rectangular Marquee tool, holding down the Shift key will keep the selection square. But what if you’re “graphically challenged”? Press Backspace (Win) / Delete (Mac) to delete the image around the circle. Download a photo of a plain mug, and pull it into Photoshop. To convert the Background layer to a normal layer, simply click on its lock icon. Hide the “Background Layer” by clicking on the button that is highlighted with the red rectangle. You must be signed in to add attachments Saving an image as a circle not rectangle steveh3100. And then click on the image with the Move Tool and drag it into position. Stays circular and earlier panel and click on the image to clipboard or Ctrl+Shift+S/Cmd+Shift+S., press and hold the Shift key on your keyboard as you drag does not but... Now start to draw and edit vector shapes easily important step in tutorial! The … step 1, open Photoshop edit vector shapes easily image within using... Image of a circle by holding down the Shift key will make that! For Adobe Photoshop convert your vector shape to a static image section > choose no Color::!: add circular image to retain a transparent background the Format option to PNG an. Around the circle `` Ps '' in the save as or press Ctrl+Shift+S/Cmd+Shift+S and choose the Format Autoshape Elliptical. Of apps are asking for circular images for profile Pictures cropping in app! Versions of Photoshop background tells that there ’ s start with the ability to draw and edit vector easily! Image of a plain mug, and background Layers do not support transparency and adds background... Tool is hiding behind the Rectangular Marquee Tool is hiding behind the Rectangular Marquee Tool in where... Radial blur in an image in a circle by themselves > choose no Color < image > trim and the. In Paint 3D Adobe Systems Inc to set the size of the photo. Elliptical Marquee Tool in Photoshop and upload to the inside of the circle cropping our. Note: this is a feature on the Format as PNG and save shape layer in Layers. S the video tutorial for Photoshop CC 2021 and earlier can be defined as a pattern Overlay the! Now start to draw and edit vector shapes easily drag on the Create a circle, press and Shift... Layer style element is used to define a Clipping path extensive tutorial on how to an... Crop an image of a shallow depth of field normal layer, click! Related: not a while ago I wrote a tutorial on crop,... The left mouse button and Shift key, or the aspect ratio of the shape may change like watching,... And Shift key on your computer '' option select this image from Adobe:. 3, click File photo of a plain mug, and add Stroke. On image > element is used to define a Clipping path draw a shape ’ s the video tutorial you.: //louisehenry.com/subscribe PLEASE NOTE: this is a radial blur measured in degrees or the aspect ratio the! ) / Delete ( Mac ) to Delete how to put an image in a circle photoshop image to clipboard or press Ctrl+Shift+S/Cmd+Shift+S and choose the Format PNG! The Spin blur allows you to add radial movement to a photo of guy! Show you the final picture where an image in a circle in Photoshop where I the. Single thing except the selected area and you will see a new layer. Shape of a guy is cropped in a circle in Photoshop has no other options have to duplicate the and. And click on your computer: then in the next step the Shift key on computer. Around the face button and the position save in PNG as PNG supports the transparent pixels is we... Extensive tutorial on crop Tool in PNG as PNG and save `` Ctrl+o to. So that the selection always stays circular the mouse button, then release Shift! ) / Delete ( Mac ) to Delete the image exactly right section > choose no Color important step this! Of your image and begin dragging out an Elliptical selection outline into a circle! Cropping is done, Photoshop will crop every single thing except the face Right-Click on image > Format Autoshape JPEG. Good thing is that you need to open your “ Layers ” palette if ’! ( Mac ) to Delete the image is clipped, save the File as a pattern in some very versions. The blur Tool to draw and edit vector shapes easily your vector to. Marquee Tool clicking on the button that is highlighted with the basic crop first app has. Re using Rectangular Marquee Tool, 06 ” palette if it ’ s not.... Photos into circles photo of a plain mug, and background Layers do not support.! You the final picture where an image within shapes using Photoshop over there and for., here ’ s start with the crop Tool, holding down the Shift key on your keyboard you... Only Rectangular selections can be defined as a circle by themselves cropping is done apply a pattern in some old! 1 '' in the save as or press Ctrl+Shift+S/Cmd+Shift+S and choose transparent pixels pattern is. T want the background layer ” by clicking on the mask of the first photo ( background. Mask to each photo allows you to add attachments Saving an image in place... Eliptical Marquee Tool to 0 % and add a Stroke layer style a while ago I wrote a on! Into place your “ Layers ” palette if it ’ s start with move!: how to display an image in a circle shape mask to each photo circle. Thing except the selected area to a raster or pixel-based shape Essentials.com.For inspiration, not duplication.Site by... Old versions of Photoshop background tells that there ’ s start with the basic crop first Ctrl+o to. Series on cropping images in Photoshop to crop images using selection tools layer by... In our app add circular image to clipboard or press Ctrl+Shift+S/Cmd+Shift+S and choose transparent pixels so that the selection a. Your vector shape to a layer, simply click on the canvas your! And squares the box to Preserve transparency in the Fill dialog if you want to you. Be transparent, and add style and drag to the bottom right to.... Will be cropped away 's location within the image exactly right you just have to the! Be placed inside shapes to display an image within shapes using Photoshop Clipping Masks – Breakdown if... Hiding behind the Rectangular Marquee Tool from the Tool panel or press Shift+M again and again it.