Microsoft FrontPage: How to Create a Soft Blue and Pink Gradient Beveled Menu

In this Microsoft FrontPage tutorial I will show you how to create the soft blue and pink gradient beveled menu in my image. Please see the image that I have provided to see the ending results of this tutorial. This menu is kind of hard to explain in words, but it is really pretty. This menu is made by using the bevel shape in the auto shapes and applying a gradient effect to it. Open your FrontPage program and we will get started.

How to Create a Soft Blue and Pink Gradient Beveled Menu in Microsoft FrontPage

First, we will draw the menu using the auto shapes in FrontPage. Go to the top of your window and click Insert > Picture > Auto Shapes. The Auto Shapes toolbar will pop up on your page. Click the Basic Shapes icon in the toolbar. Then click the Bevel Square. Roll your mouse over the shapes to see the names of them. The shape that we are using is called Bevel. Draw the menu on your page. You will need to shrink the border of the menu some, unless you want it to be that thick. To shrink the border, grab the yellow diamond and pull it up. The size of the menu will depend on the number of links you are going to need. You can resize the menu at the end if you need too.

The next step of this tutorial is to apply the gradient to the menu. Click the menu to select it. Then click the arrow beside the paint bucket at the bottom of your FrontPage window. Click the Fill Effects link when the menu pops up. The Fill Effects box will pop up and you will need to apply the following effects. Click on the Gradient Tab. Then select Preset Colors in the Color Section. Drop the Preset box down and select Daybreak. Change the From in Transparency to 10% and leave the To field at 0%. Select Vertical for the Shading Style. Click the bottom left variant in the Variants section. Click OK to apply the effects.