In this section we will introduce you how to create simple and modern wen buttons.
They are very simple but the natural gradations and shadows make them look professional. This is the technique you will be using often. Try mastering it.
Start Fireworks and draw a rectangle with Rectangle Tool.
This will be the size of the web button. Set any size you like.
Apply black and white gradation on the created rectangle.
Change the [Paint Bucket] on the right of canvas color to [Gradient > Line Form] and apply gradation like the example above.
Select the rectangle and click [Property > Filter (Click +) > Photoshop Live Effect].
[Photoshop Live Effect] dialog box opens. Select [Drop Shadow]. Set the settings like above, click OK.
[Drop Shadow] is applied on the web button!
Now the web button base is completed.
Next, pick a color for web button.
Select the web button and click [Property > Filter > (Click +) > Adjust Color > Saturation/Hue].
[Saturation/Hue] dialog box opens. Set the setting like above. By sliding the saturation, hue, and brightness sliders, the button color changes. Pick any color you like.
Lastly, insert text in the web button and the task is completed. Use white text color (#FFFFFF).
Now we have simple yet beautiful web buttons.
The slight gradation and shadow are beautiful.
You can use these web buttons at once for a professional purpose. Please try.