3 InDesign Magazine Layout Tutorials - Using Photos & Text (2024)

tutorials Design, Typography InDesign Magazine Layouts: Working With Photos

Dramatic photography can look fantastic on InDesign layouts; pick up the techniquesyou can use to make the most of your images.

Discover these simple tips for enhancing your photographic layouts by playing with scale, color and typography.

Tip Number 1:Don’t Be Afraid to Go Black-and-White

Sure, full-color photos can look amazing, but if you’re looking for something all-together cooler in your layouts, don’t be afraid to use black-and-white photography.

Greyscale images make a superb backdrop for punchy typography, which looks great on magazines, posters and flyers.

To recreate the layout design shown here, just follow the steps below.

Step1

First up, create a New Document in InDesign (go to File > New > Document) and create your page or spread at the size you would like. Use the Rectangle Frame Tool (F) to draw a frame and expand across the whole page.

Step 2

Download a ready prepared black-and-white image like this one of a desert road, or open up a color photo in Adobe Photoshop and use the Black & White Adjustment available in the Layers panelto desaturate the image of color. Resave the image, and then return to InDesign.

Step 3

With the rectangle frame selected, go to File > Place to drop your black-and-whiteimage inside the frame; then choose Fill Frame Proportionally from the top control panel to fit the image nicely in the frame.

Step 4

Expand or open the Layers panel (Window > Layers) and lock Layer 1. Create a new layer on top of this by choosing New Layer… from the panel’s drop-down menu.

You can experiment with your typography on this layer, without worrying about shifting the position of the photo frame below.

To mimic the style of the text pictured here, download and install the free font Sanchez. Using the Type Tool (T) set each individual letter of the heading in its own separate text frame. Set the Font to Sanchez Regular, and vary the size of the letters to give a sense of movement.

Unlimited Downloads: 1,000,000+ Fonts, Mockups & Design Assets by 3 InDesign Magazine Layout Tutorials - Using Photos & Text (9)

For this particular photo it makes sense that the letters would decrease in size towards the horizon to give theimpression of distance, but you might find that a different arrangement will work better for your particular photo choice.

Step 5

Acidic, neon colors work so well against black-and-white photos. Here, I’ve used a zesty, pure yellow. Create a new CMYK swatch from the Swatches panel (Window > Color > Swatches) and set the values to C=0 M=0 Y=83 K=0.

To recreate the hazy effect used across the heading, drag your mouse across the page to select a number of text frames and Right-Click (Windows) or Ctrl-Click (Mac OS) > Group. Then with the group selected, go to Object > Effects > Transparency. Under the Transparency settings set the Mode to Overlay.

Move down the left-hand menu in the Effects window and select Gradient Feather. Adjust the angle and harshness (by adjustingthe slider stops) of the gradient.

Then click OK once you’re happy with the result.

Tip Number 2:Take a Closer Look…

Playing with the scale of your photos can make a huge difference to the impact of your layout.

If you have a very high-quality image, like this one

…try zooming into the details to give the photo a more interestingfocus. Getting really close-up to the details of a photo is a fantastic way of getting the reader to notice the quality and beauty of a particular photograph.

To edit the scale of images in InDesign, first File > Place your image into an image frame; then double-click inside the frame to directly select the image. Hold down Shift while you drag the corners outwards to maintain the proportions of the photo.

Tip Number 3:Make Photos and Type Interact

It’s all very well placing text beside or on top of a photo, but sometimes it can look, well, a little dull.

Look out for photos which allow you to place text on top in an interesting, interactive way.

Take this example layout. With the woman positioned centrally on the layout, we have plenty of room to get creative with text. To the left side, the text is set in Adobe Caslon Pro Regular and has a conventional horizontal format.

To the right, to exaggerate the snow being blown from her hands, letters in Adobe Caslon Pro Italic are set in individual text frames and rotated slightly to create a jaunty, animated appearance.

A gradient (Window > Effects > Gradient Feather) applied to the letters as a group adds to the overall effect.

Ready to start using photos in your layouts? First discover breathtaking photo layout inspiration here, or get back to basics with our InDesign images tutorial.

Insights, advice, suggestions, feedback and comments from experts

As an expert in design and typography, I can provide information related to the concepts mentioned in the article about InDesign magazine layouts and working with photos. Here are the key points:

Designing with Photos in InDesign Layouts

  • Dramatic photography can enhance the visual impact of InDesign layouts.
  • Black-and-white photography can create a cool and stylish look for your layouts.
  • Greyscale images can serve as a backdrop for punchy typography.
  • Acidic, neon colors can work well against black-and-white photos.
  • Playing with the scale of photos can make a significant difference in the overall impact of your layout.
  • Placing text on top of photos in an interesting and interactive way can add creativity to your design.

Steps for Creating a Layout in InDesign

  1. Create a new document in InDesign and set the page or spread size.
  2. Use the Rectangle Frame Tool (F) to draw a frame that expands across the whole page.
  3. Download a black-and-white image or desaturate a color photo using Adobe Photoshop.
  4. Place the black-and-white image inside the frame by going to File > Place.
  5. Choose "Fill Frame Proportionally" to fit the image nicely in the frame.
  6. Create a new layer on top of the image layer to experiment with typography.
  7. Use the Type Tool (T) to set each individual letter of the heading in its own separate text frame.
  8. Vary the size of the letters to create a sense of movement.
  9. Experiment with different fonts and typography styles to achieve the desired effect.
  10. Use vibrant colors, such as a zesty pure yellow, to create contrast against the black-and-white photo.
  11. Apply effects like transparency and gradient feathering to enhance the visual appeal of the text.

These tips and techniques can help you enhance your photographic layouts in InDesign and create visually stunning designs. Remember to experiment and explore different possibilities to make your layouts unique and engaging.

Please note that the information provided above is based on the content of this article.

3 InDesign Magazine Layout Tutorials - Using Photos & Text (2024)
Top Articles
Latest Posts
Recommended Articles
Article information

Author: Delena Feil

Last Updated:

Views: 5929

Rating: 4.4 / 5 (65 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Delena Feil

Birthday: 1998-08-29

Address: 747 Lubowitz Run, Sidmouth, HI 90646-5543

Phone: +99513241752844

Job: Design Supervisor

Hobby: Digital arts, Lacemaking, Air sports, Running, Scouting, Shooting, Puzzles

Introduction: My name is Delena Feil, I am a clean, splendid, calm, fancy, jolly, bright, faithful person who loves writing and wants to share my knowledge and understanding with you.