After Effect For beginners : Animating Simple Illustration. | Nshuti Paulin | Skillshare

After Effect For beginners : Animating Simple Illustration.

Nshuti Paulin, Motion Graphics Artist

After Effect For beginners : Animating Simple Illustration.

Nshuti Paulin, Motion Graphics Artist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (48m)
    • 1. Trailer

      0:26
    • 2. Project files

      2:02
    • 3. Separating vector in illustrator for animation part 2

      5:01
    • 4. Separating vector in illustrator for animation part 1

      6:27
    • 5. Save as illustrator file

      1:32
    • 6. Importing illustrator file in after effect

      4:27
    • 7. Animating in after effect part 1

      4:30
    • 8. Animating in after effect part 2

      7:03
    • 9. Animating in after effect part 3

      4:27
    • 10. Animating in after effect part 4

      6:09
    • 11. Customizing the animation

      2:31
    • 12. Finishing the animation

      1:25
    • 13. Exporting as Gif

      1:48
  • --
  • 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.

30

Students

--

Projects

About This Class

Hello Every one  welcome in this After effect for beginners where we will learn by creating simple illustration project 

my name is nshuti paulin and  i am your instructor in this course ,  you don't need to know anything about after effect or illustrator in this course I will share with all you need to create the simple animation  in after effect  we will start by finding the asset we need to use in this class then we will separate all the layers in illustrator  then after we will learn how to animate simple illustration in after effect 

this class comes with project files so you can follow me along

if you are ready to learn to create illustration animation in after effect

Enroll in this course i will se you in the first lesson.

Meet Your Teacher

Teacher Profile Image

Nshuti Paulin

Motion Graphics Artist

Teacher

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.

Transcripts

1. Trailer: Hello everyone. I come in this after vehicles honestly share we are tissue basic admission enough they fit. You don't need tough and experienced enough to affect or show if you editing, you need to know to get started. In this course, we're going to learn by creating simple project and publish it on Scotia class project. So if you alluded to MO in this course, are seen in this lesson. 2. Project files: If I come back in this video, I want to start by finding the Pfizer going to be using. So as you can see, I'm on this Arab states for people to come visit the place I'm going to be found in the files are going to be using in admission. So you don't have to create your on a vector phi is you can come on this subset to find the first practices. So let's try to search lake office office. Then you have to hit enter. So as you can see, there is a lot of factors. It Clinique zirconia is this one. This one. There's a lot of venues in this a pixel. You have to come on this website to find the three-phase economies to practice your admission. This is my press, please a fund or the, if I want to practice a mission, if I come on the subset found is some, prefers to use f to come on this subset. So this is the vectors you can download. As you can see, this is the premium, but you can also find a lot of F31. It cannot let this one, this is a free vector. You can use this one. So there are lots of free fuzzy K-means. So if you want to download this, repeat Hector, first you have to click on this, but then you have to click on this free download. So I have downloaded my eyes, you can serve it daily demoed limits, but I can log into continental download as many electors as this is the, let me show you the one I have done this. So this is the vector coping specific downloaded are going to be a admitting this one has four going to be using a jitter to support or this verifies Daniel to be admitted in After Effects. So I've seen other video. 3. Separating vector in illustrator for animation part 2: Okay, so we're going to continue to support this layers. So I want to separate this share is this one. So you have to add a new layer. Then I'm going to add 2.5 to fund it, showed to have to find, we think that this is the group going to find this group down. Then z2. Suppose ditches. So this is the second one. So I'm going to have to create an area then I have to call it x0 and about three general bus SRI think This is done. Gentlemen, is she going to have to support this laptop? Laptop? This I'm going to call it Mark. And number two. Let's add an area. Mach number three. So this is like number two, Mach number three. So let's add this lamp. Let me call it table light. This one. New layer. Then I'm going to pick up. We think this is done. Then nearly a full book k. So this will collides here. Then we have table number two. Number two. So if you want to, you can continue to separate these layers, but I'm going to keep it as a burglar and I'm not going to be admitting this continent, continent to be the background, but if you want, you can separated the nucleon admitted. So I think I have to admit this to lump, but I think I can I don't have to do it. So but if you want to plan a support all this lamp and couldn't admit it. So we're going to be admitting this is one. So I seen other video. 4. Separating vector in illustrator for animation part 1: Okay, so in this pseudocode to separate orders of the vector of downloaded in the last video. So I'm going to open the files downloaded, as you can see of unzipped this gotten office coconut space. So you have to say you designed a click on this, this one. I'm going to append to if, if, if, if Adobe Illustrator click OK of two Iturbide open. So now you can see, seems to inputting the director of download it in the last video. So I'm going to start to separate it fits for. I'm going to zoom in so we can see all the a as. Then you can start to remove a, something like this that has to GTD or this. Then you can keep on this vector. So I'm going to separate this plant and this PC on this map, bu, this parent and this port. So I want to separate the layers, then it can be able to admit it in After Effects in the next video. So you have to go on this layers. Then you can click on this edge uptown. As you can see, I have a lot of layers. Has to click to see layers youngster plate, this one, as you can see. So, and so I'm going to move on this. To create a new layer, you have to click on this layer. Then you can call it. You can give it a name like boats. But layer. Then you can take these off here, then you have to put it right in here. As you can see now, the layer, this body of added on this podria near layer. So now we're going to continue to see early thing here. Then you can separate it. As you can see, this chair and a table and this plant on the same layer won't separate it. By adding a new layer. Then they have to go on this group of this. Then you can choose table. I think this is the table I'm going to And it's led to on display a number three. Then I can call it tab1. Tab1. So you can continue to Greek and see this is the table. Then I'm going to move the plant is a first term of the PC. This a MacBook. And scroll it. Mark one. Didn't contact this mark one. And right now you can see of this layer on its own. So I'm going to move this plant. Let's say some of the Xia Xiang, I'm going to remove the layer this share by Tia and put it on Gian. As you can see, all of these share on its own layer. And we're able to remove all this plant and this box of pens. Let's call this plant one. Plant one. Then in-context this branch one, and it's right here. Then after these books, let me call this pen books. Pens books. Then you can go to this layer. There's a box and put it right on the books, as you can see, a finish to separate this battle of this body, this primes, this box JR laptop and the table saw to support these plants to create a new layer and start on the plant. To plant number two, we have to find it. As you can see, this is the one to select it, and this right here. So this is plants number two on its own layer. As you can see on these two different, a laptop and this gap and this slide, so and also this book. So all these layers, I'm gonna spread it in the next video. I'll see you in our dorm. 5. Save as illustrator file: So before you start to admit this victory off to save it, to save it as ai. So as to quick servers. Then you have to choose the prescience to save. So one to submit in this projects phi for the want to call it warping space vector. So I'm going to save it then our product as exercise file. So you can a admits it by on you can separate files, then you can admit it. So you have two clicks if you have to make sure it is. As typos. Adobe Sita, ai dot Daniels to click save the NF2. Okay? So I think the, the vector is served as a separated. So along to this is going to be, this is going to be as a background. So in the next we don't want to start to admit sits in the after effects. So I see in another video. 6. Importing illustrator file in after effect: Okay, so in this video we're going to start to admit a enough to effect. So as you can see, this is the after effect. If you don't have inexperience off after effect or if you don't have a aftereffect before. This is how it look when you open after they fit. You can see, you can click on this to start a new project. This is the scent projects created. So I'm going to click on this new project to start a new project, click new. Then you have to wait a little bit. Then you have to say first before you start anything. So I'm going to save this project. We want to save it to go on project phase. Let's call it O king. Looking space mission. Then I have to say so. As you can see, this is how to look at the effect of the fuel. So this is a project that is going to be stored until this is can I start a new project lead TA can put new phi. You can also export right here. So this is the timeline. This is we are going to be editing a, admitting our mission. This is the composition panel. This is we are going to be presenting everything I wanted to be admitting. So you can start any composition by clicking on this icon or silicon starts in a competition from footage. So I'm not going to study decomposition right now. I'm going to import, to import the firewall saved in the last video. So you have to go find a firewall sift projects for the two strategies. One, didn't have to import. So it can be input as Footage. Also you can put as a composition and layer size. So I'm going to click OK, then it's going to start to import. So as you can see, this is how the composition look. Now you can see it is a polluted, everything is on its own layer. So I think I've said this in the long prison gong to change the place. I'm going to save this. To go on servers. Then you have to change the place. Projects first for the slow, I think this is the place you want to save. This. So as you can see, codifies is on its own layer. As you can also click on this, then you can see, oh the nails we have separated plant one plot to tip one to Mach one. And if it thinks so, you can also view everything by clicking on this. As you can see, this is the this is the Mach one. This is the table. This is the Chuan plan, Tuan pens books and thens prime to n plus two and jet to just three. Mach three mapped to Ebola, right? And everything. You can also view this background by working on this. As you can see, there's no background when you click on this. So I'm going to be admitting this in the next video. I seen it. 7. Animating in after effect part 1: Okay, so in this video, I'm going to start to admit this, this port on this mock discharge and this to plant and this table. So I'm going to say is that by admitting decided then I admitted this side later. So before we start, we have to make the decomposition. So optical is today you decompose or these different fails in one composition. So you have to select, like you can see this, but this map, this table of this, all of this. By hitting Control and pens books. Then they have to click on your mouse and have to click on this recompose. Then you have to call it the kinda call it do A12. But I'm going to call it mentioned Section one, admission. But one. Then you have to make sure you selected this attribute into the NEO compositions. So then after Crick, okay, so as you can see, everything this or not selected. Well, you can select this one cannot straight. This is composition, but you can select the plant because of added this section in the decomposition. If you don't want to see this, you can remove it all at once. So I'm going to admit this to double-click Mackenzie and be able to admit it in Israeli. So you can start in the layer you want. I'm going to start on this, this port, so you have to select it and switch this pen bind and can point to this point and move it by its ink. Control intregal, downright Tia, have to fix it in this one. So then you'd be able to admit it. So I'm going to admit it by scan of the selected these on our timeline right here. Then you have to pick S1, your keyboard. I'm going to add scare. This is the v2. Click this. Then I'm going to and another keyframe lights here. So I'm going to remove this one. Then I have to go back on 0. So then plan preview this and see how it is clear from the anchor point to have added right here. Then the case gala Upsilon. It's, it's preview. So you have to make sure to serve in order to avoid any interruption. So you have to take this keyframe and keep it close in order to increase the, decrease the time to take to admit this. So you have two continent to keep it close. So as you can see, it is not looking good. You have to make it is, is. So you have to strict or this and make it different mass systems is. So this is how it's look. So in the next video, we're going to continue to admit it all this terrible things. So I seen other videos. 8. Animating in after effect part 2: Okay, so interested to have admitted this board. So as you can see, this is how to look. So in this pseudocode to amidst all this, a table and chairs and all this math and this plant on these books. So I'm going to admit it a fast, so I need to keep this video short. I'm going to start by of the tick this to keyframe of To keep it. Keep it slightly. So I'm going to admit this table, this jail. The boundary to answer F two to keyframe lights here. And we're going to add p of two, click on Default position at keyframe on both. Then we have to go and you have to select it by hitting Shift or control and put it down like this. So let's preview this. So I have to make it is on both keyframe assistance is, is also you can click on if LAN, if he wants to make it is for you. So let's see the preview and see how it look. Look so nice. So I'm going to admit this PC one to scale it to. This mark. Won't add keyframe right here. So you have to select the anchor point and put it right here. Then I have a keyframe to click on S for scale, different rights here. Then the earth to make it 0. So as you can see it scale from the table. To make it is p53 my systems is. So I'm going to admit this branch to, to keep this on this table. And I'm going to admit this branch, so this to plant. This plant and books. You can also select, or this plant and pens books of two Greek on, is. You have to strict this anchor 0.1 and put it right here. Then on depends books you have to select different, put it right here two. Then you have to select both. I'll select both and click is on new keyboards, then add keyframe. And both. Then they asked to go on 0 on both. So now it's admit from this career. So I'm going to restrict it or this and make it. So it's, it's preview to the table and the j comes on this. Bam. So I have to make, this doesn't come at the same time. Okay, so I'm going to preview first. Let's preview this. So as you can see, I've created a simple unmentioned, but I'm going to separate this F2 Creek you to show keyframe on this. Then he has to strict this fiscal frame of a table of trivia, I think and is to this P-frame and this splits it preview again. See the tip of first share. Okay, so I'm going to keep all this close to this. So let's save it. Okay, so we're going to continue to admit this table in the next video. 9. Animating in after effect part 3: Okay. So in the rest of it, you have to admit this boat on this and a bowl mock and this plant on this box. So let's preview it again and see if the look so nice. So I think is some of these emissions look in slow as to make it look so fast. So we have to make this too close to the previous ci. Again, hard to look. Snow concedes, look so fast. So limited. It's, it's previewing an answer. So you can make this emission look good. So let's first can make this admission look good by selecting this to keyframe and click on this a glove editor. So you can have to show it speeds graph. You have to click on this to make sure it is selected. Then you can switch these two P-frame and keep it. Let this solids. If she wants to make it local first leg this so you can continue to and it's this glove. So let's make it look good. So you have to make sure the speed, this is the, you can control the speed of the speed graph in the way you want. So you can, as you can see of make it look like this and it is not looking good. So I'm going to continue to keep it the way chose. And this. So let's preview again and say. So this is how you can create a simple animation in After Effects. So let's go back on Workspace and seeing how it's look. So as you can see, it is not, cannot see this. The mentioning of created until you click Preview on your keyboard. So my Yukon cities looking nicer to serve it. In the next video, I want to admit this plant and this two chairs and a discount or this laptop. So I seen other video. 10. Animating in after effect part 4: Okay, so in the rest of the elephant is to admit this, this section, this table and chair and broaden this mark and all these books and the plant. So in this video, I want to admit this side. So Obama to pre composite or this thing. So I'm going to select the plant to T2, S3, everything. Then I have to recompose to make it mentioned but two. So you have to make sure to click on this and you have to click Ok. So I'm going to double-click on this. So I'm going to start on this plant. You have to strict plants and components. And this does to make sure it control to make this. Then I'm going to admit it. Heating is at keyframe right here. Under keyframe for 00. So let's make it easy is good from a systems is. So as you can see, make this admission look nice. So I'm going to admit this chair and table. Want to admit it? Or to answer it before position and keyframe. And its chair and table Henri, dinner to add keyframe. Makes sure to strict control or shift, shift and it's put it down or this must make it like this. And as you can see, the columns or at the same spot ultimately it is. The frame assistance is. So let's preview and see. Okay, so I'm going to keep all this keyframe close like this. Then I'm going to admit this is bc, this Mach two crick S keyboard than f to get this anchor point it control and put it here. Then is to reframe them as to why it's 0. So I'm going to admit this second math too. I'm transmitted this mock also F2 script on this anchor point. Next shot, strict control and put it right here. So I'm going to add one to copy this to keyframe control copy. Then you can paste it Control V. So we can also copy and paste it if you want. So now you can see how it is looking. So I'm going to admit this lamp and a book on the scope, so we have to let me close all this. I'm going to select it all at once. So I think I'm going to make it show you how you can admit the heirs to click on your keyboard. Then you frame right here. And the keyframe right here for 0 on both. So as you can see, this is how it look. So I'm going to make it is keyframe assistance is, is. So in the next video I'm going to customize it to look more nice soils in other video. 11. Customizing the animation : Okay, so in the last videos, you need to admit all these things. So in this solicit preview and see how to look before we continue. So I'm going to save it first. Then you have to make this to keyframe. Make it close like this. F to make it like this, or this keyframe and put it here. So let me select this control. You have to click on your keyboard. Then I'm going to make it like this to pitch you on your keyboard. So let's preview antsy outlook. So I think these two BC, they may hits you on keyboard to see this. So I'm going to make it a, I'm going to make it is first give them assistance. Is the nails to Detroit. To add this, I think. Then I have to make this to keyframe. Too strict or too strictly frame and make it like this. So let's prevent. See. Now you can see it looks so nice, so you have to save it again. So now you can see options to customize this admission. So I see another video. 12. Finishing the animation: Okay, so in just for deafness to customize the second admission, this one, so let's hit play here again and see how it's look. So you can see it looks so nice. Tool PCI at this capacity. So I am going to privilege in space. So let's preview and see. I have two surveys. So let's preview antsy. Maybe I need to to this and make it to this. Ok, so now as you can see, it is looking so nice. So this is how you can admit this effect. I have downloaded on free peak, you can demoed another victory. Then you have to admit it in order to practice, to admit enough to fix. So this is the basic of admission. So IOP of an underload in this video are seen at the line. 13. Exporting as Gif: Okay, so before I finish and I need to share with you how you can exploit the commissioning of created. As you can see, this is the commissioning of created. And you have to go and find the vector on free peek So you can admit it and post it on schizo class projects. So in this video, I'm going to show it here. You can export it as a gift. Then you can you can post it on ski chakras projects. So you have to go on this composition, then you have to stretch this to adopt the encoder Q. You have to, you have to have a Media Encoder cue. So if you have adobe after effect and adopt a kid, also have these adopt maintain codec. You have to install it on your PC or your Mac, so you have to click on this. Add to my Danko that Q. Then you have to wait a little bit. Opened, toed, mundane product. Q. Outweighed the fight to be added. As you can see, it is added, I've chosen this. Admitted. Keef. Got to choose this and drag it, right. Tea, admitted, give. So then you have to click on this button to start Q. Then the gift is going to be landed as a gift. So you have to eat a little bit to be lended. Then you have to, you have to make sure to create your own class project. Then you have to post it on ski shop class project and also make sure to give this a class, a good review. So I've seen other crosses.