Tutorial Step 7

• Quick-start Tutorial
• Tutorial Sample Site
• Tutorial Step 1
• Tutorial Step 2
• Tutorial Step 3
• Tutorial Step 4
• Tutorial Step 5
• Tutorial Step 6
• Tutorial Step 7
• Tutorial Step 8
• Tutorial Step 9
• Tutorial Step 10
• Tutorial Step 11
• Tutorial Step 12

Step 7: Add shapes and text to the Home page

There are several shapes on this page. There are is a solid rectangle behind each photo, a larger graduated fill rectangle and a design line.

Make a Graduated Fill rectangle

• Click on Draw Tab>Shapes Group> Rectangle Graduated Fill. This places a rectangle on the page with selection handles.
• If the shape has a border, remove the border by clicking on Draw Tab>Borders & Lines Group>Width>No Line.

Choose the Start Color

• Click on Draw Tab>Colors Group>Graduated Fills>Start color. This opens the Color dialog.



• Click on More Colors. This takes you to the custom color section.
• Choose a color for the start color. If you are using the Color Scheme swatch, then click on the Select button and click the eye dropper over the color you want to use.
• Move the eyedropper over the contrasting color line under the banner and click. This selects that color and places it in the Preview window of the Colors dialog.
• Click OK.

Choose the End Color

• Click on Draw Tab>Colors Group>Graduated Fills>End color.
• Click on More Colors.
• Click on the Select button and use the eyedropper to click on the large rectangle shape to match that color. This will make the graduated fill seem to disappear on the page.
• Click OK.

Choose the direction of the Graduated Fill

• Click on Graduated Fills>Graduated Fill Dialog.
• In the Graduated Fill Studio, click the Horizontal Fill Direction.
• Click OK. The rectangle now has a horizontal graduated fill.
• Click to select the shape. Use the selection handles to resize it.
• Drag the shape to position it on the page.

Make solid fill rectangles to go behind the photos

1. Make a rectangle
• Click on Draw Tab>Shapes Group>Fill shape Rectangle. A rectangle is added to the page.
• Click on Draw Tab>Colors Group>Fill color.
• Choose a color from the basic colors or click on More Colors to choose custom colors.
• Click OK when you have a color you like.
2. Make a copy of the rectangle.
• Hold down the Ctrl key.
• Click the rectangle and drag. A copy of the rectangle is now on the page.
3. Position the rectangles
• Click on a rectangle.
• Drag the rectangle over a photo.
• While the rectangle is selected, click on Page Layout Tab>Bring To Group>Backward. Click on this Command until the rectangle is behind the photo.
• Resize the rectangle until it looks like a border around the photo.
• Repeat this for the other photo.
• Make a design line to match rectangles
• You can copy a rectangle and then resize it to make a design line.

Draw the line

• Click on Draw Tab>Shapes>Shapes Using Solid Fill>Line. Your cursor changes to a cross.
• Click on the page where you want to start the line.
• While pressing the mouse, drag to draw the line.
• Release the mouse when done.

Choose color, style and width

• Click to select the line.
• Choose color: click on Draw Tab>Colors Group>Line Color. This opens the Colors dialog. Choose a color and then click OK.
• Choose a line style: Click Draw Tab>Borders and Lines Group>Styles. Click on a style for the line.
• Choose a width: Click Draw Tab>Borders and Lines Group>Width. Click on a line width.

Finish the text and design on the Home page

• Create text objects and type in the information you want to see on the Home page.
• Leave room on the left side for the buttons.

Each object on the page is on a separate layer. The layers are in the order you create them. If an object gets hidden when you are dragging, then you need to move it up or down through the layers. Do this by clicking on Page Layout Tab>Bring to Group>choose the Command to move the object forward, backward, to the front or to the back.