3

Applying the Finishing Touches to the Diagram

Well, you’ve reached the end of the tutorial; congrats! There are a few minor changes that still remain, plus a final flourish to make to button things up. So, without further ado, let’s get to work!

Coloring the Canvas

One way to add a design flourish you to your diagram is to give it a background color. While the plain white background (which is OmniGraffle’s default canvas color) has gotten us this far, let’s change that so this diagram really pops off the canvas!

  1. Choose Inspectors ▸ Canvas, and then open the Fill inspector by Option-clicking its disclosure triangle.

    The Canvas Fill inspector
  2. Click the color well to open the Colors window, and then click to choose the darkest color from the Solarized color scheme:

    Setting the canvas color to the darkest color from the Solarized set
  3. At the top of the Fill inspector, click the popup menu and change this from Solid Fill to Linear Gradient; OmniGraffle inserts an offset color in the second color well and applies the gradient effect.

    The Linear Gradient effect, as applied to the canvas in the background of the diagram

The default offset color actually works quite well, so there’s no need to change this unless you really, really feel compelled to see what other blends you can come up with.

Adding a Title to the Canvas

The last thing you can do is add a text block (or two) to the Canvas to assign and style a title. For this, you will use a combination of the Text Tool (located in the Toolbar), and the Font and Text inspectors:

  1. In the Toolbar, double-click the Text Tool. This places a darker gray background to the button to let you know the tool is active until you choose another tool.

    Selecting the Text Tool in the Toolbar
  2. Click on the Canvas and enter Gods & Goddesses of in one text block, and Greek Mythology in another.

  3. Select the “Gods & Goddesses of” text block and do the following:

    • In the Font inspector, set the Type Size to 144 pt
    • Select Herculanum as the Font
    • Apply the Light Blue Gray color from the Solarized theme as the text color
    • In the Text inspector, make sure that the text is left-aligned
  4. Select the “Greek Mythology” text block and do the following:

    • In the Font inspector, set the Type Size to 288 pt
    • Select Herculanum as the Font
    • Apply the Sea Blue color from the Solarized color scheme as the text color
    • In the Text inspector, make sure that the text is left-aligned
  5. Select both text blocks, and then choose Inspectors ▸ Object. Using the Alignment inspector, align the text objects based on the center of the Canvas.

    In the Alignment inspector, do the following:

    • Click the center dot in the grid of nine dots toward the left of the inspector
    • Change the popup menu to Align to Canvas
    • Click the Align to the center of the canvas button, just to the right of the grid of nine dots:
    Left-aligning objects using the Alignment inspector
  6. Finally, click and drag both text blocks down beneath the diagram and position them along the bottom. Since the Canvas is set to automatically adjust its size (see the Size inspector), the Canvas should expand along the bottom to give you room for the titles:

    The diagram with the titles located underneath

And that’s it! Piece of cake!