Using the Graphical Tab

The Graphical tab uses a tile-based interface to show a project’s elements.

Figure. Graphical tab showing element tiles, connections and the macro view.

Graphical Tab Introduction

The Graphical tab uses tiles to represent each element in your project. Similar to the Outline tab, you can use the Graphical tab to select elements to work with and can rename the elements. Each tile contains a thumbnail image that represents the element. You are able to position the tiles as needed and can choose to view either large or small versions of the tiles. You can also choose to view connection lines between the elements.

Graphical Tab Viewing Options

Depending on the size of your project, the Graphical tab can have a large number of tiles and not be able to fit in the tab’s window. You can make the tab’s view larger so that more tiles can be seen, zoom out to fit the tiles to the window, or use scrollers to view a portion of the tile area.

To make the tab’s view larger
Do one of the following:
  • With the Graphical tab selected, press Shift–Space bar.

    The tab’s contents fill the DVD Studio Pro interface. Press Shift–Space bar again to restore the tab to normal size. If you double-click a tile, the tab’s view reverts to normal size so that you can see the editors.

    Note: If you hold down Shift–Space bar, the large view becomes temporary and will revert back to normal once you release the keys.

  • Press Command–Option–Grave Accent (`, on the same key as the tilde).

  • Drag an edge of its quadrant.

    See Resizing the Quadrants for more information.

  • Tear the tab off into its own window.

    See Tearing Off a Tab into Its Own Window for more information.

To fit the tiles to the current window size
Do one of the following:
  • Press Shift-Z.

  • Click the Graphical tab’s Zoom to Fit button.

    Figure. Top part of the Graphical tab showing the Zoom to Fit button.

When there are more tiles than can be displayed in the Graphical tab, scrollers appear that allow you to control which part of the tile area shows. The scrollers also allow you to zoom in or out on the tile area.

To use the Graphical tab scrollers
Do one of the following:
  • Drag them to control which part of the tile area you can see.

  • Drag the ends of the horizontal scroller to zoom in or out on the tile area.

    Figure. Bottom part of the Graphical tab showing the scroller and how to drag its ends to zoom in or out.

There are also several zoom and positioning keyboard shortcuts available.

To zoom using keyboard shortcuts
Do one of the following:
  • Press Z, then click the area of the Graphical tab that you want to zoom in on. Press Option-Z, then click to zoom out.

  • Press Z, then drag the pointer across the area that you want to zoom in on.

  • Press the Space bar. The pointer changes to a hand that you can use to control which part of the tile area is visible, similar to using the scrollers.

  • Press Command–Plus Sign (+) to zoom in and Command–Hyphen (-) to zoom out on the Graphical tab, maintaining its center position.

Using the Macro View

The Graphical tab includes a macro view capability. The macro view is a small display showing a view of the entire tile area. It includes a visible-view rectangle that indicates the part of the tile area currently showing. You can drag the visible-view rectangle to choose the part of the tile area that shows, and you can change the rectangle’s size to zoom in or out.

Displaying the Macro View

The macro view floats over the top of the Graphical tab. There are several methods you can use to display or hide the macro view.

To display and hide the macro view
Do one of the following:
  • Press M.

    Note: You can temporarily display the macro view by holding down the M key.

  • Click the Graphical tab’s macro view button.

    Figure. Top part of the Graphical tab showing the macro view button.
  • Position the pointer over the macro view (which causes the title bar to appear), then click the hide symbol in the macro view’s title bar to hide the macro view.

    Figure. Clicking the hide symbol of the macro view.

    Note: The title bar can appear on the top or bottom of the macro view, depending on where the pointer is.

Working with the Macro View

You are able to position the macro view anywhere within the tab, but you cannot move it outside the tab’s boundaries.

To move the macro view within the Graphical tab
  • Position the pointer over the macro view (which causes the title bar to appear), then drag the title bar to the new position.

To change the size of the macro view display
  • Drag the resize corner of the title bar.

    Figure. Dragging a corner of the macro view.

The visible-view rectangle can be moved and resized to control the tile area that shows.

To use the visible-view rectangle
Do one of the following:
  • Click within the rectangle to drag it to a new position.

  • Click outside the rectangle to have the rectangle jump to a new position, with the point you clicked being as close as possible to the rectangle’s center.

  • Drag a corner of the rectangle to change its size. Making the rectangle bigger zooms out on the tile area, showing more tiles. Making the rectangle smaller zooms in on the tile area, showing fewer tiles.

Selecting and Managing Tiles

You can use several tools to select and arrange tiles—many are the same as those used with buttons in the Menu Editor. There are also a variety of methods you can use to add, delete, and copy tiles.

Selecting Tiles

There are several reasons you might want to select one or more tiles:

  • Selecting a tile makes it the current element, and opens it in its editor.

  • Selecting one or more tiles allows you to arrange them.

  • Selecting one or more tiles allows you to delete or copy them.

To select one or more tiles
Do one of the following:
  • Click a tile to select it. Any other selected tiles are deselected.

  • Press the Shift or Command key, then click a tile to select it. Any other selected tiles remain selected.

  • Drag the pointer over a group of tiles. This creates a selection rectangle that selects all tiles it touches.

  • Choose Edit > Select All (or press Command-A) to select all tiles. You can also choose Edit > Deselect All (or press Command-Shift-A) or click an empty part of the Graphical tab to deselect all tiles.

Moving Tiles by Dragging

You can move a tile or group of tiles once they are selected by simply dragging them. If connections are showing, they move with the tiles. You can also use the arrow keys to move selected tiles.

If you move a tile to an edge of the Graphical tab, the tile area scrolls to show its new position. If the edge of the tile area is reached, it is automatically expanded to accommodate the tile’s new position.

To make it easier to see a larger area while dragging a tile, you can press the Z key after you start dragging the tile to temporarily zoom out.

You can enable a snap grid to make it easier to organize the tile in straight lines and columns.

To enable the snap grid
  • Choose Snap to Grid from the Graphical tab’s Settings pop-up menu.

You may want to drag a tile to the Menu Editor. This is an easy way to link either a new or an existing button in the current menu to the element being dragged.

To drag an element to the Menu Editor
  1. Click the element’s tile and hold down the mouse button for a moment without moving the tile.

    A transparent tile appears.

  2. Drag the transparent tile to the Menu Editor.

You can also drag multiple tiles to the Menu Editor by selecting them before holding down the mouse button when the pointer is on one of them.

Using Distribute Objects

The distribute objects feature allows you to select a group of tiles and evenly space them between each other using one of four methods:

  • Horizontally: Only active when more than one tile is selected. Tiles in between the tile furthermost to the left and furthermost to the right are positioned evenly horizontally.
  • Vertically: Only active when more than one tile is selected. Tiles in between the tile furthermost to the top and furthermost to the bottom are positioned evenly vertically.
  • By Type: With no tiles selected, all tiles are affected; with one or more tiles selected, only the selected tiles are affected. Arranges the tiles in evenly spaced rows and columns based on their types. The type order is:
    • Menus

    • Layered menus

    • Tracks

    • Stories

    • Slideshows

    • Scripts

  • Autolayout: With no tiles selected, all tiles are affected; with one or more tiles selected, only the selected tiles are affected. The tiles are arranged based on connections, types, and quantity.
To use the distribute objects feature
  1. Depending on the distribution method you intend to use, select the group of tiles to distribute. See Selecting and Managing Tiles for details on how to do this.

  2. Choose Arrange > Distribute Objects, then choose the distribution method to use (Horizontally, Vertically, By Type, or Autolayout).

Locking the Tile Positions

You can lock the tile positions and prevent accidentally rearranging them.

To lock the tile positions
Do one of the following:
  • Choose Arrange > Lock All Tiles (or press L).

  • Click the Graphical tab’s Lock button.

    Figure. Top part of the Graphical tab showing the lock button.

You can use the same button and keyboard shortcut to unlock the tiles. If you need to move any tiles while they are locked, you can press the Option key, then drag the tiles to the new location.

While the tile positions are locked, you are still able to change your view of the tiles by zooming or using the scrollers. You can also change the connections view.

About the Tiles

There are six different tile types that can appear in the Graphical tab. Each type uses a different color to differentiate it:

  • Menu: Light blue
  • Layered menu: Dark blue
  • Track: Green
  • Story: Teal
  • Slideshow: Purple
  • Script: Brown

Each tile has a thumbnail image of the element. The aspect ratio of the thumbnail changes to indicate whether the element uses 4:3 or 16:9 assets. A tooltip showing information about the element appears when you position your pointer over it.

Figure. Graphical tab tile details, including the First Play icon, the transitions icon, and the element name.

The element designated as First Play has an icon added to it. Elements that are using the transitions feature also have icon indications.

Tile Sizes

You can choose large or small sizes to view the tiles.

To change the tile size
  • Choose Small Tiles or Large Tiles from the Graphical tab’s Settings pop-up menu.

Flagging Tiles

You can flag a tile so that it stands out from the others. For example, you might want to flag tiles for elements that still require assets or use DVD@CCESS.

To flag one or more tiles
Do one of the following:
  • Control-click a tile, then choose Flag from the shortcut menu. This also selects this tile and deselects any others that are selected.

  • Shift-Control-click a tile, then choose Flag from the shortcut menu. This also selects this tile and flags any others that are selected.

  • Position the pointer over a tile and press F. It does not matter whether the tile is selected or not.

  • Select a group of tiles to be flagged, then choose Edit > Flag Tiles (or press F).

  • Select a group of tiles to be flagged, Control-click an empty area in the tile display, then choose Flag from the shortcut menu.

You can use any of these methods to also turn off the flags on one or more tiles.

Viewing Specific Tile Types

You can choose specific tile types to view. For example, you may only want to see the slideshows.

Note: If you choose to hide a tile type, all connections to that tile type are also hidden.

The Graphical tab’s tile type Show/Hide buttons control which tiles are visible and which are hidden.

Figure. Top part of the Graphical tab showing the tile type show and hide buttons.

Clicking a button hides its tile type and the button background becomes lighter. Clicking the button again shows its tile type and the button background becomes darker.

Viewing Connections

You can configure the Graphical tab to show lines indicating which elements are connected to each other. Arrows indicate which element is the target.

Figure. Graphical tab showing the tile connection lines.

The connection lines are useful when you want to view the project as a flowchart. They can also be helpful to ensure you have not inadvertently left out an intended connection.

Note: You cannot make connections or change existing connections in the Graphical tab.

You can customize how many connections appear with the Graphical tab’s Settings pop-up menu.

  • No Connections: No connection lines appear.
  • Relative Connections: Only the connections relating to the currently selected tile or tiles appear.
  • All Connections: All tiles show their connections.
  • Basic, Standard, and Advanced Connections: Control how much connection detail to show. These three levels match a similar setting in the Connections tab. See Sources and Source Details for more information.
To configure the Graphical tab’s connections view
  1. Open the Graphical tab’s Settings pop-up menu.

  2. Choose to show no connections, relative connections for selected tiles only, or all connections.

  3. Choose the level of connections to show (basic, standard, or advanced).

Printing the Graphical Tab’s Tile Area

Printing the Graphical tab’s tile area can be a useful way to show others the basic construction of a project. The contents of the Graphical tab print as they currently appear with respect to tile size and placement and connection view status.

You can choose to print the whole tile area on a single sheet of paper or to print the tile area over multiple sheets of paper.

To print the Graphical tab’s tile area
  1. Choose File > Print Graphical View (or press Command-P).

  2. Choose DVD Studio Pro from the print configuration pop-up menu.

    Figure. Print dialog showing the DVD Studio Pro item in the configuration pop-up menu.
  3. Select one of the following:

    • Fit to Page: Prints the entire tile area on one sheet.
    • Multiple Pages: Prints the tile area at full size, using as many sheets of paper as necessary.
      Figure. Print dialog showing the DVD Studio Pro configurations.
  4. Select the Page Numbers option to add page numbers to each sheet. This is especially useful when you select Multiple Pages.

  5. Click Preview to see an example of how the printed document will look, or Print to print the tile area.