1 person found this helpful
You can use the rounded rectangle tool, but you won't be able to specify radius numerically with that shape.
Try using the standard rectangle, set your corner radius in the in the Properties panel, then ungroup the rectangle and use the Path panel to sharpen the three other corners.
Thanks, Jim. I suspected that's what I'd have to do but hoped I wouldn't have to get to that level of tweaking. Probably not that critical, as I'm designing some fairly small-size graphics for use in an Android app. Fireworks has been very handy for that so far. The controls can have multiple states, similar to web page buttons, so my Fireworks slices end up as flattened PNGs that I can use directly in my project.
You could make a rounded rectangle your full size then overlay that with a half-height standard rectangle, aligned at the bottom.
I'm not sure that's less work, though.
You can set INDIVIDUAL corner radius values using the Rounded Rectangle Tool.
- Draw a Rounded Rectangle
- Window > Auto Shape Properties
- Click the lock to 'unconstrain' the four corner radius properties
- Set any one of them to 0 for no corner.
I'm very happy to hear you're using FW for mobile design!
Community MX Partner -
Adobe Community Professional
Author - Lynda.com
Author: Peachpit Press
Yes, and the Android framework has some features that fit in with
Fireworks' capabilities pretty well. For example, the attached is an
image for a button background. This is a flattened PNG slice output and
you might have to expand your view to see what's unique about it. The
name -- btn_enabled.9.png -- indicates to Android that it's a button
image with special 9-patch features. An Android 9-patch has an extra
2-pixel wide transparent border with some 1-pixel black lines on the
sides. The lines at the top and left tell it where to do the stretching;
the lines at the right and bottom tell it where the "contents" (e.g.,
button label) will go. Pretty neat, and it all works!
Anyway, it was easy to design components this way in FW, plus making
multiple images for multi-state widgets (enabled, disabled, pressed,
etc.). Not much different from web graphics.
That was a great tip!
Do you know if there is a way to do this in Photoshop?
One way to create a rectangle with two rounded corners in Photoshop is to start with a Shape layer, drawn using the Rounded Rectangle tool. Then switch to the standard Rectangle tool, choose the "Add to shape area" option, and draw two smaller squares, one for each of the non-rounded corners. Finally, use the Path Selection tool to fine-tune the positioning of the small squares in relation to the Rounded Rectangle, if needed, and then click the "Combine" button (in the control palette) to fuse them into a single shape.