Shape Tools and Design Alignment Techniques for Layouts in Adobe InDesign

Learn how to create and customize shapes, manage strokes and fills, apply effects, and align elements for a polished layout in Adobe InDesign.

Explore the basic principles of creating a digital portfolio using Adobe InDesign. This detailed article provides a step-by-step guide on how to use various tools within the software, including the shape tool, stroke and fill options, transparency adjustments, and the eyedropper tool for color matching, to create a visually engaging layout for your projects.

Key Insights

  • Adobe InDesign offers an array of tools to create an engaging digital portfolio. The shape tool, for instance, allows you to create different shapes such as rectangles, circles, or polygons that can be filled or outlined with different colors according to your design needs.
  • The software also allows you to adjust the transparency of your design elements. By right-clicking and going into effects, you can alter the opacity of a shape, image, or text from 100% to a lower percentage, creating a layering effect on your layout.
  • Color matching is an important aspect of design in Adobe InDesign. The eyedropper tool allows you to match the color of a shape or text to any color present in your document, ensuring a cohesive visual theme. This color can be saved to your swatches for future use.

This lesson is a preview from our Interior Design Professional Course Online (includes software & exam). Enroll in a course for detailed lessons, live instructor support, and project-based training.

This is a lesson preview only. For the full lesson, purchase the course here.

Adobe InDesign offers a surprisingly intuitive set of tools for building polished, well-designed layouts. Once you understand how shapes, color, and text work together, you'll find that creating a professional portfolio is far more approachable than it might seem.

Drawing Basic Shapes

To work with shapes, start by selecting the shape tool from the left toolbar. The rectangle is the default option. To access other shapes, left-click and hold the icon to reveal the ellipse and polygon tools.

Click and drag on your document to draw a rectangle. Every shape you create has two key properties: the stroke, which is the outer edge or border, and the fill, which is the interior color. Once your shape is drawn, you'll see both options in the toolbar at the top of the screen.

For example, you might remove the stroke entirely by selecting None, then set the fill to black. From there, you can reposition the shape anywhere on your layout. If you want the shape to sit behind other elements, go to Arrange > Send Backwards.

Learn Interior Design

  • Nationally accredited
  • Create your own portfolio
  • Free student software
  • Learn at your convenience
  • Authorized Autodesk training center

Learn More

You can also create a shape with only a stroke and no fill. Select the stroke, choose a color like blue, and use the weight control at the top to make it thicker or thinner. Both approaches are valid depending on your design goals. You might also combine the two such as a blue box with a black outline.

Circles, Ellipses, and Polygons

To draw a perfect circle, select the ellipse tool, click on the document, and hold Shift while dragging. Holding Shift locks the proportions so you get an even circle rather than an oval. To draw a freeform ellipse, simply skip the Shift key. The same fill and stroke controls apply to both.

For a polygon, select the polygon tool, click and drag (holding Shift for even proportions), and then click inside the shape. A dialog box will ask how many sides you want. Type 3 for a triangle, and InDesign will generate it automatically. From there, you can apply any fill or stroke color just like any other shape.

Using Shapes As Layout Elements

Shapes become especially useful when you want to highlight specific areas of an image or create visual callouts. A helpful habit is to press W to enter Print Preview mode before drawing a new shape. This prevents you from accidentally selecting an image underneath.

Draw your shape outside the page area first, then move it into position. If you want to frame a specific detail in an image, for instance, a building in a site plan, draw a rectangle around it with no fill and a visible stroke. A stroke weight of around four to six points works well for clear callouts.

You can also customize the line style of any stroke. In the Stroke panel on the right side of the screen, you'll find options ranging from solid lines to dashes to styles like Japanese dot. These can add visual interest and help differentiate callout lines from other elements in your layout.

Adding Transparency to Shapes

When you want a shape to overlay an image without fully obscuring it, transparency is the answer. Draw a shape, give it a fill color, then right-click and go to Effects > Transparency. Check the Preview box so you can see changes in real time, then adjust the opacity slider. Dropping the opacity to around 10 to 20 percent creates a soft color overlay that lets the image underneath show through.

This technique works well for adding a subtle color wash over a photo or drawing attention to a particular area of the page without blocking the content beneath.

Matching Colors with the Eyedropper Tool

Color consistency is one of the most important aspects of a well-put-together portfolio. InDesign's eyedropper tool makes it easy to pull exact colors directly from your images and apply them elsewhere in the document.

To use it, press I on the keyboard or click the eyedropper tool in the toolbar. Click on the color you want to sample from your image. Once the color appears in the color panel, double-click it and select Add to RGB Swatch. From that point on, the color is saved in your swatches panel and can be applied to any shape, stroke, or text element with a single click.

Adding Callout Lines

To connect a shape callout to a specific location on the page, use the line tool. Click where you want the line to start, hold Shift to keep it straight, and drag to your destination. You can match the line style to your shape outline such as using Japanese dots for a cohesive look, or switch back to a solid line for a cleaner appearance.

For added clarity, InDesign lets you add an arrowhead to either end of a line. In the Stroke panel, use the arrow type selectors to choose a style. Depending on which direction you drew the line, the arrow will appear at the start or end point.

Working with Text

To add text, select the text tool and click and drag to draw a text frame. Once the frame is in place, go to Type > Fill with Placeholder Text to populate it automatically. This is a useful way to check how much space your copy will occupy before you have final content ready.

Justification options appear in the top toolbar: left, center, right, or fully justified. Fully justified text creates clean, even edges on both sides, giving the layout a more structured, magazine-like quality. Use whichever alignment best suits the feel of your page.

Alignment and Spacing

As you build out your layout, alignment becomes one of the most powerful tools at your disposal. InDesign displays green snap lines when elements align with each other, making it easy to keep things consistent. Take time to align image edges with text frames, match white space on opposite sides of the page, and ensure that callout lines connect cleanly to their corresponding elements.

If an image appears cropped in a way you don't want, click the frame with the black arrow, then use Fit Content from the fitting options to reveal all edges of the image within the frame.

Installing New Fonts

If you want to use a specific font not already on your computer, search for it online with the phrase "free download" added to the name. Download the file, double-click to install it, and then restart InDesign. New fonts will not appear in the font list until the software is relaunched, so keep that in mind when planning your typography.

With a bit of practice on a single spread, the tools covered here start to feel natural very quickly. Shapes, color matching, callout lines, and thoughtful text placement all work together to create layouts that are clear, professional, and visually cohesive.

photo of Richard Hess

Richard Hess

Richard Hess is an accomplished designer with over 23 years’ expertise in architecture, interior, and furniture design. He obtained his Bachelor’s Degrees in Architecture and Interior Architecture from Auburn University before pursuing a Master of Architecture at NewSchool of Architecture & Design, where he graduated top of his class. Currently, Richard serves as the Director of Career Services at his alma mater, while teaching thesis and portfolio courses, equipping graduates for careers in the ever-evolving field of architecture and interior design.

More articles by Richard Hess

How to Learn Interior Design

Develop the skills to create functional and aesthetically pleasing interior spaces.

Yelp Facebook LinkedIn YouTube Twitter Instagram