EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

InDesign align

Home » Design » Design Tutorials » Design Basic Tutorial » InDesign align

InDesign align

Introduction to InDesign Align

InDesign Align is a very helpful and necessary feature of this software that helps us properly align elements of the content of the design layout. We do two types of alignment in this software first one is aligned design element for create effect layout design, and the second one is to align text content for managing space as well as arranging text in a good manner. InDesign offers us a whole panel of Align with some adjustable parameters option, and it also offers a Text Frame Option that allows us to align text along with the frame of that text. So today, in this article, i will tell you both ways through an example.

How to use Align in InDesign?

Align in Indesign can be a useful feature for you because it saves lots of time for properly aligning elements during arranging them. It also helps us maintain equal distance among the elements. So let me tell you all the important aspects and points of this align feature of InDesing.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Let us take a new document first, and for that, i will choose the Letter size page from the New Document dialog box.

InDesign align output 1

I have created these shapes for examples about this topic. I have drawn these shapes with the help of the Rectangle tool of the tool panel and just turn one corner of these rectangles into a round corner. If you want to know how to round corners in InDesign, you can go to my article “InDesign Round Corners”. I also typed some text here by using the Type tool of the tool panel.

InDesign align output 2

Now i will open Align panel to explain about align. If you haven’t aligned the panel on your user screen, you can go to the Window menu of the menu bar, and here in the scroll-down list of it, go to the Object & Layout option. In the new scroll-down list of this option, we have Align option. By clicking on it, we can enable its panel on our working screen, or we can simply press Shift + F7 as its shortcut key.

InDesign align output 3

This is the Align panel, and we have a number of parameters in it. So let us discuss each one by one.

InDesign align output 4

You have to select those elements which you want to align. For example, I want to align these rectangular shapes, so i will select them all and click on the ‘Align Left Edges’ option of the Align panel. It will align the left edges of all the elements.

Popular Course in this category
Sale
Maya Training (10 Courses, 7+ Projects)10 Online Courses | 7 Hands-on Projects | 100+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.7 (11,154 ratings)
Course Price

View Course

Related Courses
Photoshop Training (9 Courses, 12+ Projects)After Effects Training (1 Courses, 3+ Projects)

InDesign align output 5

The next option is ‘Align Horizontal Centers,’ which means it will align horizontal centers of the elements, or you can say it will align elements from their centers.

InDesign align output 6

Same as left edge align, we can align the right edges of elements by clicking on this option of Align panel.

InDesign align output 7

If we click on the ‘Align Top Edges’ option, then it will align all the top edges of elements. Here the top element is not visible to you because it is on the bottom layer.

InDesign align output 8

Let me down the opacity of these three shapes a little bit.

InDesign align output 9

And align them again, and you can see all the elements align from the top edge.

InDesign align output 10

Same as we can align from the center by the next option.

InDesign align output 11

Or align them from the bottom from the next option of center option.

InDesign align output 12

If you want, you can assign any element as a key element that means all the other objects will align according to the chosen key element. So, for example, first, select all the elements which you want to align, then make click on the element which you want to make a key element. Once you make a click, you will have a blue rectangular selection around the key element.

InDesign align output 13

Now i will choose the first align option, and it will align all other elements with the left edge of the chosen key element.

InDesign align output 14

Now i will place these elements at a different distance.

InDesign align output 15

After selecting them, i will click on the ‘Distribute top Edges’ option.

InDesign align output 16

And it will align all the top edges of elements at equal distance. If we choose ‘Distribute Vertical Centers’, then it will align the center of elements at equal distance.

InDesign align output 17

Same as ‘Distribute bottom edges’ will align bottom edges of elements at equal distance.

InDesign align output 18

Now i will arrange these elements horizontally.

InDesign align output 19

So after selection, i will click on the ‘Distribute Left Edges’ option.

InDesign align output 20

And it will distribute left edges at equal distances horizontally. So ‘Distribute Horizontal Centers will work the same as ‘Distribute Vertical Centers.

InDesign align output 21

‘Distribute Right Edges’ will align right edges at equal distance horizontally.

InDesign align output 22

You can assign any value for distributing distance. For this, enable the ‘Use Spacing’ option by click on its check box and enter your desired value. For this time, i will enter 1 inch as its value.

InDesign align output 23

And now, if i click on any distributing align option. It will align them at a distance of 1 inch.

InDesign align output 24

Here below to spacing option, we have the ‘Align To’ option, and through which we can choose according to which we want to align other objects.

InDesign align output 25

Now i will select this text with this green shape and make this shape a key element.

output 26

Then align this text at the center of this shape. After that, i will click on Distribute Vertical space option.

output 27

And it will align this text vertically at some distance of this shape.

output 28

If i will enter some value for spacing here.

output 29

Then you can see if we repeat the same option, then it will align properly with our text at some distance.

output 30

We have a horizontal spacing option for horizontal alignment.

output 31.1

output 31.2

You can see the text is not perfectly aligned with the center of this pink shape. The reason is that text is not aligned with the text frame.

output 32

For this, choose Text Frame Options from the Object menu.

output 33

And choose the Center option from the Align option of this panel.

output 34

Make sure Preview is on.

output 35

This way, we can make a good alignment.

output 36

Conclusion

I am sure you have been analyzed these things which we have been discussed above about align in InDesign, and you have learned lots of techniques for align the content of the design layout. Now you can play with the parameters of align panel to have more commands on it.

Recommended Articles

This is a guide to InDesign align. Here we discuss How to use Align in InDesign and have learned lots of techniques for align the content of the design layout. You may also have a look at the following articles to learn more –

  1. User Interface Design
  2. InDesign CS6
  3. Alternative to Indesign
  4. InDesign Document Setup

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Design Basic Tutorial
  • Basics and Advanced
    • Pro Tools Version
    • Sketch plugins
    • Online Gaming Platforms
    • InDesign eyedropper tool
    • InDesign rounded corners
    • InDesign align
    • InDesign resize image
    • InDesign scripts
    • InDesign export to word
    • InDesign newsletter templates
    • InDesign Magazine
    • InDesign Missing Fonts
    • InDesign line spacing
    • InDesign columns
    • InDesign overset text
    • InDesign data merge
    • InDesign grid template
    • InDesign layers
    • InDesign reset preferences
    • InDesign master pages
    • InDesign layout
    • InDesign portfolio template
    • InDesign invoice template
    • InDesign word count
    • InDesign underline
    • InDesign superscript
    • InDesign presentation templates
    • InDesign drop cap
    • InDesign how to add page numbers
    • InDesign resume template
    • InDesign import pdf
    • InDesign table of contents
    • InDesign change page size
    • InDesign book templates
    • InDesign link text boxes
    • InDesign vertical text
    • InDesign center text vertically
    • InDesign newspaper template
    • InDesign shortcuts
    • InDesign gap tool
    • InDesign paragraph styles
    • InDesign Grid
    • InDesign margins
    • InDesign highlight text
    • InDesign Wrap Text
    • ZBrush ZRemesher
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • ADOBE FLASH CS6
    • Adobe Lightroom For Free
    • Lightroom Background Color
    • Lightroom?Shortcuts
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • What is Adobe InDesign
    • Adobe Indesign Uses
    • InDesign Background Color
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Autodesk Viewer
    • Autodesk Navisworks
    • Autodesk Desktop Connector
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • Davinci Resolve Shortcuts
    • What is pixel art?
    • Picmonkey Alternatives
    • Adobe Flash Player Alternative
    • Pro tools shortcuts
    • Pro Tools Plugins
    • Architectural Design Software
    • Architectural Design Principles
    • Architecture Design Types
    • Architectural design tools
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
    • Revit Keyboard Shortcuts
    • Revit plugins
    • Indesign version
    • What is DirectX?
    • DirectX Versions
    • Cinema 4D Plugins
    • Cinema 4d shortcuts
    • Godot Engine
    • Godot tilemap
    • Krita Animation
    • Krita Software
    • Krita Shortcuts
    • Krita eraser
    • Krita brushes
    • Krita Pixel Art
    • Krita Plugins
    • Skencil
    • Fusion 360 Keyboard Shortcuts
    • Anim8or
    • Affinity photo plugins
    • FL Studio Plugins
    • Vectorworks
    • Architectural Design Elements
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape G-code
    • Inkscape mirror
    • Inkscape rounded rectangle
    • Inkscape EPS
    • Inkscape image to vector
    • Inkscape unlock
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape animation
    • Inkscape 3D
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape trace bitmap
    • Inkscape gradient
    • Inkscape Greek Letters
    • Inkscape shadow
    • Inkscape snap to grid
    • Inkscape Fonts
    • Inkscape extensions
    • Inkscape PNG to SVG
    • Inkscape Art
    • Inkscape transparent background
    • Inkscape Alternatives
    • Inkscape Remove Background
    • Inkscape text to path
    • Inkscape logo
  • Figma
    • Figma Libraries
    • Figma fonts
    • Figma Plugins
    • Figma grid
    • Figma Alternatives
  • SketchUp
    • SketchUp Keyboard Shortcuts
    • SketchUp geolocation
    • SketchUp animation
    • SketchUp Change Dimensions
    • SketchUp Import
    • SketchUp 2D
    • SketchUp rendering
    • Sketch software
    • Figma Shortcuts
    • SketchUp Layers
    • SketchUp landscape design
    • SketchUp group
    • SketchUp intersect faces
    • SketchUp Rotate
    • SketchUp Architecture
    • SketchUp 3D Models
    • SketchUp Vray
    • SketchUp Units
    • SketchUp garden design
    • SketchUp Layout
    • SketchUp Mirror
    • SketchUp Extensions
    • SketchUp Unhide
    • SketchUp kitchen
    • SketchUp background
    • SketchUp library
    • SketchUp dynamic components
    • SketchUp CutList
    • SketchUp Array
    • SketchUp Woodworking
    • SketchUp resize component
    • SketchUp Ungroup
    • SketchUp Deck Design
  • GIMP
    • What is GIMP
    • GIMP Versions
    • GIMP brushes
    • GIMP line tool
    • GIMP blend tool
    • GIMP clone tool
    • GIMP magic wand tool
    • GIMP 3D Text
    • GIMP healing tool
    • GIMP Layers
    • GIMP Fonts
    • GIMP Toolbox
    • Blur Effect in GIMP
    • GIMP Change Background Color
    • GIMP Floating Selection
    • GIMP?batch processing
    • GIMP Crop
    • GIMP Filters
    • GIMP GMIC
    • GIMP?opacity
    • Animation in GIMP
    • GIMP import image
    • GIMP replace color
    • GIMP text outline
    • GIMP video editing
    • GIMP Alternatives
    • GIMP vector graphics
    • GIMP text shadow
    • GIMP resize image
    • GIMP pixel art
    • GIMP invert colors
    • GIMP GIF
    • GIMP move selection
    • GIMP normal map
    • GIMP remove background
    • GIMP rotate
    • GIMP grid
    • GIMP text effects
    • GIMP erase to transparent
    • GIMP resize layer
    • GIMP Patterns
    • GIMP extensions
    • GIMP blur background

Related Courses

Maya Course

Photoshop course

After Effects Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

Special Offer - Maya Course Learn More