Learn to animate in Illustrator and After Results on this free movement design course for freshmen.
Bounce to content material on this part:
What You may Study: The Movement Design Course of
- discover inspiration earlier than you begin your challenge
- How to attract a personality from scratch utilizing easy shapes in Adobe Illustrator
- prep your information so you possibly can transfer seamlessly from AI to AE
- animate particular person components of your character
- create a sticker peel impact
1. Introduction
1.1 What to Anticipate in This Course
On this quick lesson you will get an perception into what you will study on this course. In case you’re trying to get into movement design however do not fairly know the place to start out, then we’ll get you on the highway to creating your very personal animation from scratch.
1.2 Getting Began: Design Inspiration
It is at all times greatest to have some concepts earlier than you get began on a challenge, and generally meaning turning to different merchandise and types for inspiration. We’ll check out some nice work by different illustrators on this fast video.
“Are you a designer wanting so as to add slightly little bit of motion to your work, or maybe you are an animator trying to create your individual customized designs. Both method, that is the course for you.”
2.5 Creating Highlights and Shadows
Watch video lesson (7 minutes) ↗
I will present you the way to decide on colour to your highlights by beginning with the bottom colour of your character, adjusting that, after which altering the mixing mode. We’ll then add a rotation anchor level, and I will additionally introduce you to the Pathfinder software, which you will see is a extremely highly effective one in the case of making and adjusting shapes in your illustration.
3. Making The Sticker
3.1 Creating the Remainder of the Sticker: Kind on a Path Software
Watch video lesson (8 minutes) ↗
Now we have created our character, we will consider making the sticker round him. We’ll be including some background form and colour, textual content, plus one other little illustration of an orange phase. I will additionally present you methods to navigate some little points you would possibly come throughout, like needing to flip your textual content.
3.2 Giving the Sticker Some Texture
We have our sticker now, and it is wanting nice, but it surely’s slightly too clear and flat, so on this fast video we’ll take a look at including some texture to create a crumpled sticker impact.
Fast Shortcuts for Animation in After Results
1
Anchor Level
Shift/Decide + A
2
Fast Entry Hand Software
Maintain Spacebar and drag
3
Ease Keyframes Shortly
F9
5. Animating in After Results
5.1 Parenting Layers
Watch video lesson (3 minutes) ↗
If we pair some layers collectively it means we will create animation results on these on the identical time somewhat than having to duplicate that effort, so it is a good time saver. At this stage, you also needs to be sure that your anchor factors are in the best place so we’ll undergo that on this video, too.
5.2 Animating the Eyes
Watch video lesson (7 minutes) ↗
Choosing all of the ‘eye’ components of our character, we’ll arrange a pre-comp and have the ability to work on simply these components to animate them. On this lesson you will end up with the eyelid transferring and a pleasant little twinkle from the star too!
5.3 Animating the Sticker Background and Textual content Layers
I will present you methods to add some easy rotation animation to the sticker behind our character on this fast video lesson.
Take Movement Graphics Additional
Study extra about After Results animation, After Results animation methods and Adobe Illustrator, with a few of our free video programs.
In case you want to study another way, you may attempt our After Results animation tutorials, movement graphics tutorials, movement design tutorials and way more.
