All classes InDesign Syllabus · Episode 17 of 104

InDesign Class #17: Gap Tool and Smart Guides: Quickly Adjusting the Space Between Photos

0 views

InDesign Tutorial: Smart Guides and Gap Tool for adjusting the space between photos, uniform gaps, and neat photo galleries. Episode 17 of the Complete Adobe InDesign Series.

Software: Adobe InDesign
Level: Beginner
Duration: ± 4 min
Series total: 6 h 7 min · 104 videos
Published: October 28, 2026

Episode 17 of 104 · view syllabus

Subscribe ▶ Watch the video lesson0 plays

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 104-episode syllabus View InDesign Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “InDesign Class #17: Gap Tool and Smart Guides: Quickly Adjusting the Space Between Photos”.

106 episodesFree preview

Adobe Illustrator · Beginner

Complete Adobe Illustrator

106 video lessons with PDF guides, 6 h 32 min in total. Starts with: Getting to Know the Illustrator Interface: Menu, Tools, Control Bar, and Panels.

6 h 32 min 35 0

View class

102 episodesFree preview

Adobe Photoshop · Beginner–Intermediate

Complete Adobe Photoshop

102 video lessons with PDF guides, 6 h 5 min in total. Starts with: Getting to Know the Photoshop Interface: Workspace, Toolbar, and Panels.

6 h 5 min 19 0

View class

Premium

Krita · Beginner

Krita: Drawing a Cartoon Dog & Cat

Draw two cartoon characters, a dog in a hoodie and a cat, in Krita using only the mouse: Fill Tool, Rectangle, Ellipse, Polygon, and the Basic-1 brush, in 17 steps with color codes.

7 min 4 0

View class

Premium

Krita · Beginner

Krita: Drawing a Girl Riding a Bicycle

Draw a cartoon girl riding a bicycle with Krita (free), layer by layer: a sky gradient, Ellipse/Polygon/Rectangle without outlines, wheels with the Ellipse Tool in Outline Brush mode, a frame with a thick brush, the character, and Airbrush motion lines, in 19 steps with color codes.

16 min 3 0

View class

Krita: Drawing a Girl Hanging Laundry in the Yard

Premium

Krita · Beginner

Krita: Drawing a Girl Hanging Laundry in the Yard

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl hanging laundry in the yard with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

14 min 9 0

View class

Need more than a video?

Other ways we can help with Adobe InDesign.

Learn with a mentor

Scheduled Graphic Design courses with live guidance and a certificate.

Course

Course/Training Adobe InDesign — Complete Adobe Indesign Master Class

★ 5.0 (4)

Course

Course/Training Graphic Design — Photoshop and Illustrator Ultimate Class: 100+ Practice Projects

★ 5.0 (6)

Course

Course/Training Canva — Canva Master Course

★ 5.0 (5)

See all in Graphic Design →

Have it built for you

No time to learn Adobe InDesign? Our team can do the project for you.

Service

Adobe InDesign Development Service — Learn Adobe InDesign by Making a Recipe Card

★ 5.0 (40)

Service

Development Service: Graphic Design — Mastering Graphic Design with CorelDRAW

★ 5.0 (8)

Service

Development Service: HTML5 Canvas

★ 5.0 (7)

See all in Graphic Design →

Get notified about new Adobe InDesign classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is what we'll create in this episode, a photo gallery with uniform gaps, neatly arranged with smart guides and the gap tool without recalculating frame sizes. Let's get started. Hello, welcome back to the complete Adobe InDesign series from Cerdas Inovasi Digital. Uniform gaps make a photo gallery look professional. InDesign provides smart guides and the gap tool specifically for spacing tasks.

Step 1: Smart Guides

Open the gallery file. Make sure smart guides are active via View, Grids and Guides, or press the U key. The second photo is approaching the first one. A colored guide line appears when their edges are aligned, and a distance label appears when the gap matches another gap.

Step 2: Aligning Spacing

The third photo appears with a distance marker identical to the previous gap. Release, now both gaps are identical. Smart guides work automatically as we drag objects.

Step 3: Gap Tool

Select the gap tool with the shortcut U. Position the cursor over the gap between two photos, The gap is highlighted in gray. Drag to the right, the gap shifts, the left photo widens and the right photo narrows, while the gap width remains the same.

Step 4: Adjusting Spacing Width

Hold the control key while dragging the gap with the gap tool to change the gap width. With shift, only the gap between the two closest objects is affected. The main photo is now wider without ruining the alignment of the outer gallery edges.

Step 5: Horizontal Spacing

The Gap Tool also works for horizontal gaps. Point to the gap between the top row of photos and the caption below it, then drag downward. The photos grow taller and the caption frame moves down accordingly.

Step 6: Checking the Result

Return to the Selection Tool and press Wii to enter Preview mode. The gallery now looks neat, the outer edges are aligned with the margin, the main photo stands out more, and all gaps remain consistent.

Done!

Done! We have used Smart Guides to align and equalize the spacing, as well as the Gap Tool to shift and adjust the gaps between photos. In the next episode, we will group, arrange the order, and lock objects. Need a magazine layout, book, brochure, product catalog, company profile, or annual report design? Cerdas Inovasi Digital provides layout and print design services, as well as opens InDesign courses from beginner to advanced levels. Want to master the entire series? 104 episodes from the interface to magazine and book projects? All episodes, complete with step-by-step PDF guides, exercise files, and project files, are available to premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want a single class only? Buy single classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com. Contact us via WhatsApp, or visit cerdasinovasidigital.com. Thank you for watching, see you in the next episode. Thank you for watching, see you in the next episode. Thank you for watching

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,281 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:31Step 1: Smart Guides

0:51Step 2: Aligning Spacing

1:05Step 3: Gap Tool

1:22Step 4: Adjusting Spacing Width

1:40Step 5: Horizontal Spacing

1:55Step 6: Checking the Result

2:09Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:31Step 1: Smart Guides

0:51Step 2: Aligning Spacing

1:05Step 3: Gap Tool

1:22Step 4: Adjusting Spacing Width

1:40Step 5: Horizontal Spacing

1:55Step 6: Checking the Result

2:09Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Smart Guides

Step 2: Aligning Spacing

Step 3: Gap Tool

Step 4: Adjusting Spacing Width

Step 5: Horizontal Spacing

Step 6: Checking the Result

Done!

Introduction

Step 1: Smart Guides

Step 2: Aligning Spacing

Step 3: Gap Tool

Step 4: Adjusting Spacing Width

Step 5: Horizontal Spacing

Step 6: Checking the Result

Done!