Spot-on Accent Graphics in After Effects (Part 5) | Andrzej Pach | Skillshare

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

Andrzej Pach, Animation all the way!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (11m)
    • 1. Introduction

      0:26
    • 2. TUTORIAL 1

      4:03
    • 3. TUTORIAL 2

      5:00
    • 4. Your project and congratulations

      1:30

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 5 we are going to make this: 

5ef0290b

===========================================================================

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

e2c0f6dc

ae884e79

9c9b59e6

65dbee4b

cf63db03

fb39b699

df621df3

Transcripts

1. Introduction: Welcome. Welcome. And let me show you the animation which will create in this part of the spot on X and graphics in. After in this part we will combine boat line and creating the circles So we will combine two different effects to make one cool animation like that. I hope you will like this. Let's enroll in the Star Wars. 2. TUTORIAL 1: hello and a warm welcome in this tutorial. If you participated in the previous part, you already know how to prepare some circles and some strokes. Let's now combine both those techniques and create another accent graphic. I'll get a new composition, Part five and I'll Cold. Part five. Combined HD size 30 frames and 15 seconds is, of course, too long. Let's go for three seconds or two seconds and 15 frames and okay, this will be our composition. Now let's start by creating circles so it will be very simple. Rightly select new and select new shape layer. Once you have the shape layer, please open it up with this triangle. Select ed and click on at the lips. This will let the perfect ellipse in the middle off the screen. I'll open my lips to see what I have. I only have that size and position, so I only to click Add and I'll off course at a stroke because I want to meet something here. I'll open up the stroke and I make sure the stroke is stronger. I will make a stroke off 50. I will take no prisoners and I will start the animation immediately. So let's get that key frame and we will have a key frame with the stroke toe the amount off 50 pixels. I will go to 20 frames or maybe 22 frames. They should be okay. And here it should be zero. So my initial animation would be like that off course. We also now need to work with the scale. So once you have the first animation, the stroke quit. Go to your transform options on the bottom and let's work with the scale. The scale will be off course key friend and said 20 No, it's 20 frames. This will animation with 22. This one will enter 2020 frames. I would like it to be to the size off about 400% now. This is the very initial animation we have. Boom, and we, of course, need to adjust the key frames. Please select all key frames, right click key frame assistant and hit on Easy's or simply press F nine on your keyboard. Now they are east, so let's select the first key frame. Let's work with the stroke with you want to select the strokes and you want to make a really strong animation. I wanna drag it to an influence off 100%. You can work with the influence like that, or you can double click the key frame and said The influence here toe 100% Now this would be information that we have currently boom and really quick and swift animation, but we also need to adjust the scaling. The scaling should be set similar. So let's go to the graph editor once again, select them and make a really quick and swift animation. Let's preview what will happen now. Boom. Okay, this is what I wanted to achieve. I want this to be a really explosive animation and I want to duplicate the circle to make a smaller one. This was the 1st 1 boom like that I want to duplicated. I want to press you on my keyboard you and let me work with the scale. Here it was from zero to 400 here it should be smaller because we will have a let me call it Big circle. It will be easier later and small circle. I'll even select both layers. I'll select different colors for them. Let's make them orange, and we'll know that orange stands for the surgical. Now this is the initial animation we have. Boom! We have two circles popping in the middle, and the pop is super quick. This was my intention because I want this animation Toby more explosive than the other ones . This would be very suitable for gaming videos or something quicker paced. Now this will be the end of the first Totoro. Let's head to the second tutorial where we will finish everything up by some other line elements We want to add into this animation. 3. TUTORIAL 2: hello and welcome back in the second lesson. Now, once we have the circle's already prepared, we'll follow up with some lines. Let's place the play had somewhere around here and let's open our title action safe because I want to perfectly see the middle. I will then select my pen tool. Please also select the Pento and come very, very close because you want to try to find exactly the middle. I'll click on the middle like that Now I want to see how big toe circles are. Okay, though circles are around to this size. I want the line to be a little longer. I'll hold my shift key and place this line here. Holding the shift key will make sure that we have a good 45 degree rotation. Okay, now we want to address the stroke, depending on what stroke you want. I want, for example, to pixels. One or two pixels should be enough. I'll call this line. Let's make this a line, Okay, I'll open it up and I'll click on add and we'll add trim Pat as we already did in the previous part. Once we have the trim pat, we'll open them up and we'll work with the start and the end. This time we'll start at the end with 50% because I want a lying to be health visible at the beginning, and I will start at five frames. Apparently. Maybe that's a bit too quick. Let me de select the title action safe. I want the circles to be already visible before the line will start to pop. Okay, that's too far. So I'll take those key frames and place them that maybe seven or eight frames. Once you have those 1st 2 key frames, go forward until those circles nearly disappear and as they disappear, you want to end to have 100%. Then you want to go a few frames forward, for example, where the circles are already invisible and make the start as well 100%. This would create emotion like that with this line boom, but you don't want to see the line at the beginning. You want to start to see the line somewhere around here that while you will click on the line and you'll press T Once you have opacity opened, please click on a key frame. Make it zero go. Maybe two or three frames forward and two or three frames later, it should be 100% visible. Now, this would be the motion. You see, the line slowly appears here. It just is fading in into the composition slowly like that, and it bursts together with circles. Okay, As I have this line, I will press you on my keyboard and I want to adjust those upper key frames. Key frame assistant. Easiest. And please make them just as the previous key frame. So go to the graph editor, select them maximum to the right, maximum to the left. And OK, the same for those key frames. Animation influence. 100% influence, 100%. And this would be emotionally would have right now. Now, this will be the simplest part because I would like to have four off those lines. I want to have four of those lines spreading to each other part off the circle so I'll press are like rotation and I'll make sure that this one will be rotated 40 0 not 45 90 degrees. Since I started from here, this one will be 90. This one will be 1 80 and this one will be to 70. This will be the initial animation I have with those key frames. Now I just need to select some nice combat cores and we are ready to go. OK, I found some restrung calls and they would also work with the black background. Let's try it. I looked like my big circle. I was like my stroke and select this blue color. Then I select a small circle and select the secondary blue color. Okay, this is the combat animation we have. Boom like that. Well, I don't quite like the course I may be placed the lines on the bottom. Let's see if this helps. Well, I might try to find another course. Okay. For the record, I've changed some colors and everything that this animation is boring. You can make it always interesting with a few clicks. Let me, for example, select four lines. Just click control D. I'll offset them a little bit. And then with my selection tool, I'll place them in a bit different spot. So, for example, like that and look what happens. Boom, boom. The animation gets another spin, and you can always duplicate this duplicate take a spin on it, Change the colors, make something different. And let's preview. What do we have now? Boom, boom, boom. It slowly gets more interesting. And depending on what your needs are, you can always adjust it like that. Thank you once again for listening and see you in the next one. 4. Your project and congratulations: 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 at 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. Won't you render the file? Then you can import the file into Photoshopped. Simply go to file, say for Web. You can lower the size here and said the looping options to forever You have here some basic options. Just make sure that gift is fairly small. I'll 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. I will really appreciate if you will go to your project and start the product. Simply upload a cover image and upload the gift you created. You can write a name here and you're ready to go. Just hit create. If you did like the class, please leave me a trump up. It's really simple. You just take here and select leave a review. Perhaps it also popped up here on the top. I will be really thankful if you could do this because positive reviews really motivate me to create more content for you. Thank you very much for participating in this part of the spot on Exxon Graphics in after effects. I hope else you in the next part See you then.