Jan's Illustrated Computer Literacy 101 Logo:Jegsworks Jan's Illustrated Computer Literacy 101


Home > Jan's CompLit 101 > Working with Words > Brochure > Cover
Icon: Arrow - Previous pagePrevious    NextIcon: Arrow - Next page

Jan's Working with Words

    Brochure: Cover

The Cover panel of a brochure is what you see first. It's important that you communicate immediately what your brochure is about.

Brochure - after creating cover panelThe cover for the Tahiti brochure will show two lines of text and an image. The orientation and formatting make all the difference.


Icon Step-by-Step 

Step-by-Step: Brochure Cover

 Icon Step-by-Step

What you will learn: to change text direction in a text box
to align text inside text box
to add a bottom border to a paragraph
to add a picture on top of a text box
to use a custom color for text

Start with: Icon: Class storage device Icon- Word with blank document, brochure-tahiti-Lastname-Firstname.docx (from Doc Template lesson)

You will need to access the resources files Icon: On Site in the tahiti  folder.
Online copies: Online folder for brochure resource files Icon: On Site

Change Text Direction

  1. Icon: Class storage device Save to your Class disk in the folder  word project3  as  brochure-tahiti2-Lastname-Firstname.docx 
  2. Click in Text Box 3, on the far right of page 1.
  3. Set text direction:

    Icon: Word 2007 Word 2007: Button toggles through 3 choices
    • From the ribbon on the Text Box Tools: Format tab, click on the button Text Direction Button: Text Direction.
      The paragraph mark moves to the upper right of the box and the button icon changes to Button: Text Direction - turned 90 degrees (Word 2007) to match.
    • Click the Text Direction button again.
      The paragraph mark moves to the bottom left of the text box.
      The button icon changes to match Button: Text Direction - turned 270 degrees (Word 2007).

    Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Word 2010, 2013, 2016: Gallery of 3 choices

    • Button: Text Direction - gallery open - 270 degrees (Word 2016)From the ribbon on the Drawing Tools: Format tab, click the button Text Direction Button: Text Direction

    • Click on Rotate all text 270°.
      The paragraph mark moves to the bottom left of the text box.
      The icon on the button Text Direction on the ribbon does not change directions to match.

      Text direction changed

  4. Ribbon: Home > Paragraph tab group after changing text direction(Word 2016)Switch to the Home tab and look at the buttons in the Paragraph tab group.
    Their directions match the current text direction.
  5. Move your mouse pointer over Text Box 3.
    The cursor shape changes to a sideways I-bar Cursor- vertical to match the new direction for text.
  6. Icon: Class storage deviceSave.
    [brochure-tahiti2-Lastname-Firstname.docx]

Format Cover Text

You will add text formatting and align the text inside the text box.

  1. With the cursor in Text Box 3, if necessary, set the paragraph style to Normal.
  2. Brochure: Text Box 3 with initial text enteredType the following two lines in Text Box 3:

     World Travel Inc. 

     Tahiti 

    Doesn't it feel weird to see your text crawling UP the page?
     

  3. Brochure cover - Text formatted Format  World Travel Inc.  like you did for the letterhead in Project 2. It's the company's standard formatting for the company name. 

    font: Matura MT Script Capitals
    Character for a space is a box but won't print[When marks are showing, spaces may show as a box with this font, but the boxes won't print.]
    size: 36
    color: Green  - on the Standard Colors row
    effect: Shadow -
                  Icon: Word 2007 Word 2007:
    Font dialog: Shadow check box
         Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Word 2010, 2013, 2016:

               Text Effects button: Offset Diagonal Bottom Left

  4. Format Tahiti  with:
    font: Times New Roman
    size: 36
    Bold
    Italics
  5. Ribbon: Alignment buttons, 270 degrees (Word 2013)While Tahiti is selected, on the Home tab, click on the button with the lines even at the top of the button.

    Icon: Word 2007 Icon: Word 2010 Word 2007, 2010: Align Text Right
    Icon: Word 2013 Icon: Word 2016 Word 2013, 2016: Top Align.

    The word Tahiti moves to the top of the box, which is the right end of the text line.
    You are confused about the directions?

    Early versions of Word and Word 2013 and 2016 change the names of these alignments. The text directions in Word 2007 and 2010 are with respect to the direction of the text on the line but the button icons show the alignment with respect to the text box.

  6. With the cursor in the line World Travel Inc.:

    Icon: Word 2007 Word 2007:

    • Dialog: Format Text Box > Text Box > Bottom (Word 2007)On the Text Box Tools: Format tab, click the dialog box launcher button for Text Box Styles. The dialog Format Text Box opens.

    • Click the tab Text Box.

    • In the section Vertical Alignment, click on Bottom.
      The text shifts to the right edge of the text box.

    Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Word 2010, 2013, 2016:

    • Button: Align Text - gallery - Right, with 270 degree text (Word 2010)On the Drawing Tools: Format tab in the Text tab group, click the button Align Text Button: Align Text (Word 2010) to open the gallery.

    • Select Right.
      The text shifts to the right edge of the text box.
      Did you expect that? The icons in the gallery show what will happen. So many different ways of looking at the 'direction'!

       Text in Text Box 3 is formatting and aligned (Word 2010)

  7. Icon: Class storage deviceSave.
    [brochure-tahiti2-Lastname-Firstname.docx]

Add Bottom Border

A border does not have to go all the way around an object. You can use the border feature to create a fancy underline or divider.

  1. Dialog: Border & Shading - to create a double line border for title (Word 2010)If necessary, move the cursor to the line  World Travel Inc
  2. From the Home tab in the Paragraph tab group, click on the arrow beside the Borders and Shading button Button: Borders & Shading (Word 2010) to open the gallery.
    (Your button may look different. The icon on the button shows the previous choice.)
  3. Click on Borders and Shading at the bottom of the list to open the dialog.
  4. In the Style list choose the double line which has a wide line at the top and a thin line below it Style- double line- wide over thin.
  5. Brochure cover with bottom border under 'World Travel Inc.'Set Width to 3 pt.
  6. Click in the preview at the right on the unwanted edges, leaving only the bottom edge showing the border.
  7. If necessary, set Apply to: Paragraph.
  8. Click on OK.
  9. Icon: Class storage deviceSave.
    [brochure-tahiti2-Lastname-Firstname.docx]

Add Picture

You are going to insert an image as part of the brochure cover. This simple task is a bit tricky because of the text boxes. They lie above any text or images that are placed inline on the page. If you are not careful the image will be underneath a text box. Hide and Seek time!

If the cursor is in the text box when you insert your image, the image will be an inline image. Such an image is treated like a character on the line. You can't drag it around. You cannot change this with the Format Picture dialog. Thus a very simple action (well, it should be simple!) becomes quite confusing.

  1. Blinking cursor is under Text Box 1Click in a blank area of the page that is not in a text box.
    Be sure you aren't still in a text box! Your cursor should be blinking at the upper left of the page, underneath Text Box 1. You may not see it at all. It certainly is not very noticeable!
  2. If necessary, set Zoom to show the whole page so you can see what is going on.
  3. On the Insert tab, click on the button Picture Button: Picture (Word 2010).
    A dialog opens for you to navigate to the picture that you want.
  4. Copy the link that follows and paste it into the File name box in the Insert dialog to download the file and insert it all in one step: http://www.jegsworks.com/Lessons/resources/words%20resources/tahiti/travelbar.wmf

    Icon: travelbar.wmf associated with Paint programOR...

    Navigate to the local copy of your resource files and click on the image  travelbar.wmf  in the  tahiti  folder in your resource files

    If you used the default location for the resource files, the path to the local copy should be:
     c:\My Documents\complit101\words\tahiti\travelbar.wmf
    Your instructor may have put these files in a different location.
    The icon for this picture is likely not a thumbnail but instead shows the icon for the graphics program that your computer would use to edit the picture. The illustration shows the icon for Paint, which comes with Windows.

  5. Image at left under text box = selectedClick on the button Insert in the dialog.
    (If you pasted the link, there is will a short wait for the file to download.)
    A rectangle with handles appears at the far left of the page. Where is the image?? It's underneath Text Box 1. It was pasted as an inline image onto the first line of the page itself.

    Image is hiding underneath Text Box 1Icon: Trouble Problem: No rectangle with handles
    The image is nowhere to be seen but the cursor is blinking in the middle of Text Box 1! What ever has happened?

    You clicked somewhere in the document after inserting the image. Your image is still hiding underneath Text Box 1. Now you need to select it again.

    Solution: 
    Hold down the SHIFT key and press the Left Arrow key. Since the cursor is to the right of the image, the image is now selected. It is still underneath the text box so all you see is the rectangle with handles.

  6. Image for cover on top of text box at leftButton: Wrap Text > In front of text (Word 2010)On the Icon: Word 2007 Picture Tools:Format or Icon: Word 2010 Icon: Word 2013 Icon: Word 2016 Drawing Tools: Format tab, click the Text Wrapping or Wrap Text button and choose In Front of Text.

    Your image is now on top. Visible!
     

  7. Image positioned and sizedDrag the image over to Text Box 3 and position it in the top left corner of the text box.
  8. Enlarge the image by dragging the bottom right handle until the image stretches from the top to the bottom of the text box.

    If your image is the same height as the text box or larger, the image hides part of the line around the text box. You will remove the line later, so don't worry about it now.

  9. Icon: Class storage deviceSave.
    [brochure-tahiti2-Lastname-Firstname.docx]


Custom Color for Text

The green color in the picture is not the same as the green you used for the company name. In earlier versions of Word, the plain green was the very close to the same color as in the image. In versions these lessons use, the greens clash. You can change the text to a custom color that is better.

  1. Button: Font Color - current green for 'World Travel Inc.' (Word 2010)Select the text "World Travel Inc."
  2. On the Home tab, click on the Font Color button to open the gallery of colors.
    The Green in the Standard Colors row has an outline to show it is the current color for your selection. None of the greens in the Theme Colors is a match to the green in the image.
  3. Click on More Colors...
  4. If necessary, click on the Custom tab.
  5. If necessary, set the Color model to RGB.
  6. Icon: Experiment Experiment: Custom Color
    Click in the rainbow panel to pick a new custom color. The preview box at the bottom right of the dialog changes the top color. You can easily compare the old and new colors here. There is no Live Preview to show the effect in your document.

    Look at the changes in the values for Red, Green, and Blue as you change colors.

    When you are ready to continue...

  7. Dialog: Colors > Custom - green (Word 2013)Enter the following values:
        Red = 0
        Green = 102
        Blue = 0

    The dialog shows both the current color and the new color. 
  8. Click on OK.
    Now the text matches the dominant green in the image.
  9. Icon: Class storage deviceSave.
    [brochure-tahiti2-Lastname-Firstname.docx]

Brochure Cover with title text in new green

How to find the color values using Paint

How did I know what numbers to use to get the correct green? I used a graphics editing program to tell me what the color values were for the green in the image.

  • Open the picture in Paint.

  • Click on the eye dropper button and then on a green spot in the picture.
    The first color square changes to match where you clicked.
    Be careful where you click. Near the white areas you will find several different colors of green from the anti-aliasing used to create smooth lines.

  • Open the dialog Edit Colors.
    Word 2007: menu Colors
    Word 2010, 2013, 2016: button Edit Colors
    The Edit Colors dialog opens.

  • If necessary, click on the button Define Custom Colors.

  • Read the values for Red, Green, and Blue from the dialog.
    You can now use those values in other programs to set a color to exactly match this one.
    Screenshots below are from Paint in Vista and in Windows 7.

Paint: Find color values (Vista)
Paint in Vista

Paint in Vista: Finding color values
Paint in Windows 7
(Similar in Windows 8, 8.1, and 10)