Skip to content

How to Create a Rectangle With Rounded Edges in Photoshop

June 28, 2022

Would you like to learn how to create a rectangle with Rounded edges in Photoshop? Here we bring you a small guide so you can give that stylized touch to your photos. This tool is very simple to use. We invite you to stay with us.

Index of contents

  1. Rounded edges in Photoshop
    1. Method 1: Rounded Rectangle Tool (Photoshop 6+)
    2. Method 2: Use the selection tool
    3. Method 3: Draw the corners by hand
  2. Work with rounded edges in Photoshop, Illustrator, and InDesign
    1. Rounded edges in Photoshop
  3. Create Rounded Edges on a Photo in Photoshop CS6
  4. conclusion

Rounded edges in Photoshop

There are several ways to create Rounded Edges in Photoshop. Here are three common methods…

Here you can learn about: How to Use the Lasso Tool in Photoshop

Method 1: Rounded Rectangle Tool (Photoshop 6+)

  1. Step 1: Select the rounded rectangle tool from the toolbar.
  2. Step 2: In the options bar, select the roundness you want by adjusting the radius value.
  3. Step 3: Draw a rectangle.
  4. Step 4: This gives you a Photoshop shape that is quite flexible. However, if you want to convert it to a bitmap shape, right-click the layer in the Layers Palette and select “Rasterize layer“.

Method 2: Use the selection tool

  1. Step 1: Select the rectangular marquee tool.
  2. Step 2: Draw a rectangle.
  3. Step 3: From the main menu, select Select->Modify->Smooth. Enter the corner radius you want.
  4. Step 4: Complete the selection with the color you want.

Method 3: Draw the corners by hand

If you prefer to do things completely manually, or if you don’t have access to Photoshop, here are some examples of how to draw Rounded Edges yourself.

NOTE: You may also want to play with smoothing.

Work with rounded edges in Photoshop, Illustrator, and InDesign

If you really want to becompleteWith your Photoshop, Illustrator, and InDesign skills, you need to know how to work with Round Edges in all three programs. So let’s look at the different methods for creating and editing Rounded Edges in each application.

Rounded edges in Photoshop

To create a new rectangle with rounded edges in Photoshop CC you must do the following:

  1. Step 1: Select the tool Rounded rectangle (located below the Rectangle tool) and use the settings in the options bar to choose a fill, stroke, and corner radius.
  2. Step 2: Then click and drag on the document to set the position, width and height.

  1. Step 3: Alternatively, you can just click on the document with the Rounded Rectangle tool and enter values ​​for width, height, and corner radius in the dialog box.

NOTE: Also note that you can set different radius values ​​for each corner in the dialog.

Rounded Rectangle tool
Rounded Rectangle tool
  1. Step 4: To adjust the Rounded Edges after creating an object, use the Properties panel. Note that the following techniques work for paths and shapes drawn with both the Rectangle tool and the Rectangle tool. Rounded Rectangle tool. And you can select multiple objects to edit their corners simultaneously.
  2. step 5: Click on the Properties button live and enter new radius values ​​in the panel fields.
  3. step 6: Select the chain icon so that all corner radii are equal. Or deselect and Enter different values ​​in the fields.
Properties button
Properties button

You can also click and drag on each panel’s corner icon to adjust the values.

  1. Step 7: If you click the chain to constrain corner radii after setting mixed corner values, the amount you add or subtract will be applied to all corners.

Properties button

Properties button

  1. step 8: To apply a new corner radius to all corners at once, enter a value in the Radius field from all corners.
Radius field
Radius field

There are also purely pixel-based techniques that you can use to create rounded effects. For example, you can start with a rectangle and apply Gaussian blurfollowed by a Levels adjustment.

Gaussian blur

Gaussian blur

Gaussian blur
Gaussian blur

Create Rounded Edges on a Photo in Photoshop CS6

In this part of the tutorial, we will show you how to create Rounded Edges on an image using Adobe Photoshop CS6:

  1. Step 1: unlock background layer

Image: Double click the background layer to unlock it

  1. Step 2: Select the tool Form

Image: In the shape tool, select the Rounded Rectangle tool

  1. Step 3: Select the route and radius
Rounded Rectangle tool
Rounded Rectangle tool
  1. Step 4: Go ahead form default, the form is selected, choose the route
  2. step 5: Enter the value of Radio(in this example, we chose 35px)
  3. step 6: create vector mask

Rounded Rectangle tool

Rounded Rectangle tool

  1. Step 7: On the menu, Layer > Vector Mask > Reveal All

This will create a Vector Mask thumbnail next to the photo.

  1. step 8: Draw a rounded shape

Layer > Vector Mask > Reveal All” width=”700″ height=”450″  data-lazy- src=”https://access-developer.com/wp-content/uploads/2022/06/1656391310_673_How-to-Create-a-Rectangle-With-Rounded-Edges-in-Photoshop.jpg”></p><p><noscript><img loading=Layer > Vector Mask > Reveal All” width=”700″ height=”450″  data-lazy- src=”https://access-developer.com/wp-content/uploads/2022/06/1656391311_442_How-to-Create-a-Rectangle-With-Rounded-Edges-in-Photoshop.jpg”><noscript><img loading=Layer > Vector Mask > Reveal All

  1. step 9: Draw a rounded rectangle shape
  2. step 10: When you release the mouse, the outside of the shape we just drew will be deleted
  3. step 11: save your photo
File > Save for Web” width=”700″ height=”450″  data-lazy- src=”https://access-developer.com/wp-content/uploads/2022/06/1656391311_607_How-to-Create-a-Rectangle-With-Rounded-Edges-in-Photoshop.jpg”><noscript><img loading=File > Save for Web
  1. step 12: If the background layer is transparent, save the image as PNG-24. If there is background color, save the image as jpeg

File > Save for Web” width=”700″ height=”450″  data-lazy- src=”https://access-developer.com/wp-content/uploads/2022/06/1656391311_153_How-to-Create-a-Rectangle-With-Rounded-Edges-in-Photoshop.jpg”></p><p><noscript><img loading=

  • step 13: Photoshop CS6: Create rounded edges on the photo
  • File > Save for Web” width=”700″ height=”450″  data-lazy- src=”https://access-developer.com/wp-content/uploads/2022/06/1656391311_361_How-to-Create-a-Rectangle-With-Rounded-Edges-in-Photoshop.jpg”><noscript><img loading=File > Save for Web

    You may be interested in reading about: How to Make a Reflection in Photoshop and Improve the Look of Photos

    conclusion

    As you can see, these are the methods you can use to create rounded edges in Photoshop. We recommend that you practice so that your edits come naturally. We hope have helped you with this information.