Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Adobe Illustrator Tips for Motion Designers

School of Motion via YouTube

Overview

Explore essential Adobe Illustrator techniques for motion designers in this 51-minute tutorial by School of Motion. Learn to leverage the Blend Tool, perfect paths, create depth with duplicates, and develop non-destructive artwork. Master advanced techniques like consistent stroke width, layer isolation, clipping masks, and offset paths. Discover color management, shading techniques, halftone creation, and noise addition. Finally, learn how to seamlessly import Illustrator work into After Effects for animation. Enhance your motion design workflow and unlock Illustrator's full potential with practical tips and step-by-step guidance.

Syllabus

Using the Blend Tool
Editing a Blend
Perfecting Your Paths
Making Duplicates for Depth
Fixing Legibility
Locking Your Background
Developing Non-Destructive Artwork
Keeping Stroke Width Consistent
Isolating Layers for Clean Edits
Using Clipping Masks
Using Offset Paths
Creating New Color Groups
Grouping Layers for More Control
Shading
Creating Halftones
Adding Noise
Importing Illustrator Work into After Effects
Jake Barlett : Hey, it's Jake. And in this video, I'm going to show you some of my favorite features of working inside of illustrators, specifically for motion design. Illustrator is one of those tools that I feel like a lot of motion designers dread opening up. They really don't want to get in there because the interface is different than after effects the tools behave differently. And you can get frustrated pretty quickly if you don't know what you're doing. And I really wish it wasn't that way because illustrator is one of my favorite programs. And you can really do a lot inside of it much easier than if you were making stuff right in after effects. So I'm going to walk you through making some artwork in a way that you probably haven't thought of doing before and then bring it into after effects and make it really quick animation.
Jake Barlett : So by the end of this video, hopefully illustrator will be your new best friend. Let's jump in. Now what I have here are some artwork that's halfway there. It's not complete yet, but I have an old Nintendo entertainment system, original Nintendo cartridge, complete with the dust cover. So I'm going to jump over to my layers panel right here. If your layers panel isn't open, just come up to window, down to layers, and now we'll open up and I have this first object, a group of that dust cover. So I moved that off and we can see what's behind it. Here's our cartridge. And it's incomplete. This is what we're going to do. I'm going to finish completing this artwork. And if you want to follow along with me, you can go ahead and download the source project files for this video where you'll have both this state of the artwork, as well as the final project files, once everything is completed, but here we go.
Jake Barlett : This is where I'm going to start. But before I go any further, I want to point out that I have my properties panel open, and I suggest that you have that open as well. So come up to window and go down to properties. This is just a really nice panel that basically brings up the most commonly used options for whatever you have selected. So, as I grabbed certain things, uh, it's going to update based on what my selection is and give me controls without having to dig through a lot of panels. So go ahead and open that up. Let's go ahead and get started with this section right here and add in some more details. If you're not familiar with the design of an NES cartridge, there are basically some sections in here. This is kind of like a little trench that has some dividing rectangles inside here.
Jake Barlett : So I want to add in some lines and you might think to, you know, grab the rectangle tool and then drag a rectangle out and then I can make this, you know, the same way. Exactly. And then grab my eyedropper tool. I am the keyboard and then sample the other line so that it matches the style. And then I would have to maybe duplicate this and I'm using my smart guides. That's what these pink highlights showing up are. If you go up to view smart guides, command U is the shortcut. That's very helpful for snapping things to each other, but I can continue doing this, you know, holding option, clicking and dragging on an object to duplicate it all the way down. But there's another message that I think is a little bit quicker and more flexible. One thing that you're going to hear say a lot in this video is that this is one way of doing things.

Taught by

School of Motion

Reviews

Start your review of Adobe Illustrator Tips for Motion Designers

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.