10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes or less - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes or less - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes or less - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (12m)
    • 1. Introduction to 10 alignment tips in 10 minutes

      1:23
    • 2. 10 alignment tips in 10 minutes

      10:27
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

376

Students

8

Projects

About This Class

Graphic Design for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn Ten Awesome Adobe Illustrator tips for aligning objects and anchors. You will learn to align to selections, key objects, key anchors, guides and the artboard. You'll learn why objects with strokes don't always line up as you want them to and how to fix that. And you'll learn to evenly distribute objects in a number of ways, including butting them up right next to each other. This class is jam packed with tips you can use every day as you work in Illustrator. Here is the result of applying one of the tips to align shapes with strokes:

54a35191

More in this series:

10 Adobe Illustrator Layer Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 Adobe Illustrator Pattern tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes - A Graphic Design for Lunch™ Class

 10 in 10 - 10 Adobe Illustrator Type Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 in 10 - Ten Top Adobe Illustrator Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Interface & Workflow tips for Adobe Illustrator - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Appearance Panel Tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Color tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Recolor Artwork tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Gradient tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Reflect and Rotate tips in 20 mins - A Graphic Design for Lunch™ Class

20 Path, Crop & Cutout tips in 20 mins - A Graphic Design for Lunch™ Class

20 Things New Illustrator Users Need to Know - A Graphic Design for Lunch™ Class

2022 Calendar from Scratch in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Extrusion Effects with Text & Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Perspective designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Y Shape Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Exotic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Handy Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Illustrator Shading Techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Cool Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Hexagon Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Abstract Ombre Background in Adobe Illustrator - A Graphic Design for Lunch™ Class

Add a Background to a Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

All you need to know about Brushes in Illustrator - A Graphic Design for Lunch™ Class

Banner and Award Badges in Adobe Illustrator - A Graphic Design for Lunch™ Class

Bends and Blends in Adobe Illustrator - A Graphic Design for Lunch™ Class

Blends and Gradients in Adobe Illustrator - A Graphic Design for Lunch™ Class

Block and Half Drop Repeats in Adobe Illustrator - A Graphic Design for Lunch™ Class

Braids, Rick Rack & More in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cacti with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circles with Brushes, Blends & Transformations - A Graphic Design for Lunch™ Class

Color Schemes to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Complex Patterns with MadPattern templates in Adobe Illustrator - A Graphic Design for Lunch™ Class

Convert a Sketch to Vectors with Illustrator Live Paint - A Graphic Design for Lunch™ Class

Create a Plaid or Tartan Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create Radiolarians in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create with Blends and Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Creative Half tone Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Curly Frames in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Corners for Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Organic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Project Backgrounds in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cute Furry Creatures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cutout Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Design in Black and White in Adobe Illustrator - Create Positive/negative images

Designing with Spirals in Adobe Illustrator - A Graphic Design for Lunch™ Class

Designing with Symmetry in Adobe Illustrator - A Graphic Design for Lunch™ Class

Diamond, Harlequin & Argyle Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - A Graphic Design for Lunch™ Class

Doodle Style Heart with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Hot Air Balloon in Adobe Illustrator - Fun with 3D!

Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Vintage Birdcage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw Safari patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Drawing to Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Easy Isometric Art in Adobe Illustrator - A Graphic Design for Lunch™ course

Export File Sizes & Resolution in Adobe Illustrator - A Graphic Design for Lunch™ Class

Faux Tissue Paper Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Flat & Dimensional drawing techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

Floral Alphabet character in Adobe Illustrator - A Graphic Design for Lunch™ Class

From One Design Make Many Variations in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun Effects with Graphic Styles in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Gradient Background Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Guilloche Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Hi-Tech HUD rings in Adobe Illustrator - A Graphic Design for Lunch™ Class

Ikat Inspired Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

I'm Seeing Stars - Shapes in Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Isometric Cube Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Knockouts in Illustrator - Holes in Shapes - A Graphic Design for Lunch™ Class

Large Scale Repeating Patterns in Illustrator - A Graphic Design for Lunch™ Class

Layered Paper Style Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Let's Go Steampunk! Draw Gears in Adobe Illustrator - A Graphic Design for Lunch™ Class

Live Trace (Bitmap to Vector) in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make a Lace Pattern Brush in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art with Stock Images in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Complex Art in the Appearance Panel in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Ditsy Patterns in Illustrator - A Graphic Design for Lunch™ class

Make Retro Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Scrapbook Papers to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make to Sell Printable Grids in Adobe Illustrator - A Graphic Design for Lunch™ Class

Master Masks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meandering Hexagon Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

More fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Multi-Color Faux Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Neon Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Nighttime Cityscape in Adobe Illustrator - A Graphic Design for Lunch™ Class

Organic Spiral Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern Design in Illustrator Masterclass - A - Graphic Design for Lunch™ class

Pattern in Pattern & Irregular Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern in Pattern in Adobe Illustrator - Doing the Impossible - A Graphic Design for Lunch™ Class

Pattern Know-how in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern of Lines and Dots in Adobe Illustrator - A Graphic Design for Lunch™ Class

Patterns in Adobe Capture for Illustrator & Photoshop - A Graphic Design for Lunch™ Class

Perfectly Overlap Rotated Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Piping Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pop Art Star Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Rainbow Gradient & Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mandala Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mirror Drawing in Adobe Illustrator - A Graphic Design for Lunch™ Class

Retro Landscape Illustration in Adobe Illustrator - A Graphic Design for Lunch™ Class

Road Trip! DIY Brushes & Live Paint in Adobe Illustrator - A Graphic Design for Lunch™ Class

Roaming Square Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seamless Repeating Texture Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Designs - Chalkboard Wreath - in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Ornaments in Adobe Illustrator - A Graphic Design for Lunch™ Class

Semi Transparent Flower Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Sharing and archiving files from Adobe Illustrator - A Graphic Design for Lunch™ Class

Sketch to Vector Art in Illustrator - Saleable Digital Assets - A Graphic Design for Lunch™ Class

Sketchy Image Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Something's Fishy! Appearance Panel Tricks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stipple Texture Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stitches & Needles & Sewing Elements in Adobe Illustrator - A Graphic Design for Lunch™ Class

String Art Inspired Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stylish Doodles to Make & Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Terrazzo Patterns Made Easy in Adobe Illustrator - A Graphic Design for Lunch™ Class

Text over Busy Backgrounds in Illustrator - A Graphic Design for Lunch™ Class

Textured Dot Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Triangle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Type on a Path in Adobe Illustrator - A Graphic Design for Lunch™ Class

Understanding Bounding Boxes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Use Photoshop Objects in Illustrator - A Graphic Design for Lunch™ Class

Vector Halftones & Houndstooth in Adobe Illustrator - A Graphic Design for Lunch™ Class

Vector Textures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Warp Shapes & Text in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolor Stripe Seamless Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolors with Type & Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wave Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Designs with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Diagonal Line Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Scrapbook Paper Designs to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Tree Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wreaths & Floral Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Zentangle® Inspired Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Introduction to 10 alignment tips in 10 minutes: Hello, I'm Helen Bradley. Welcome to this Graphic Design for Lunch class, 10 Adobe Illustrator align tips in 10 minutes or less. Today we're going to look at 10 alignment tips. You'll learn how to align objects to each other and to the art board. You'll learn what a key object and a key anchor are, and how to use them. You will learn why objects often don't line up neatly when they have strokes around them, and how to make sure that they do. You'll learn how to align to guides and how to put two objects up against each other, or to separate them with a fixed amount of space. By the end of this 10 minute video, you'll know pretty much what there is to know about alignment so that you can work more quickly and effectively in Illustrator. As you're watching this video, you will see a prompt which lets you recommend this class to others. Please, if you're enjoying the class, do two things for me. Firstly, give it a thumbs up and secondly, write just a few words about why you're enjoying this class. These kind of recommendations help other students to say that this is a class that they too might enjoy. If you'd like to leave a comment or a question for me, please do so, I read and respond to all of your comments and questions, and I look at and respond to all of your class projects. Now let's get started on our 10 alignment tips in 10 minutes or less. 2. 10 alignment tips in 10 minutes: In the class project area, you're going to see a link to download all 10 files that I'm working with today so that you can follow along. The first tip is to align to the artboard and align to a selection. We're going to use the align panel here, you can get to this by selecting it from your bar down here or choose Window and Align. You're going to open the flyout menu and choose Show Options, that's important because these options are important. I'm going to select here Align to Selection. Now when I select over these objects and do something like select Vertical Align Top, they're going to be aligned to the topmost object. If I choose Vertical Align Bottom, then they're going to be aligned to the bottom-most of these objects. If we choose left, they'll be aligned to the left. If we choose right, they would be aligned to the right. In contrast, if we choose Align to Artboard, when we select these objects and choose to align them to the top, they're going to be aligned to the very top of the artboard, or the bottom, or the left, or the right. The next tip is aligning to a key object. It's an option here but it's grayed out right now, I need to select over these shapes before I can use it. I'm going to click here and specify Align to Key Object. You can see that the hexagon has a darker, deeper blue border around it, I'm going to make the key object the circle. The key object always has this border around it and you can just select any object to make it the key object. Well, this means that everything is going to be aligned relative to this key object, it won't move, everything else will move. If I want to align everything to the center of this object, I can just click here on Vertical Align Center, the yellow circle is not moving, everything else will move. Any one of these alignment options can be set to Align to Key Object and you would use that when you want everything to line up or you have a particular object that you do not want to move in the process. Tip 3 is aligning to guides. You can create guides in any Illustrator document by choosing View, Rulers, Show Rulers. You can drag a guide off the ruler line into the document. I'm going to select over all of these shapes and choose Align to key Object. The guide is the key object by default because it is the topmost one of the selected objects in the layers panel, that will always be your default key object. Of course, you can change it to any other object by just clicking on that object, but I'm going to leave it to be my guide. I can now align objects to this guide, for example if I choose Vertically Align Bottom, all of these shapes will align their bottom edges to the guide. When I'm done with the guide, I can just click it to select it and press Delete. Tip 4 is grouping objects before aligning them. I have a series of individual paths in this document, I'm going to select either all of these shapes and I'm going to align them to the artboard. I want to center them on the artboard, so I'm going to click Align to Artboard and I'm just going to click the Horizontal Align Center option. Unfortunately, what I might have expected to happen has not happened. Each of these shapes has been treated as an individual shape and sent it to the artboard, but that wasn't what I wanted. I'll press Ctrl Z, and now I'm going to select over all of these shapes and group them by choosing object group. This time when I go and select the Horizontal Align Center, the object in total is going to be centered on the artboard as a single object, not as a series of individual objects. Tip 5 is arranging equal spacing between objects. There are a number of ways that you can specify equal spacing between objects. I'm going to select all these rectangles here, I'm going to choose Align to Selection. I can equally space them between the left and right most objects by clicking here on Horizontal Distribute Center, and now they're evenly spaced. If I wanted to specify how much space, then I can use distribute spacing, but for this I'm going to need to Align to a Key Object. It doesn't really matter what object I choose, but it may to you, so make sure that you have the correct key objects selected. I'm going to align these with a 100 pixels of space between each of them. I have a 100 pixels typed in here and now I'm going to choose Horizontal Distribute Space. Now there's a 100 pixels of space between each of them, and the blue object has not moved because it is the key object. You can also align objects relative to the artboard. I'm going to select all of these, I'm going to choose Align to Artboard. In this case, if I choose an option such as Horizontal Distribute Center, they're going to be aligned across from one side of the artboard to the other with their center points equally distributed across the document. For each one of these horizontal alignment options, there are also a set of vertical alignment options that you could use to distribute objects in a vertical direction. Tip 6 is butting two objects up against each other. For these two objects here, I want to align them so that there is no space between them at all. I can use the Distribute Spacing option to do this. First of all, I'm going to select one of these as a key object, and I'm going to set the spacing to zero pixels and then click Horizontal Distribute Space. The result is that there is zero pixels between these two objects, which by definition means that they are butted up against each other. Of course, they don't have to be the same style or shape. Again, Align to Key Object, zero spacing, Horizontal Distribute Space, and these two shapes are now butted up against each other too. Tip number 7 is using pixel preview. In some circumstances, you might need to make a visual check to make sure that objects are aligned as you want them to be aligned. I'm going to click on the zoom tool and just zoom in here. It's difficult right now to see that these objects are aligned perfectly, but if I choose View and then Pixel Preview it becomes a lot easier for me to see if they're aligned and I can just drag in a guide to just double-check. When we look at this one in Pixel Preview and drag in a guide, you will see that these are not well aligned. Well, I can go to the selection tool, select this object and just move it over. I'm going to re-select my guide, press Delete, and then Ctrl 0 to zoom back out. I'm confident in my knowledge that these two objects are now aligned. Tip number 8 is aligning to anchor points. In addition to aligning shapes to each other, you can also align anchor points. I'm going to the Direct Selection tool here. I'm going to select over this anchor point and Shift drag to select this one. These two anchor points are selected, and this is the one that is farthest up the document. I'm going to choose align tool and make sure it's set to Align to Selection. I want to align both of these so that they're both at the same level in the document matching this height. I'm just going to click here on Vertical Align Top, and that moves this point so it's aligned perfectly with this one. Tip 9 is aligning to a key anchor. It's possible to align anchors in a similar way to the way that you align objects using a key anchor. The trick here is that the last anchor that you select is going to be the key. I'm going to the Direct Selection tool, I'm going to select over these anchors and I'm going to hold Shift and select over these three. Finally, I'm going to select the anchor that I want to be the key anchor, which is this one here. Now, if I select Align to Key Anchor, and then click here on Vertical Align Top, the points are all going to be aligned to the position of this particular point. The final tip is using preview bounds. I'm going to select either these two shapes and I'm going to align them to their left edges. I'm just going to choose Align to Selection, and I'll click here on Horizontal Align Left. Now, you might be surprised by what's happened. These two shapes haven't aligned perfectly to the left, and the reason for this is that Illustrator doesn't count the stroke as being part of the object. What it's done is it's said, well, this is the object and this is this object, so I've aligned them perfectly. If you want them to align so that their strokes are aligned, select either both of the objects and from this panel here, choose Use Preview Bounds. That changes the behavior of the alignment and when I click Horizontal Align Left, this time the shapes are aligned so that their left edges including their strokes are now in alignment. That concludes our 10 alignment tips in 10 minutes or less. Your project for this class will be to tell me which of these tips you think is going to be the most useful to you. I hope that you've enjoyed this class and that you've learned a lot about alignment in Illustrator. As you're watching these videos, you would have seen a prompt which lets you recommend this class to others. Please, if you enjoyed the class, do two things. Firstly, give it a thumbs up. Secondly, write just a few words about why you enjoyed it. These recommendations help other students to see that this is a class that they too might like. Now if you'd like to leave me a comment or a question, please do so. I read and respond to all of your comments and your questions, and I look at and respond to all of your class projects. My name's Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch. I look forward to seeing you in an upcoming episode soon.