Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less | Helen Bradley | Skillshare

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (12m)
    • 1. Illustrator for Lunch™ - 10 alignment tips in 10 minutes - Introduction

      1:37
    • 2. Illustrator for Lunch™ - 10 alignment tips in 10 minutes

      10:31

About This Class

Illustrator 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 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:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

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

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

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

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

Transcripts

1. Illustrator for Lunch™ - 10 alignment tips in 10 minutes - Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for lunch 10 in 10, 10 alignment tips in 10 minutes or less. Illustrator for lunch is a series of illustrator classes each of which teaches a small range of illustrated techniques. You'll get an opportunity to reflect on your new skills in the class project. 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'll 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 part 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 will 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 are 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'd 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. Illustrator for Lunch™ - 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 will be aligned to the right. Now, 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 a align to key object. You can see that the hexagon has a darker, deeper blue border around it. Well, 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 align up, but 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", and 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 these selected objects in the last 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, and 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 groping objects before aligning them. I have a series of individual paths in this document. I'm going to select over all of these shapes, and I'm going to align them to the artboard. I want to center them on the artboard. I'm going to click "Align to Artboard", and I'm just going to click the "Horizontal Align Center" option. Now, 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 "Control 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", and I can equally space them between the left and right most objects by clicking here on "Horizontal Distribute Center". Now, they're evenly spaced. If I want to specify how much space, and I can use distribute spacing, but for this, I'm going to need to align to a key object. Doesn't really matter at 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 100 pixels of space between each of them. So I have 100 pixels typed in here, and now I'm going to choose "Horizontal Distribute Space". Now, there's 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 art board. 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 the 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're butted up against each other. Of course, they don't have to be the same style of 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 say 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 there are aligned, and I can just drag in a guide to just double-check. When we look at this one in Pixel Preview and dragging 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 "Control 0" to zoom back out 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. So these two anchor points are selected, and this is the one that is furthest up the document. I'm going to choose "Align to" 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". 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. So 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. 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 over 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 it's 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 will 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, and 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 Illustrator for Launch 10 in 10, 10 alignment tips in 10 minutes or less. I look forward to seeing you in an upcoming episode of Illustrator for Launch soon.