Photoshop: Trouble getting rounded corners to match up

  • 1
  • Question
  • Updated 1 year ago
  • (Edited)
I'm trying to get some rounded corners that match up. I can't seem to do it.. I want a 100px black line with a 25px white line around the outside and 100px black line again.

Here is what I am trying to do: http://imgur.com/a/hJOze
Photo of Joe Gates

Joe Gates

  • 3 Posts
  • 0 Reply Likes
  • lost.

Posted 1 year ago

  • 1
Photo of Eric Floch

Eric Floch, Employee

  • 4 Posts
  • 3 Reply Likes

Is this the kind of effect you're going for?

If so, here's what I did...

1. Select the Shape tool. Rounded Rectangle.
2. In the Options bar, set your Corner Radius to something big -- I used 160 px in this example. You need to see the curve on the inside of the stroke you're going to set in the next step, and at smaller corner radii you'll just see a sharp corner. You should play with the value until you get something that looks good for you.
3. Also in the Options bar, set your Fill to None and your Stroke to Black at 225 pt. You're also going to want to drill into Stroke Options and set the Stroke to Center.
4. Draw your rounded rectangle.
5. Now go into the Layers panel and select that new Shape layer.
6. Go to the Layers panel menu and choose Duplicate Layer.
7. Select the new, duplicated layer in the Layers panel. Now change your Stroke to White at 25 pt, also centered.
8. Hide/Delete the background later.
9. You can also go to Merge Visible in the Layers panel menu if you want to merge the two Shapes into a single pixel layer.

Hopefully this gets you close to what you're looking for.

Eric Floch
Photoshop Quality Engineer
Photo of Joe Gates

Joe Gates

  • 3 Posts
  • 0 Reply Likes
Kinda like that. I am trying to get the inside radius the same curve as the outside.
Photo of Joe Gates

Joe Gates

  • 3 Posts
  • 0 Reply Likes
Anyone able to assist? Thank you in advance.