The rounded rectangle on this new layer should be as large as you want your final image to be, and positioned in a way that captures the portions of the image you want it to capture.īut wait, you might be thinking. The only difference here is you’ll be selecting a pre-defined shape called the rounded rectangle, rather than manipulating a sharp-angled rectangle to have rounded corners.
PHOTOSHOP ADD ARTBOARD HOW TO
If you don’t know where the Rectangle Tool is located, or how to use it, see Step 2 in the tutorial above. Select the Rectangle Tool and draw a rounded rectangle on the new layer. Step 3 – Draw a rounded rectangle on the new layer It doesn’t matter what you call this new layer, just make sure it’s above, not below, the image you want to round the corners on. Once you’ve created a new layer, your Layers property box should look similar to the example above. You can also use the menu bar by going to Layer > New > Layer, or just pressing Shift+Ctrl+N. To create a new layer, open the Layers prompt and click the icon that looks like a small square of paper with its bottom left corner folded inward. Next, we need to create a new layer to go on top of our image. The image has been flattened so that all of its layers, the blue background and the overlaid text, are merged together into one layer.
The one above is a simple, colored rectangle with the words Welcome! written in the middle, something that can be used as a header image or a button.
If you’re working in a version of Photoshop that doesn’t have the feature used above, here’s another quick and easy way to get rounded corners on your images, using layers.įor this tutorial, you’ll need to start out with a pre-made image. Now you can set individual values and create a cool effect like the one above. To unlock them, just click the little chain icon in the middle. The closer the value gets to half the size of the length or width (150 in this example, because our square is 300×300), the more circular the shape becomes, so don’t get too carried away.īy default, the corner radius values are locked together, meaning they’ll scale together. This example depicts what a rounded corner at 50px looks like.
Just enter in a value, and watch those sharp edges go smooth! The smaller the value, the less rounded the corners will be. The option to adjust corners is the portion at the bottom. After you’ve OK’d the rectangle placement, the Live Shape Properties box should appear, allowing you to see changes to the shape as you make them. This next step is made super easy by Photoshop CC’s built-in corner rounding feature. Next, we click anywhere on our canvas to place it. Our image width and height is 300 px, a square. You can set the image fill to any color you like, and set the stroke width to any size you’d like. Options for the Rectangle Tool should be accessible at the top. In this example, we’ll tinker with the image properties before we place our shape. You can either drag the image out onto the canvas and edit its properties after, or set its size first, and then click anywhere on your canvas to place it. You can also select it by pressing its hotkey, U. In Photoshop CC, the Rectangle Tool should be grouped in the same section as the Pen Tool, the Horizontal Type Tool, and the Path Selection Tool in the sidebar. Step 2 – Place a shape using the Rectangle Tool It doesn’t matter what size, resolution, or color mode your image is in, as these elements are unrelated to the rounded corners feature that comes with Photoshop CC. This method is best used if you’re create a picture from scratch, such as a logo, a splash image, or a button.įirst, go to File > New > and create a new Photoshop file with the desired measurements for your image. Take note, this is actually a new feature in Photoshop CC, so you’ll need the latest version in order to do it. This is the easiest way to make rounded corners in Photoshop CC, because you’ll actually be starting out with them, rather than manipulating an existing image. If you’re an aspiring graphic designer, you might want to consider taking a course that gives a good overview of fundamental design principles. In this guide, we’ll go over two quick and easy ways to round out those corners in Photoshop. Not only are rounded corners easy on the eyes, easy to process, and an easy way to make a logo or splash image more inviting, they are also super easy to make in Photoshop. There are plenty of reasons why a designer might choose to round out the corners of an image rather than leave them at sharp 90-degree angles.