Microsoft FrontPage: How to Create Calm Water Cylinder Buttons

In this Microsoft FrontPage tutorial I will show you how to create the Calm Water Cylinder Buttons in my image. Please see the image that I have provided to see the outcome of this tutorial. These buttons are called calm water because that is the name of the preset gradient that was used on these buttons. These buttons are really pretty and would make a great addition to a website. Open your FrontPage program and we will get started.

How to Create Calm Water Cylinder Buttons in Microsoft FrontPage

Step 1 - Drawing the Button

First, we will draw the button. Go to the top of your FrontPage window and click Insert > Picture > Auto Shapes. Your Auto Shapes toolbar will appear on your page. Click on the Basic Shapes icon in the toolbar. Then click on the Cylinder in the menu. If you roll your mouse over it, it will say Can. Draw the cylinder on your page. You will have to draw it vertically and we will turn it to make it horizontal.

Step 2 - Turning the Button Horizontally

The next step is to turn the cylinder. Grab the green dot with your mouse and turn the cylinder horizontally. Now you can adjust the button to suit your taste. You can also shrink the end of the cylinder by grabbing the yellow diamond with your mouse and pulling it to the right of your page.

Step 3 - Apply the Calm Gradient Effect

The next step is to apply the calm water gradient to the button. Click on the button to select it. Go to the bottom of your window and click the arrow beside the paint bucket. Click Fill Effects when the menu pops up. Click on the Gradient tab at the top of the Fill Effects box. For the Color section, click Presets. Drop the Preset box down and select the calm water preset. Leave the transparency section at 0%. For the Shading Style, tick the Vertical field. Then click on the top right box in the Variant section. Click the OK button to apply the gradient to the button.

Step 4 - Apply a Border