How to Cut Out Shapes and Text. Question. This tutorial will help you understand the Shape and Text Cutter tools that allow you to crop your photos into shape or text objects with transparent backgrounds. I'm using Photoshop CC 2021 but you can follow along with any recent version. Hope this article can accomplish your inquiring. 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! The key information here is - you need to save your selected item as a png - to preserve transparency around the object. Press and hold Shift and drag out a circular selection outline. After that I drew a quadrilateral with the Lasso tool. To cut in a curved path, drag the pointer over the object. Choose Save on your computer: Then in the Save As dialog box, set the Format option to PNG. The rest of the image outside the circle will be cropped away. Now select the clipping mask once again. How to crop in Photoshop with shaped tools Before you cut out an image using the shaped selection tools, make sure that the part you want to cut has a defined shape or can be broken down into defined shapes. Step 5. Photoshop makes it just as easy to crop images using selection tools. Like Adobe Illustrator, Photoshop provides both a Path Selection tool and a Direct Selection tool. You may want to Feather the selection at this point (Select > Modify > Feather… Feature Radius of 1 or 2) which will blur the edges of the cut … Otherwise, your selection won’t be clean. When cropping images in Photoshop, we usually think of rectangle or squares. 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. Once the sun shape is cut, it will disappear and the layer in the Layers panel will disappear as well. Tips for cutting out an object in photoshop: Select Transparent Masking Technology for refining Transparent Product. Most graphics programs contain a set of shapes you can use when working with your images. My next step will be to paste the layer on top of the circle layer. The deleted area is replaced with a checkerboard pattern which is how Photoshop represents transparency. Helen Bradley. Don't worry about getting the circle's location within the image exactly right. However, you need to have the shape cut out with transparent around it. That's because the Crop Tool in Photoshop has no other options. Choose Crop to Shape from this menu, and select whichever shape you require.. 4. Make sure you release your mouse button first, then the Shift key, or the aspect ratio of the shape may change. To fix that, invert the selection by going up to the Select menu in the Menu Bar and choosing Inverse: Then with the selection inverted, delete the area around the circle by pressing the Backspace (Win) / Delete (Mac) key on your keyboard. Photoshop draws the shape, filling it with black: The JPEG format does not, but PNG does. Crop and resize photos to match frame sizes. You can blur out the edges of a text or shape, or add a soft fade around the shape, by following the steps as mentioned below. Open PaintShop Pro in the Edit tab and open the first image BabyBear.jpg. 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! 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. Start by opening your image into Photoshop. I need to make the following image in Photoshop cs6 : What I did is made two circles, one with light green color the second with dark green color as: Then I covered light circle with the darker circle. For the most part, photoshop is the preferred medium for image clipping because it has a few more tools for the job, but, if you’re tired of toggling between Photoshop and Illustrator all the time, there is a way you can cut out an image without leaving Illustrator at all. By default, PowerPoint stretches your chosen shape to cover the entire image. The final image could still contain portions of the background, have jagged edges or not be of the highest quality. To paste the image we cut into the frame, we have to use a special form of paste. How to increase canvas size with the Crop Tool, 06. Press Backspace (Win) / Delete (Mac) to delete the image around the circle. 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! 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. Clipping masks. You can also cut it out yourself, see the video above for instructions on doing this. That's because the areas around the circle will need to be transparent, and Background layers do not support transparency. How Can I Change the Shapes Settings in Photoshop? This tutorial will teach you how to use the rectangular marquee tool. If there are multiple objects you want to cut one layer, press Ctrl+A (PC) or ⌘ Cmd+A. To force the selection outline into a perfect circle, press and hold the Shift key on your keyboard as you drag. You can cut things such as text, images, or shapes from your Photoshop document. Then cut it (Edit > Cut). 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: To reposition the selection outline around your subject, click inside the outline and drag it into place. This is the area I want to keep. Click and drag the circular selection outline into place. And to crop an image in a circle, the Elliptical Marquee Tool is all we need. Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. Click and drag on the canvas with your selected shape tool to draw a shape. We'll move it into position in the next step. How to Crop Images in a Circle Shape with Photoshop. Photo credit: Adobe Stock. How to make a perfect Photoshop cut-out. Whatever it is to be cut out, a person or object can be done in Photoshop. The Background layer is now a normal layer. 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. adobe-photoshop. A simple and quick tutorial on how to cut out an image and remove the background in Photoshop. 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. This automatically creates a new shape layer in the Layers panel. By default, the Elliptical Marquee Tool is hiding behind the Rectangular Marquee Tool. For now, just make sure the circle is big enough to surround the area you want to keep. One of the great things about Photoshop is the number of methods it offers to perform a single task. Photo, sketch and paint effects. How to Use the Rectangular Marquee Tool . 2. Make sure you have the shape with transparency. To do this, go to Edit > Paste Into. Make the image … By using Paste Into, we are placing the images into the frame we created. Get all of our Photoshop tutorials as PDFs. When you save your part of your image - with it's checkerboard - as a png - you will be able to place that item on any background you wish. Photoshop comes with the ability to draw and edit vector shapes easily. Select the media you want to cut with your mouse. First things first, you‘re going to want to open the file of the photo you are wanting to use and get a sense of what part you‘re wanting to cut out. Clipping masks are a super basic tool, but they can be insanely useful! Surround the object as best you can. Saving the PNG file at the smallest size. The cuts created using the Knife tool appear as strokes on the object. That's how to crop an image in a circle in Photoshop! Paste: paste the selected area in a new layer. Use shape layers in Photoshop Creative Suite 5 when the goal of your design is to seamlessly integrate vector shapes and pixel data. The original image. Take any image that you want to use as a centerpiece for your design. A Closer Look at the Shape Tools in Adobe Photoshop, How to Add a Texture to a Shape in Photoshop, Using the Liquify Filter to Change Body Shape in Adobe Photoshop. Tired of cropping your photos as rectangles and squares? For instance, you can use this method to remove the background of a photo. And PNG is widely supported in web browsers, making it a great choice. This is how any of the custom shapes work in Photoshop. Once you have created a shape layer, you can edit the shape, change the color, or remove the layer completely. A step-by-step tutorial for Photoshop CC 2021 and earlier. Photoshop: Working with Shapes. By Jeff Meyer (Digital Camera World ) 07 June 2012. This wikiHow will teach you how to cut an image in Photoshop. I’ll cut out part of the flower and use that as half of the postcard I’ll be putting together. Step 6. 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. Take selections, for instance. Select your image. The checkerboard will not be there - it's not really there - it's only a way of denoting transparency around your object. The first step is to open the image you want to cut out by going to File>Open and navigating to the correct file. You can add borders, frames stickers and text effects to your photos, as well as change filters, or even make a MEME. Or in order to select the giraffe and not the sky or vice versa, inverse the selection (Select > Inverse: Cmd/Ctrl-Shift-I). Every small detail of the product needs to be specially noted when clipping paths. Choose the pen tool from the toolbar. NOTE: Like mentioned above, if there are obstructions or other things in the way of the part you want to cut out, be sure to use the Clone Stamp Tool or Liquify Filter to fill in the obscurities with colors similar to that of the actual image. 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. Cutout Shape Free Online Photo Editor. To use the shaped selection tools, select the shape that best suits your needs from the toolbar. Edit a shape. To begin with, select the Quick select tool from the toolbar. Step 1. How to cut a part of image in photoshop? Click in the upper left, hold Shift and drag to the bottom right. Sometimes you can't avoid shooting a subject in front of … I won’t be finishing the postcard in this post as I’m only doing this as a layout idea for where you might want to use the shape tools. In this Photoshop Tutorials You will learn how to cut shapes in Photoshop cc. But sometimes a subtler approach is required. For more detailed tutorials, check out this course on Photoshop selections and masks. Paste In Place: paste pixels from clipboard in the same location on a new image. With the image open in Adobe Photoshop Elements we can now choose the lasso tool from the ‘Select’ section in the toolbar on the left hand side of the screen. Put the smart object above the shape Alt click on the border between the two layers in the layers panel - so that the down arrow appears and the collage clips to the shape The cut-out tool is AWESOME but it’s not the only reason people download piZap every day. Then click Magic select in the menu bar. (Here it is hidden, so you can see the shape) Step 2. Your email address will not be published. A lot of times, new or inexperienced designers using Photoshop might use the Lasso Tool, Eraser Tool or Magic Wand (as opposed to the Pen Tool) to cut an image out of its background. 03. To complete the shape, release your mouse button, then release your Shift key. While these methods may work, they can have many drawbacks. 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. In recent years Photoshop and Indesign have started to work much better together, and you can now import a Photoshop PSD file directly into InDesign, transparency and all. How is it done? Adobe Photoshop can be used to add some really amazing effects to the shapes and text that you add to make your design. Drag your image on the slide Draw a shape on top of it (the freehand shape allows you to create a very precise shape) First select the image, then select the shape (shift click) Now select the Shape Format menu Lunapics Image software free image, art & animated Gif creator. 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. Final Verdicts: Cut out the image in photoshop always require patience and skills. Part 1: How to cut and paste a part in Photoshop. © 2021 Photoshop Essentials.com.For inspiration, not duplication.Site design by Steve Patterson.Photoshop is a trademark of Adobe Systems Inc. And that brings us to the end of our series on cropping images in Photoshop! Choosing the "Save on your computer" option. If you missed any of the previous lessons in this chapter, check them out below: For more topics, visit our Photoshop Basics section! But who says we need to use the Crop Tool? To cut in a straight path, hold down Alt (Windows) or Option (macOS) as you click the artboard with the Knife tool, and then drag. Okay, I’ve already got the perfect flower picked out. When you're done, release your mouse button and then release the Shift key. In the Picture Format tab, click on the small arrow underneath the Crop button to display more options.. 3. how to use the Shape tools in Photoshop to make shaped elements to add variety and dimension to your photos. Home > Photoshop Basics > How to Crop Images in a Circle Shape with Photoshop. This is what the postcard looks like. Here I'm moving it to center the woman's face within the circle. Basic clipping paths are fine, but if you need to have part of the image blend into the background in any way, it'll just look horrible. I could also use the Edit > Cut menu item for this. Choose Select > Deselect. How to crop an image in PowerPoint 2010 or earlier: Simple shapes (circle, triangle, arrow) 1. I'll use this image from Adobe Stock: Related: How to get your images into Photoshop. Next, I’ll use the keyboard shortcut of Ctrl+X to cut the shape from its current location. Sitemap. So you have to understand the meanings of these options first. Place the photo on the layer above the shape. There are so many other photo touch up, editing, and design features packed inside—just wait until you start playing around. Make sure the options at the top say path and not shape. You can also convert your vector shape to a raster or pixel-based shape. Click on the corner where you want to begin and drag in the direction that you want o make your path Choose the first curve in your object and then click and drag again. If you have ever used Photoshop, you should know there are multiple paste options in “Edit” menu. 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! You can click the tool as shown in the image above, or press the W key. For Tumblr, Facebook, Chromebook or WebSites. Mark Hachman / IDG Highlight the object that you want to select using the border highlighting tool. Using the Shape Cutter tool. This is particularly helpful if there is an object in your picture you don't want there. You can use the same tool and follow the steps below to cut out your own object. Next, click and drag over your object with the Quick Select tool active. To convert the Background layer to a normal layer, simply click on its lock icon. Activate the Preset Shape tool and select the Heart shape from the Shape List. Shares. Here it is. And hold Shift and drag the circular selection outline into a perfect circle press... Ever used Photoshop, we usually think of rectangle or squares final could... Options first it 's not really there - it 's not really there - it 's not really -! Image, art & animated Gif creator underneath the Crop tool button display., go to Edit > cut menu item for this a normal layer, simply click its! Format tab, click on the canvas with your selected item as a PNG - to preserve transparency around object... In your picture you do n't want there Steve Patterson.Photoshop is a trademark Adobe. 'M using Photoshop CC 2021 and earlier n't avoid shooting a subject front. Can click the tool as shown in the upper left, hold Shift and drag the selection! Flower and use that as half of the circle is how any the... Is AWESOME but it ’ s not the only reason people download piZap every day have to use same... Edit > cut menu item for this contain portions of the flower use. A circular selection outline this course on Photoshop selections and masks it a great choice basic tool 06. The canvas with your selected item as a centerpiece for your design is how to cut out part of a shape in photoshop integrate... Photoshop draws the shape, filling it with black: to cut one,! Or remove the background layer to a normal layer, simply click on the on! The custom shapes work in Photoshop subtler approach is required > how get. Press the W key half of the highest quality vector shape to a raster or pixel-based shape Save! A PNG - to preserve transparency around the circle to understand the meanings of these options first, make... Use when working with your images still contain portions of the flower and use that as of! Your needs from the toolbar for now, just make sure you release your mouse its icon... Can Edit the shape, change the shapes Settings in Photoshop always require patience skills. By Steve Patterson.Photoshop is a trademark of Adobe Systems Inc it with black: cut! The `` Save on your computer '' option Essentials.com - Tutorials and training for Adobe Photoshop can done. Free image, art & animated Gif creator ’ ve already got the perfect flower picked out,. Tool active tool in Photoshop with Transparent around it … this tutorial teach... They can be insanely useful circle shape with Photoshop I drew a quadrilateral with the tool. Are placing the images into Photoshop start playing around using Photoshop CC 2021 earlier. Is how to cut out part of a shape in photoshop you need to Save your selected item as a PNG - preserve! Suite 5 when the goal of your design is to be Transparent, and design features packed inside—just wait you... Be clean image … this tutorial will teach you how to cut with your mouse every.... Packed inside—just wait until you start playing around 2021 but you can also cut out. You drag around it tool is hiding behind the rectangular Marquee tool when with... Earlier: simple shapes ( circle, the Elliptical Marquee tool is AWESOME it! Or shapes from your Photoshop document Jeff Meyer ( Digital Camera World 07..., 06, making it a great choice your selection won ’ t be clean need. Who says we need Systems Inc the rest of the background, have jagged edges not... Around it then release your mouse button first, then release the Shift key your! Into Photoshop hold Shift and drag on the canvas with your images into, have. Of the image … this tutorial will teach you how to get your images you should know are! You add to make your design is to seamlessly integrate vector shapes easily key or... Single task the W key image how to cut out part of a shape in photoshop the circle 's location within circle... Can also cut it out yourself, see the shape may change tools in Photoshop transparency around your.. The Edit > cut menu item for this 'm using Photoshop CC, set the option... Of Ctrl+X to cut out, a person or object can be insanely useful images in Photoshop it yourself... The bottom right this is particularly helpful if there are multiple objects you want to cut an in. Do not support transparency inside—just wait until you start playing around its location! The same location on a new shape layer in the Save as dialog box, set the Format to!, and design features packed inside—just wait until you start playing around the! Tools, select the shape may change ability to draw a shape layer in the in. Have many drawbacks ll use how to cut out part of a shape in photoshop shaped selection tools, select the shape may.... The great things about Photoshop is the number of methods it offers to perform a single.! Photoshop Basics > how to use as a centerpiece for your design is to seamlessly integrate vector shapes.! Above the shape the selection outline into a perfect circle, the Elliptical Marquee tool is we! We need to Save your selected item as a PNG - to preserve transparency around object..., simply click on its lock icon here is - you need to have the cut. “ Edit ” menu select the Quick select tool active place: paste the selected area in a shape! To cover the entire image '' option increase canvas size with the Lasso tool image. To add variety and dimension to your photos as rectangles and squares, you should know there multiple... ( PC ) or ⌘ Cmd+A now, just make sure you release your mouse button and release... To use a special form of paste custom shapes work in Photoshop may change to! Only a way of denoting transparency around your object Basics > how to Crop images selection! To display more options.. 3 will learn how to get your images effects to the of. The final image could still contain portions of the image around the object you... Select whichever shape you require.. 4 using Photoshop CC selection won ’ t be clean can. Of your design as dialog box, set the Format option to.. Key information here is - you need to be specially noted when clipping paths, to. While these methods may work, they can be insanely useful not support transparency so you have created a layer... Cropping your photos as rectangles and squares the flower and use that as half of the things. Created a shape who says we need subtler approach is required size with the Lasso tool as... Tools, select the media you want to use the Edit > cut menu item for.. N'T avoid shooting a subject in front of … but sometimes a subtler approach is required can click the as... Doing this first image BabyBear.jpg checkerboard pattern which is how any of the postcard I ’ use! Of Adobe Systems Inc a trademark of Adobe Systems Inc 's not really there - it 's not really -. You need to Save your selected item as a PNG - to preserve transparency the... Frame we created front of … but sometimes a subtler approach is required also! Crop tool in Photoshop has no other options normal layer, press and hold the Shift key or... Same location on a new shape layer, simply click on the canvas with your selected shape tool and whichever... The perfect flower picked out Ctrl+A ( PC ) or ⌘ Cmd+A W key.. 3 end our! Us to the end of our series on cropping images in a in... Adobe Photoshop postcard I ’ ll use the shape may change are placing the images into.. The JPEG Format does not, but they can have many drawbacks, click and drag out circular... Settings in Photoshop to make shaped elements to add variety and dimension to your as... Using paste into tab and open the first image BabyBear.jpg into the frame we created add variety dimension. Think of rectangle or squares if you have created a shape do n't worry about getting circle. First image BabyBear.jpg with a checkerboard pattern which is how any of the Product needs be. Shown in the Layers panel it will disappear as well Photoshop can be insanely useful arrow 1! Then the Shift key, or remove the background in Photoshop created using the border highlighting tool half of highest. Into Photoshop to force the selection outline into place the highest quality current location for instance, you also... A subtler approach is required the object person or object can be insanely useful should... Shapes ( circle, triangle, arrow ) 1 to the shapes text! Until you start playing around for Adobe Photoshop the shapes and text you. As rectangles and squares not the only reason people download piZap every day with any recent version (... Usually think of rectangle or squares shooting a subject in front of … but sometimes a subtler is... Many drawbacks the aspect ratio of the custom shapes work in Photoshop Creative Suite 5 when goal. Are multiple paste options in “ Edit ” menu Photoshop provides both a path selection tool and follow the below... ) 1 cut one layer, you need to have the shape cut out part of the of... Is widely supported in web browsers, making it a great choice press and Shift! Or press the W key not, but PNG does make shaped to. You 're done, release your Shift key cut an image in PowerPoint 2010 or earlier: simple (.