Arrange images
[This topic is pre-release documentation and is subject to change in a future release. Blank topics are included as placeholders.]

After you have placed the images that you want on the artboard in the Compose workspace, you can manipulate them by aligning them, or by distributing them horizontally or vertically. Deep Zoom Composer provides an option to arrange your images automatically into a grid layout, and provides additional options for other kinds of arrangements.

To arrange images automatically in a grid

  1. In the image gallery, select the images that you want to arrange into a grid. To select multiple images, hold CTRL and click the images you want, or hold SHIFT and click a range of images.

  2. Right-click any selected image, and click Arrange into Grid.

  3. In the Arrange into Grid dialog box, determine the maximum number or rows or columns your grid will have by doing the following:

    1. Choose Rows or Columns in the Constrain by drop-down box.

    2. Choose a number or rows or columns in the Number of rows or Number of columns box.

  4. Add any padding (in pixels) that you want around each image in the grid.

  5. If you want to preview the grid of images before finalizing your arrangement, click Apply.

  6. Click OK to return to your composition.

    Dd409079.alert_note(en-us,Expression.10).gifNote:

    You can also arrange images that are already on the artboard into a grid by right-clicking any selected image, pointing to Arrange, and then clicking Arrange into Grid. When you use the Arrange into Grid feature, all selected images will be resized to a uniform size.

To create other arrangements of images

  • On the artboard, select at least two images, and then do one of the following:

    • Align left edges   Click Align Left Dd409079.1e3c2891-633d-4162-a3bd-d5ac53046b56(en-us,Expression.10).png on the toolbar.

    • Align horizontal centers   Click Align Center Dd409079.02978741-8e12-476d-afa7-165b613ea515(en-us,Expression.10).png on the toolbar.

    • Align right edges   Click Align Right Dd409079.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(en-us,Expression.10).png on the toolbar.

    • Align top edges   Click Align Top Dd409079.737a11a8-b9d6-4270-8432-f17bb11a1337(en-us,Expression.10).png on the toolbar.

    • Align vertical centers   Click Align Middle Dd409079.5d244079-53d6-4188-ac2b-3a31054a2cd7(en-us,Expression.10).png on the toolbar.

    • Align bottom edges   Click Align Bottom Dd409079.7c84b219-479d-45e7-b2fc-2df1b5e35129(en-us,Expression.10).png on the toolbar.

    • Distribute horizontally   Click Distribute Horizontally Dd409079.c0cbdbda-b095-4f0d-87d2-6cae8e00f9e4(en-us,Expression.10).png on the toolbar.

    • Distribute vertically   Click Distribute Vertically Dd409079.1b09f0ce-0b1d-4a84-9a2c-426cb4cee0e1(en-us,Expression.10).png on the toolbar.

Page view tracker