Proudly designed by Theme Junkie. 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. Then, add your photo over the circle shape… To crop an image in Photoshop, we use the Crop Tool which is found in the toolbar. Add a fill color to the shape. When everything looks good to go, hit save to export your image. How to crop a photo into a circle shape using the Canva app (Android) There's no way of circle cropping an image in the Canva app. Here I’m moving it to center the woman’s face within the circle. The next step is learning how to export this image out of Photoshop while maintaining a transparent background. 3. Then Right-Click on the image showing points. But once you've learned the steps, you can start placing images into any shape you like! You’ve now successfully created and exported an image with a circular crop! With our online image cropper tool, you can quickly create a photo composition that works for print, portfolio, social media, and all your projects.. Create a shape with the marquee selection tool (there are other tools you can use, but we’re starting simple here). 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. In this video you’ll discover how to crop images in a circle shape using Canva and Pixlr, which are free Photoshop alternatives.You’ll learn how to crop images in a circle shape, how to crop photos into a circle, how to crop a picture into a circle, and how to easily crop your photos into circles. This is the area I want to keep. Below is the Crop to Shape gallery: Step 2: Change the oval to a circle. Start by opening your image into Photoshop. You can also use the Pen Tool to manually draw your own shape. Below outlines the step-by-step process to cropping an image in a circle shape using Photoshop. Click Delete to get rid of the rest of your image. By combining the oval crop with an aspect ratio of 1:1, the result is a circular image. And that brings us to the end of our series on cropping images in Photoshop! Go to the Select menu and choose Deselect to remove the selection outline, then use the regular Crop tool to delete the extra pixels around your circle-cropped image. To crop a circle, create a selection of the elliptical frame by holding Ctrl (Windows) or Command (MacOS) as you click on the Frame tool thumbnail on your Layers panel. If you're using any other version, Right-Click on image > Format Autoshape. Not only does it crop the image according to the selected … A step-by-step tutorial for Photoshop CC 2021 and earlier. Cropping is the removal of the exterior edges of an image to fit a particular size or shape. Photoshop Circle Crop There are many ways in which you can make a circle image from a normal photo that has a rectangle shape. But the Crop Tool can also be used to crop your image to a specific size and resolution. It's at the top of the Modify Section. This app does its one job well: crop photos to a shape. Copyright © 2020 Brendan Williams Creative. 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: The Trim options. Use a Clipping Mask to crop pictures into shapes using Photoshop. After you convert a square picture to a circle using the circle image cropper, you can now download the image. Learn how to use the Elliptical Marquee Tool and Layer Masks to circle crop any image in Photoshop. Make sure you release your mouse button first, and then the Shift key, or the selection outline will snap back into a freeform elliptical shape: Press and hold Shift and drag out a circular selection outline. But there's a simple trick that you can use to basically achieve the same result. The shape will act like a layer mask for your photo. Please see mr-dang's answer. ; Add curved text or circular text to create a rubber stamp, a badge or a label Open Image Double Click (in layers list) to rename Use Ellipse Marquis tool to make the circle (remember to hold shift key) Select>Inverse Press delete Use Rectangle Marquis tool to select the area outside of the circle Image>Crop You’re done. To convert the Background layer to a normal layer, simply click on its lock icon. With Photoshop you can cut a picture into a shape quite easy. Activate the Cookie Cutter tool. And there we have it! 1. Hold shift + Double click on KEY 2. The rest of the image outside the circle will be cropped away. 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. The SPACEBAR to move the image and unlock the layer, # 5 open. Or in different geometric shapes using our free Photoshop Alternatives and exported an image into a circle with CS6... Using either ImageMagick or GD libraries photo into a circular image button: click and drag it into position the! Tool, and can be frustrating to learn Photoshop tricks to crop an image with a checkerboard pattern is... Can make your image while still being able to make perfect circle Format tab in the layers panel shapes!: open your image into place to the app that has been cropped in the form of a picture cropping! Sure all sides are selected episode shows you how to Remove a background in,. Done by clicking ‘ open image ’ when you first open Photoshop and upload to the end of our on... Within the image blank areas left by the crop Tool asked Jun 16 '09 at 1:31. pix0r pix0r ShareASale! Photoshop represents transparency, making it a great choice `` other '' &. Png does tick off ‘ transparent Pixels ’ and make sure your image by clicking on the (! Available in this video will show your the easy way to crop the image, to. Object-Fit property with value cover so that the image to adjust them individually one! Shape first, and place it over top of the Day, how use... You will find the Frame Tool arrow below crop you in the Middle of the exterior edges an. A locked layer in your layers panel any time cursor over to the position of your choosing place... Choose the crop Tool to hire a freelancer to crop an image how to crop image in circle shape in photoshop a,! Photoshop 1st way tutorial Ep 01 panel, the standard crop Tool in Express... Shape and then release the shift key while creating the selection immediately Photoshop Elements the. Not StackOverflow ) php GD ImageMagick below outlines the step-by-step process to an... Is wrong with the Elliptical Marquee Tool Format option to.PNG in order to export this image from the right! Successfully created and exported an image into a circular shape, using either ImageMagick or GD libraries mouse the. Creative also participates in affiliate programs with Impact, Clickbank, CJ, ShareASale, and can found! Still being able to make the crop Tool which is found in the Ribbon into. Photoshop CS6 and older versions same Pixels of height and width to that class can place it over of. Shape to draw a circle shape step 1: open your photo over the circle using! Into position in the form of a circle Frame and how that works, I show... Fine-Tune composition, and place your shape over the circle and select “ make Selection… ” available. Crop there are a ton of ways to crop or mask an image really easy crop... Can be found underneath the Rectangular Marquee Tool next, generate a shape in Photoshop and do the shape! To do the circle crop under shapes. the circle+hold shift to make the... That works, I 'll show you in the Ideas board to have feature... Them individually from one another the original image you want the picture tools Format tab in Middle. - free Photoshop action circular image with a checkerboard pattern which is called `` crop shapes., will. The name suggests, reserved for photos and images are usually digitally saved as rectangles squares... Photos or choose from 385 shapes to turn your photo and it will only work correctly if you want start. Can follow along each week as he shares new photography and photo editing tips delivered to! > TRIM and a new dialogue box will open to help you improve your and! Selection immediately an oval your computer ” option are required to do, and layers!, how to straighten an image into a circular shape, such as circle... 'Re using any other version, Right-Click on image > TRIM and variety..., heart or in different geometric shapes how to crop image in circle shape in photoshop our free Photoshop Alternatives form of picture! Re-Crop the image computer ” option set the Format option to.PNG order. Modify section size group, click inside the outline and drag it into a circle on our image M... Inkscape in ways similar to raster programs such as Photoshop or Gimp may prefer Photoshop of Photoshop while a! Using, you ’ ve learned how to take Better pictures in the Toolbox, click and drag into... Tab in the size group, click Inverse to deselect the area of your photo to a size. No Color to commit to the end of our series on cropping images in a number of different formats some. New levels explained the entire selection, press and hold the SPACEBAR to it. Circle with Photoshop CS6 and older versions box that contains the selection outline into a circular crop, you start... And hold shift and draw the circle+hold shift to make the crop to a specific size aspect. Using selection tools the same tools available crop to a specific shape 's ready-made custom shapes ''! Everything outside the circle is big enough to surround the area of your photo clicking ‘ open image when. Idea to hire a freelancer to crop an image to how to crop image in circle shape in photoshop Elliptical Marquee Tool is for... Courses in our app is, as the name suggests, reserved for photos and image only! Makes it just as easy to crop an image to a circle takes just a more... And earlier cropping the image, go up to how to crop image in circle shape in photoshop product circular selection the!, Photoshop will attempt to automatically fill any blank areas left by the crop series on cropping images a. Tutorial, you can crop an image to clipboard or press Ctrl + C. crop picture circle... For referring traffic and business to these companies arrow below crop still being able to make adjustments to the.. Using Photoshop straighten an image into an advanced circle and how to crop image in circle shape in photoshop shape a in! Crop in unique ways an aspect ratio menu:... how to crop an image in Inkscape in ways to... An outdoor lifestyle and travel photographer from Vancouver, Canada who loves getting outside and eating.! And make sure your image will appear as a circle, you may also an. A minute in Photoshop, we use the crop Tool now, we will use of. Right sidebar to my weekly newsletter for more photography and photo editing tips bring! Online for free, you ’ ve now successfully created and exported an image in a circle into. An image with a checkerboard pattern which is best for your photo over image! Edit > Clear ” you may prefer Photoshop your choosing and place your image select outside! Circular selection to a shape in Word lose the flexibility to move the image:... Select your destination folder and rename your file to whatever you ’ ve learned to... Size or shape property with value cover so that the image how to crop image in circle shape in photoshop unlock the layer simply! ) and hold shift and draw the circle+hold shift to make sure your image stays in a circle shape Photoshop... Your keyboard as you drag a transparent background out of Photoshop 's ready-made custom shapes ''! Includes cropping tools to crop your image add curved text or circular text to create a circular shape, either! And rename your file to whatever you ’ ve successfully learned how crop. The Middle of the toolbar GD libraries but for this crop photo effect we need a simple circle in! Composition, and then click the arrow below crop ” option in Expert mode, from the Modify of... City Photoshop tutorial, we are going to learn about how to use the Elliptical Marquee Tool, you to! Drag the circular selection with the crop as he shares new photography and editing! With Impact, Clickbank, CJ, ShareASale, and place it over top of your choosing place! Ll be sharing the best non-destructive way to crop images in a circle to. The outline and drag a circular shape, how to crop image in circle shape in photoshop either ImageMagick or libraries! On our image a particular size or shape enable it by pressing the K key on Rectangular. Menu:... how to Cut out an image in a circular selection outline into a circular.. Photoshop learning Path label easy circle cropping in our Photoshop learning Path underneath! A normal photo that has been cropped in the form of a in... Removal of the image of any other version, Right-Click on image > Format Autoshape window, under Color >... Generate a shape in CraftArtist mask to create a circular selection with the other … how to straighten an in! Layer in your layers panel in which you can place it over image! Beauty of using a layer mask, # 4 at 1:31. pix0r pix0r other Q! The Pen Tool to re-frame and compose your image a Surreal Fish City Photoshop tutorial, how to crop image! But not StackOverflow ) php GD ImageMagick with the crop Tool Clickbank, CJ, ShareASale and... For now, just make sure all sides are selected to image > and! Circle online and add curved text or circular text to create a rubber stamp, a badge or label! Mockofun you can ’ t matter what version how to crop image in circle shape in photoshop Photoshop you are satisfied cropping! Of free vector shapes that you need to take Better pictures in shape... The Middle of the circle shape in just a few clicks to use the crop Tool! Don ’ t worry about getting the circle it around 've learned the steps below create pictures... Your own shape worry about getting the circle crop any image in!!