Computer Graphics with Photoshop - How to cut a rounded corner picture?

Author

How to cut a rounded corner picture?

Cylix

2006-09-08, 6:17 pm

I have a picture 800*200
I wanna make it to rounded corner, How can I do so?

Thanks for help!

Peter Wollenberg

2006-09-08, 6:17 pm

"Cylix" <cylix2000@XXXXXXXXXX> wrote:

>I have a picture 800*200
>I wanna make it to rounded corner, How can I do so?
>
>Thanks for help!

A computer picture will alwas be rectangular, you can only have a
rounded corner picture on a colored or transparent rectangular
background.

How this is done depends on the version of PS you use. With a version
which supports custom shapes, a rounded rectangle shape with the
desired radius is created first. Then, a selection is made from the
path by clicking the small black triangle button on the top right side
of the paths-palette and hitting Make Selection..., the selection is
inverted (Ctrl Shift I) and filled with the desired background color,
e.g. white.
With older versions of PS, a circular selection is created first by
pressing the Shift key and using the circular selection tool. This
selection is then moved to one corner. It will snap to the borders
automagically. This selection is saved. Then the selection is moved to
the next corner and added to the first saved selection (Selection -
Save Selection - Channel: Alpha 1 - Tic "Add to selection". This is
repeated for the 3rd and 4th corner. Now, the saved selection of four
circles is loaded and a rectangular selection is added twice, first
from the top middle of the upper left to the bottom middle of the
lower right circle and a second one from the left middle of the upper
left to the right middle of the lower right circle. Press the Shift
key to add a selection to an existing selection! Now the selection is
inverted (Ctrl Shift I). The foreground color swatch is set to the
desired background color and the selection filled by pressing Alt Del
- or the selection is set to transparent by hitting the Del key.
Finaly, trash the alpha channel. Transparency is only possible when
the image is not on the background layer and it can only be handled
with certain file-types (gif, png, tiff, and of course, psd).

Peter

Cylix

2006-09-08, 6:17 pm

Thanks Peter!
I done it! It is really nice.

Tom Kaczmarek

2006-09-12, 10:17 pm

You also might consider this method: creating a vector mask using the
rounded rectangle tool.

First duplicate or rename your background layer. Choose the rounded
reactangle tool and set your corner radious and choose the "paths"
option. Now simply click/drag your rectangle over your image. To use
this path as a mask, Layer>Add Vector Mask>Current path.

If you duplicated your BG layer turn off the original's visibility to
see your rounded corners. If your simply changed the BG layer's name
the rounded corners will appear once you've created the vector mask.

The benefit of this method is the flexibiity of the vectorr mask and
the non-destructive nature of masks.

Hope this helps!

Tom

Peter Wollenberg wrote:
> "Cylix" <cylix2000@XXXXXXXXXX> wrote:
>
>
> A computer picture will alwas be rectangular, you can only have a
> rounded corner picture on a colored or transparent rectangular
> background.
>
> How this is done depends on the version of PS you use. With a version
> which supports custom shapes, a rounded rectangle shape with the
> desired radius is created first. Then, a selection is made from the
> path by clicking the small black triangle button on the top right side
> of the paths-palette and hitting Make Selection..., the selection is
> inverted (Ctrl Shift I) and filled with the desired background color,
> e.g. white.
> With older versions of PS, a circular selection is created first by
> pressing the Shift key and using the circular selection tool. This
> selection is then moved to one corner. It will snap to the borders
> automagically. This selection is saved. Then the selection is moved to
> the next corner and added to the first saved selection (Selection -
> Save Selection - Channel: Alpha 1 - Tic "Add to selection". This is
> repeated for the 3rd and 4th corner. Now, the saved selection of four
> circles is loaded and a rectangular selection is added twice, first
> from the top middle of the upper left to the bottom middle of the
> lower right circle and a second one from the left middle of the upper
> left to the right middle of the lower right circle. Press the Shift
> key to add a selection to an existing selection! Now the selection is
> inverted (Ctrl Shift I). The foreground color swatch is set to the
> desired background color and the selection filled by pressing Alt Del
> - or the selection is set to transparent by hitting the Del key.
> Finaly, trash the alpha channel. Transparency is only possible when
> the image is not on the background layer and it can only be handled
> with certain file-types (gif, png, tiff, and of course, psd).
>
> Peter