RSS Feed for This Post

Cool tab menu in web 2.0 style

I found a similar tutorial about how to create a tab menu in Photoshop, but there’s almost no tutorials about Fireworks at all, so I decided to create a tutorial about tab menu in web 2.0 style for Fireworks. The final result will look like this:

1. Create a new document, best size is 800×600 pixels, ’cause I use it :). Select the rectangle tool (press U) and draw a rectangle, 130×40 pixels. Set its roundness (properties toolbar) to 50.

2. Now, draw another rectangle, 130(w)x10(h) pixels and set its roundness to 0. Set the second rectangle over the first one and set its background color to #000000.3. Select both rectangles and go to Modify -> Combine Paths -> Union. This way you’ll have only one, so called, rectangle.

4. Select that rectangle and set its border color to #000000, Tip size to 2 and Border style to Soft rounded.

Source and More : www.techsymptom.com

1,819 Read

Trackback URL