Layout 1 - Text Wrap & Clean Composition (x2)

In this video, I started by creating a striking image-focused title page, using grids to maintain alignment and balance. I emphasized the importance of grid usage for beginners while allowing more experienced users to exercise creative freedom. We incorporated a large captivating image, added a title block with carefully selected fonts, and included two-column text with suitable formatting. To enhance the page's aesthetics, I shared a useful trick involving the use of small rectangles to balance white space. We concluded the first part of this tutorial by producing another layout, showcasing the text wrap feature with a distinctive white "V" shape and complementary text.

General Document Setup

  • Standard Letter 8.5”x11” portrait sheets

  • 4 pages, with “facing pages” checked

  • Start # = 2

  • Columns 1, column gutter 0.1667in

  • Margins = 0.5in all sides

Layout 1: Image-Focused Title Page [0:00 - 4:10]

  1. Start with an 8.5 by 11-inch spread in InDesign.

  2. Access the masters page and create guides, typically a simple 4x4 grid with adjusted gutter settings for better alignment.

  3. Return to the main page to begin designing.

  4. Create a picture frame for a large captivating image by selecting the frame tool (F) and dragging and dropping the image onto it.

  5. Fit the image proportionally using the shortcut (Ctrl Alt Shift C) or right-click and select "fitting" and then "fit frame proportionally."

  6. Add a second image at the top of the page with a similar theme as the first one.

  7. Adjust and crop the images as needed within their frames.

  8. Create a text box (T) for the title and use an appropriate font (e.g., Sofia Pro).

  9. Fill the text box with the title text.

  10. Create a two-column text box for the body text, leaving some white space on the left.

  11. Add placeholder text (Right Click > Fill with placeholder text) and format it to match the chosen font family.

  12. Use the rectangle tool (M) to create a small rectangle to balance the white space on the page.

  13. Adjust the rectangle's size and fill color to balance the layout.

  14. Lastly, add a caption below the images with placeholder text, changing the font color to match the page's aesthetics.

  15. Fine-tune the positioning of the elements to create an aesthetically pleasing layout. A good trick is to think of text as a visual element (similar to an image) and put it where you think it will balance out the composition.

Layout 2: Using Text Wrap [4:10 - 9:23]

  1. Create a new page with a singular large image.

  2. Drag and drop the image onto the page and fit it proportionally (Ctrl Alt Shift C) as done previously.

  3. Use the text wrap feature to create a graphic element (in this case, a white "V" shape).

  4. Draw a text box (T) and convert it to an outline object by going to (Type > Create Outline).

  5. Adjust the font to a suitable style (e.g., Sofia Pro) and scale it as desired.

  6. Change the "V" to a white color to contrast with the image.

  7. Add text boxes below the image in a layout that complements the picture.

  8. Format the text to match the chosen font family and adjust the layout.

  9. Apply text wrap settings to make the text flow around the "V" shape. Go to the "Text Wrap" tab and select "Wrap around object shape" with a margin (e.g., 0.2 inches).

  10. Position the text to wrap around the "V" shape and adjust its placement within the grid.

  11. Anchor the image with the text to ensure they stay together.

  12. To balance the layout, add another large image on the opposite page, fitting it within the margins.

  13. Create two-column text boxes that align with the image and fill them with text.

  14. Adjust the text layout and font style to match the design.

  15. As before, use a small rectangle to balance white space and add a caption text box.

  16. Customize the caption text and placement according to your preferences.

And there you have it, folks – two amazing InDesign layouts in just nine minutes! 🎉 If you followed along and created your own designs, give yourself a virtual high-five! 🙌 But hey, don't forget, design is all about creativity, so feel free to put your own spin on things, break a few layout rules, and let your imagination run wild.

Previous
Previous

Gotta Start Somewhere! - InDesign Quick Start Guide

Next
Next

Layout 2 - Cross Page & Full Bleed Layouts (x2)