How do you make images with the curvey edges in photoshop, like on this website http://www.apple.com/macatwork/ . cheers.

I believe that you dont actually do that in Photoshop but in imageready, not 100% sure tho.

Delete the image in each of the corners (could be done by drawing a round edged marquee and selecting inverse). Then save artwork for web as a gif with the transparency box checked.


Edit - typo (again)

<div class='quotetop'>QUOTE(Willihouse @ Jul 8 2006, 04:33 PM) [snapback]193001[/snapback]</div>1. Where are you planning to use it? ie: Web, Print/Press. e-mail?

2. What version of Photoshop are you using?

cheers,

cw

Use the Rounded Rectangle Tool.

copy layer>
go edit>transform>
Pick the cornor you want to shape amd move
Pick the background layer and fill with a colour or another image

EDIT to fill with colour: shift delete at the same time

<div class='quotetop'>QUOTE(bernie234 @ Jul 8 2006, 05:11 PM) [snapback]193020[/snapback]</div>nope... not following you there... Edit -> Transform -> and... what?

Scale? Rotate? Skew? Distort? Perspective? Rotate 180° / 90° CW / CCW?

How do these Transform options make rounded corners?

:blink:

CW

<div class='quotetop'>QUOTE(vargz @ Jul 8 2006, 05:03 PM) [snapback]193015[/snapback]</div>Yep - Vargz has it right - yet that's specifically any Adobe Photoshop above version 7.0. After selecting the Rounded Corners Rectangle Tool and then creating one in your image, click on menu item: Select and scroll down to Inverse. Then press the delete key on your keyboard. The outside (or Background area) will be White.

However, you may have a lower version, in which case there's no Rounded Rectangle Tool, yet you can get around this one. Just post back with your version of Photoshop.

Cheers,

ClockWork

opps ....... wrong tool......sorry

If you're looking for an extremely nicely smooth "rounded edge" - which the rounded corners rectangle tool is not very good at - I'd suggest using the rectangular Marquee Tool.
1. Drag your marquee to your desired shape-position.
2. Go to Select - Modify - Smooth.
3. Input Sample Radius - 20 - 30 - 40, what ever you size you are aiming for.
You'll now notice that you have considerably rounder corners, but with a bit of "flatness" to it.
4. Go back to Select - Modify - Smooth. Re-enter the same Sample Radius, and voila, you should have a nicely rounded corner. Depending on your corner radius, you may have to do this more than twice, but you get the idea.
5. Select Inverse.
6. Clear the selection ( Delete key ), and there you have it, a <strike>great steaming pile of</strike> beautifully round edged pikature.

Class dismissed!!

mutters

<div class='quotetop'>QUOTE(Mutters @ Jul 8 2006, 06:53 PM) [snapback]193060[/snapback]</div>The Rectangular Marquee Tool is another method, is yet another way to skin a cat and it's how I used to do things when I used older versions of Photoshop.

But I totally disagree with the statement about the Rounded Rectangle Tool not being good at making smooth corners. The Shape tool is a fairly new recent in Photoshop, utilising vector masks to create a range of shapes with variable properties (sides, colours, corner radius, etc) in less steps required than the old-hat methods. Since the objects are vector-based (and can be rasterized there after), Im not sure how they could possibly yield rougher or less-smooth edges than the Marquee method (which is purely raster-based).

So Mutters, I'm not really sure how you come to this?! :huh:

Vargz. You got me! I had another look at the Rounded Rectangle tool, and you're right. Zoomed to 400% you can see that it's a lot smoother than my method. I blame the cat for buggering up my menu bars while I wasn't looking. I swear the radius option wasn't there when I first looked! Hang on, I haven't got a cat!
Viva Le Vector!
Sorry Vargz, my mistake. :cry:

mutters

<div class='quotetop'>QUOTE(vargz @ Jul 8 2006, 07:40 PM) [snapback]193066[/snapback]</div>I've found the rounded rectangle to not be the best method for this. It usually produces some pretty average results.

The way I do it:
- Create a circular selection that is the right size.
- Hit 'Q' to enter quick mask mode.
- Select the circle with the square selection tool.
- Drag it horizontally holding the option and shift keys (copy and constrain).
- Select the two circles with the square selection tool.
- Drag it vertically holding the option and shift keys (copy and constrain).
- You now have to select the inside part and fill it.
- Hit 'Q' to exit quick mask.
- Fill or do whatever you like with it.



Red = rounded rectangle
Green = the selection method

To me, all you've done here is a feathering. Vargz's method stands, except - I reckon for practical purposes, my method is actually better - so there. I reckon I can achieve a given result in less steps.
mutters

Nup. Sorry to say, but you're flat out wrong. That red part of the image was made with a rectangular selection with no feathering. Try it for yourself.

Here's a close up on your smooth technique.



Trust me, I've been using Photoshop since version 2