Spot-on Accent Graphics in After Effects (Part 6) | Andrew Pach ⭐ | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Spot-on Accent Graphics in After Effects (Part 6)

teacher avatar Andrew Pach ⭐, Animation all the way!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

5 Lessons (15m)
    • 1. Introduction

    • 2. TUTORIAL 1

    • 3. TUTORIAL 2

    • 4. TUTORIAL 3

    • 5. Who's awesome? You're awesome!

  • --
  • 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.





About This Class

Spot-on Accent Graphics in After Effects™ is dedicated to teach how to make all those popular circle bursts, pop-animations, accent graphics and short animations that fall into this category in a quick fashion so you can chunk it at once. In PART 6 we are going to make this: 



All episodes of Spot-on Accent Graphics in After Effects™:








Meet Your Teacher

Teacher Profile Image

Andrew Pach ⭐

Animation all the way!


Hi! My name is Andrew Pach, to my friends known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
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.

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.


1. Introduction: hello and a hearty welcome in the spot on Exxon graphics and aftereffect. Parts six in this part will create an animation like that. Fancy circles, fancy elements. There will be a lot of interesting tricks involved, including how to make interesting circles with additional lines and to let them unfold slowly. Then we'll at additional elements into everything to add some color to it, and we will brown everything up with the first we never did before. This class will teach you a few different things than the previous classes. So if you want to learn something and up your aftereffects game and roll around in the class, I can't wait to see you inside. 2. TUTORIAL 1: hello and welcome in the next tutorial. You can't imagine how much still we have left to learn. So a new composition I'll call the part six blind because we will use an effect now. And let's start the work immediately, right? Like new and create a new solid layer for your selected background. I have a court scheme preferred. Let's elect a dark rate and we are Okay, let's get into the timeline. Right. Click new shape layer. Once you have a new shape layer, open it up and add a new circle will go to an ellipse. Okay, we have the Ellipse path. We also need to add a Phil. Let's that I feel so we see something. Okay, this is the lips. This is our shape layer. Let me tuggle the path so I see it. And OK, now come closer. Select the Ellipse tool, click on the straight player and by selecting the mask, not the shape object, but the mask. Let's create a mask. I'll create a mask here and I'll go from the middle and I'll go a little bit down. I'll tell you in a moment why so make a mess like that? personal shift and left control key to create a mask like that. It doesn't really matter how big this mask will be. Once you have this shape, layer and damask, open up the shape layer. Open up the Ellipse pat and get to the size. I'll make the size at the beginning to zero, and at one second it will have a size off 150. All right, the size is 150 now. I will go to the mask. Open up the mask. The mess number one would recreate it and let us work with the mask expansion. I'll go to the very beginning and I go 123 key frames forward with my page donkey. I'll work with the mask expansion so the Mets expansion at the beginning should make this circle invisible like that. So it's a negative tree. In my case, I will make them esque expansion like that, and at the end it should also cover the entire circle. 123 and the message expansion should and very close to the end. OK, in my case, it's 66. Remember, Toe also press s on the strip and make the scale to 450 before we adjust the entire motion . We have an animation like that. We will create a cool effect. We'll use Venetian blinds and we'll get to this shape layer. Let's open Venetian blinds. Double click on it. Let's make this circle visible. You know what? I was a bit mistaken with the With the mask expansion, the mask expansion should be lower at the beginning to the amount off about negative 50. Because I want this to be visible at the beginning. So this will be the first simple animation I will right click key from assistant and ease them out. And those ones keep him assistant and Eastern in. Now I have perhaps going to the graph editor with the 1st 2 key frames, and I'll adjust them just a little bit, for example, to have emotion like that. The same will be on the mask expansion. Let's make here it closer here quicker and let's see what happens. So at the end it slows a little bit down, and that's perfect because I want to see how it unfold from bottom to the top side. You see how beautiful? Okay, this is the first circle animation you should have. You should have Venetian blinds on your shape layer and by pressing you only those four key frames again. We did something completely different that we did here and later in the part five combined . So Part six will be a bit different because we are using Venetian blinds and the mask to unfold the circle. Let's head to the next tutorial, where I'll fill out the screen with some more interesting motions. 3. TUTORIAL 2: welcome in the second lesson. Once you have this first initial vision circle, I'll also called Venetian. Let let's start with our animations. I'll duplicate these two times now, two of them will go forward. Just because the 2nd 1 the one in the middle, will have no effect. I'll just go into the effect controls. You can access them very simply here. Just the selective Venusian blinds. Let's see what happens now. We have one full circle starting the holding. Okay. And then we have underneath the Venetian blinds. Maybe they should be a bit closer. Let me select both off them a bit closer. OK? But this one, the lower on, should have less wit. Let's maybe make it to six. Okay, we have a different with now. I would like to press you here, take those key frames and put them a bit away. Let's preview what happens. Okay? We already have a super interesting motion, and it's a bit different now. Those to those upper to one's not the basic one. I'll press s on them. As you remember. I've selected 450% on it, and now I'll lower the middle tooth because the middle. Will there follow up to the main Bake one? Okay, that's the initial animation. Interesting. What? And we can still add some more circles to add some more flavor into it. And what I love about this animation is that it's so simply to adjust. I press you, I direct over those key frames. Then maybe maybe I do not want to see it here. Or actually, it's pretty OK, let's leave it like that. Maybe I will select all tree off them, close everything down, please, and select a different color. For example, folks here, this one full circle because this is the full circle. That's why I called it fall. It unfolds like that now, since this is a very dull and gray, let me take the full circle. I'll duplicate in places here and make it second. I will just call it like that, and I make four copies, so I have four items here. Start working on the second row. Let's make the second row orange. Let's maybe placed them 12 They will start to frames and those will start at about five frames. Okay, I'll process and I wont maybe 100 200 300% because I want them to be in different places. I want them to be in different places and with different colors. Let's select second row and the 1st 1 to the left. The 2nd 1 So sorry. It's hard to select. No, the 2nd 1 here in the middle, the 3rd 1 here and the 4th 1 Maybe it will be the last one, so it will again start from the upper site. I want this last one to be a bit smaller. Let's maybe make it 70%. 70% will be okay and I'll place it later. Now, Empress, you on all of them. And I select the last key frames, the last key frames, and I'll drag him forward because I owned this animation to be just a tiny bit different. Okay, something like that. Let's select all of them. Let's close them down and let select the colors, and you can always preview what you are doing. By selecting the solo option, I'll select a solo option for the background and for those four Boom. Okay, Not like that. The 1st 1 maybe a bit too quick. Okay, let's change our cold so the second row will be more colorful. I will select the colors. I've preferred a bluish one. A greenish one. I see. I have a little mistake here. This one pops too quick. So what happened? I'll press you, and I can immediately see if I even press you on the 2nd 1 Just this key frame. This key frame should be later here. That's why it was wrong. Okay, let's review it where they are not perfectly aligned. Let me close this down. Um, on the left side, in the middle here. And this 1 may be since it's blue ill, I will place Ah, so hard to select. I'll place this one here. Okay, let's preview. What do we have? We have an animation like that. I think that's fairly okay. Are you close everything down? I'll close to solo because I want to preview now everything as I see it, maybe those colorful ones are a bit too long. Press you take key frames, make a closer or simply take this layer. Press the left old or option key. If you're on the Mac and the right bracket key, it will disappear after this point disappear you also please disappeared Because I don't want to see you anymore in this place. Okay, let's preview. Since I want those animations to be more and more complete, I'll teach you something interesting. In the next lesson, follow the territorial toe at the finals parts and finalize this whole animation. 4. TUTORIAL 3: Okay, One less thing. And you see, as the animation grows, it gets more complicated. I want some small sparks going out off those circles, so I select my lips to having nothing selected. I'll create an Ellipse. It doesn't really matter how big it will be. I'll place this ellipse here. Then I'll go to fill. No Phil Stroke. Yes, please. Let's select this blue. Initially, we have to Blue and I'll make a stroke off 25 pixels. I'll open the l IBS. I opened a stroke and let's work with the stroke. The stroke with at the beginning, 25 at one second. Zero Very simple animation, as we have always Okay, this stroke animation unfold. Then I'll go to the dash is because I want to have dashes here. We have no dashes. You just click on the plus sign. You come closer, you see what happens. And the trick here is that you have normally dash and offset. Let's select the dash, Toby zero click warmer plus and it will at a gap here. We need to change the line cap to round cup, of course, and look what happens. We have small, nice circles really nice rounded circles And this is the easiest way to make a circle burst . I can close the dishes. It's OK. I will need to goto transform ellipse not to transform. Please Goto transform ellipse on the transform Ellipse work with the scale. At first let me also unfollow it so I see everything At first it should be off course a scale of zero Sorry zero and at one second it should be a scale off something above the circle. Then I will take the circle. I'll move it to the left, right eso it goes above this. I'll even make the scale bigger. And remember, we can always process and work with the skate off this object. Now the anchor point is here, but that doesn't really matter. Let's preview what we achieved with this animation. You see this little dashes off course? The animation is very boring. You would also need to select those key frames, right click key from assistant, use them in and work a little bit with them. So the animation is super boring. Let's make it similar to the previous animations boom like that. Also the size closer further away. Boom. Okay, This is the animation boom and we have to sparkles. I see. With the scale, they are too small. Let's place them here and let us preview. What do we have? If you do like the sparks, they can stay like that. If you look like them, they can be a bit changed. Okay, Now I'll duplicate them. One will be here. I'll duplicated One will be here. The scale off number tree should be smaller. Um, it's going towards the anchor point. And of course, as far as the coloristic goes, I'll select a stroke, the coloristic, and go to the orange. Now we'll have it adjusted. You see what happens? We can still work with the scale and place it here. Then the green one. This will shape layer number two the last color green boom as like scale smaller. Maybe I went too much down like this. OK, And preview. What do we have currently in this animation? Really much detail? Much interesting things. This is a bit too big. I'm sorry. I'll process and this is all that we have to do here. Listen, this first animation initial animation was really interesting, but see how quick it can come a bit more complicated. Let's make everything visible again. Those were solo. And this is the animation that we completed in this part off the spot on X and graphics in after effects. I hope you did like the techniques I've teached. And now you're on your own and police create something similar. I still need a few changes here. I should work around a little bit with that. This will be not a big problem anymore. Thank you very much for listening and see you in the next one. 5. Who's awesome? You're awesome!: let me briefly Thank you. Thank you so much that you took the time and energy and spend it on learning with me. I would very appreciate if you would click here to give me a comes up It perhaps popped up also in the top of the screen while you are taking the class. This will really help me and motivate me to record more cool tutorials for you. Let me show you the simplest way you can submit your ready product once you have the animation completed for example, like in the first part and you have the composition here. Ready? You go to composition. Add to render queue. Once you are in the render queue, just select an a movie fight for example Quick time the information coded It's OK select OK and select where the file should be saved. Want to render the file? Then you can import the file into photo shop Simply go to file, say for Web You can lower the size here and set the looping options to forever. You have here some basic options. Just make sure that gift is fairly small. I will go for 600 pixels because this is a amount that I know. The TRO graces well and then just clicking forever and saving the file. This ready gift file can be uploaded to skills her as a product file.