Clean Logo Reveal Animation in After Effects - Beginners & Intermediates | Abhishek Dubey | Skillshare

Clean Logo Reveal Animation in After Effects - Beginners & Intermediates

Abhishek Dubey, Motion Designer

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

      0:22
    • 2. Getting Started

      1:18
    • 3. Animating Your Logo

      4:40
    • 4. Creating Wiggle Lines

      4:26
    • 5. Creating Different Shapes

      3:09
    • 6. Animating Multiple Shapes

      6:04
    • 7. Creating and Animating Sipral

      9:21
    • 8. Animating Your Text

      3:07
    • 9. Adding Colors to Animation

      4:48
    • 10. Final Thoughts

      1:25

About This Class

Want to create a clean yet professional Logo Reveal Animation? Join this animation class in which I will teach you how to create a clean logo reveal animation using shapes in After Effects. In this class, I have explained each and everything properly which will help you in designing and animating animations like these. Some of the topics covered in this class are:

  • Creating Shapes using Pen Tool and Shape Tool.
  • Creating Wiggle Line Animation.
  • Linking Multiple Properties together for better control.
  • Creating Shadows using CC Radial Fast Blur.
  • Manipulating Keyframe Animation using Graph Editor.

Along with some other exciting topics. As a class assignment, you can create your own animations and share them here.

After Effects Project file for this class is available for free download. Check out the Projects & Resources Tab.

Music Credit: www.bensound.com

Transcripts

1. Introduction: Amobi Shake and in this close will be learning how to quit a clean local real animation inside off. This is going to be a fun class. And we were recovering different topics such as animating, shapeless, using graphic details to enhance your animation, linking profits for the Center for Disease Control and much more so without any further ado , I'll see in the class. 2. Getting Started: All right, So right now I'm in after effects and we will begin by setting up our compositions. So let's go to composition Newcombe. And first, we're going toe all this local and make sure the victim height are 800 by 800. Framework 60 FPs. Aaron duration 10 seconds. Just simply click on, OK, after that, we're going to create another composition for this one. We're going toe, Name it mein and which we're going to start itto 1920 high. Can it be? Rest of the things will remain same. Just simply click on. OK, so here we have put the composition which we need for this animation. Now let's import our logo in after effects. So right, click and go to import file and you can select whatever logo you want. So I'm going to like this after effects logo doesn't play, click on import. And once the logo has been imported, make sure you have the local composition open so that simply dragon and place it in the local home. And after that select ealier, past s on the keyboard for skill, and we're going to scale it so that it look something like this. And once you've scaled the local according to your need to simply go to the main come and we're going to drag the logo position into this one. 3. Animating Your Logo: So once you have set up all the compositions, our next step is to animate. So first of all, we're going to select a locally and the simply click on this icon so that it will hide Delia and let's go to the Schapelle. And if you click on it and hold it now you can select the Ellipse stool and after selecting it, to simply go to the composition panel, and over here we can draw a circle. So make sure to hold down the control and shift key so that it will create us perfect circle something like this and make sure the film is set to whatever color you are excluded . Fight and stroke its at 20 So once you have created the circle, just simply selected and make sure it's in the center of the composition. So in order to do that, you can use the ally Intell, which comes in building after effects. And if I click on these two iconic, it will align it horizontally and vertically and in case you are not able to see this align panel, just go to windows and over here you can see that you can enable the align panel in the same way. If you see any panel which you don't find a new workspace and it is over here, you can simply access it by going to Windows. And over here you can see that all dependents are over here. So once you have created the cycle, let's rename this layer and call this circle, and we're going to animate it. So selectee Circular press s on the keyboard for scale and we're going to air the key from And in the beginning we want Devalue Toby zero and let's move the goes and does something like here Alexis increasing scale so that it puts the entire composition something like this. And after that, select 40 Kiefer's then press F nine. Resist them so you can play something like this. Now we're going to place this circle below D locally, and we're going to duplicate this cycle by pressing control de on the keyboard. And once you have duplicated selectee, topple it and press. As for skill and we're going toe lord, honored scale value does something like this and let's enable a logo and we can probably select the logo, then press s on the keyboard and scale it don't let's quickly changes the color off this culture that we can see it clearly. So I'm going toe, apply the fill effect it just simply drag it on top of it. And let's us ally in the local something like this, and you can probably selectee logo, and you can paid Intertoto this circle. So to simply pick, rip and drag it on top of this circle. So our local earlier is now child off this circle. So if we apply any transformation properly on this circular, it will also affect locally and again. In case you are not able to say, this parent, Lincoln told you Can is live right click under column. Here. You can enable the pair internally, and it will enable these options. So a bunch of Lindy property alerts selected circle again, and we can play it on with its scale, something like this. And so if I play back here, you can see that now Both the animations are happening. Energis. Click on this icon so that you transparency is not visible. Let's select all the key frames. 10. Go to the graphic later. By clicking on this icon, and once you're in the graph figure to make sure you have selected the object's speed graph . And let's select the endpoints and make sure your graph looks something like this, so that in the beginning the animation is really fast. And as that I am possible slowdown. So if I play back here, you can see that we have this for first kind off an emission in the Big Me something like this and looks a selectee logo. And we can probably scale it down something like this. And let's select the Circle Tuller and let's rename it and call it local basis. And we're going to apply effect on this layer called drop shadow. So So it's for drop shared effects or simply selected and dragged on top off this. After that, you can select the fill it, and you can delete it and accept the softness to something like 50 and a past 80 something like 25 on. You can probably set the distance to zero so that we had this really nice shadow on the base off the logo, and we're gonna probably add some shapes toe this 4. Creating Wiggle Lines: So after he created the starting animation, it's time to add some shapes. Toe this. So, first of all, we're going to draw a line so selective mental and make sure do turn on tight election, say so that we can see the center of this composition. So this click in the center and after that click on one off the edge is something like this , and it will create a line for stroke. You can go with 15 or whatever you want. I think 15 looks good and make sure they feel is set to none. After that, we're going to select earlier, and we're going to type civil line, and now we're going to add him part of this. So in order to do that, just simply click on this I can and go toe AG after that act. But so we are going to move, take a sort of the first frame, and we're going to animate this line using the's to perimeters start an end point. So in the beginning, we want both devalues Toby at zero, and let's goto somewhere their own. 1.5 2nd something over here and let's set the n value to 100. And let's set the start value. Does something like 80 toe something like this and one sea Lion has leased this and point we wanted to come back to the original state, so we're going to move to curse a little bit further. Somewhere around two second and over, heavy going Coast had 40 values back toe Cedo like this. No, let's Officer Peacekeeper. So selectees starting Q from. And let's us all started a couple of frames ahead, and after that, select the ending, keep him and do the same thing, but in the opposite direction. So now we have the basic different animation, So select all the key frames, press F nine to easiest them, then go to the graph editor back clicking on this icon. And over here we're going to play with the graph. So selectee store in points and the simply drag it all the way to the left. And after that, select these points and drag them also toe the left. For this one, we're going to do the same thing, but in the right direction. So selectees and drag it to the left Selectees also and drag it all the way to the left so that the A graph looks something like this. And if I play back here, you can see that in our Linus animating we can probably move it a little bit ahead. So we have created this line animation. Now our next step is to add some bagels to it. So we know to do that, just simply goto ad and click on six sec and you can bring it down and said Thies permit does so instead of corners. We wanted Toby smooth and you can set the visits per segment toe something like 16 or 20. But we're going to change that later on. And now for playback, you can see that it is not showing the proper animation. So in order fixed are just in places like this exact property and just place it on top of the transform Trimbach and no, for playback. You can see that now our animation is happening and it has this exact baby kind off motion . Solar's increase the size to something like then. Okay, so this looks good. So we're pretty much stunned with the vigor line, and our next step is to duplicate this lines. But before that, we're going to move the anchor point. So the center so you can select, depend and cartoon and after their selected and keep on and just move it over here and once removed, the ANC upon you can select the late then press control they duplicated. After that press are on the keyboard and you can locate this line toe wonder to degree. So over here you can see that. Now we have two lines, and we can probably select both the lines and move them below the local base. Something like this. So now we have created the Basic Line animation. 5. Creating Different Shapes: So now let's had some shapes toe this. So we're going to first create a square so selected a tangle tool and just simply click and drag. Make sure to press hold on the control and shift key so that it will make a perfect square . Something like this just simply selected. And you can align it in the center of this composition like this and make sure its anchor point is in the center on for filled. We can select whatever call everyone and just make sure the stroke with this sack. 20 something like this soldier selected Shipler and let's Finn emit Toe Square and let's create another ship. So for this one, we're going to draw ellipse or circle. So selecting Ellipse stool again, Just click and drag and make sure to hold down the shift and control key. Something like this. And for this one, we're going to set the food, do none, and the stroke could use something like then, Okay, so this looks good. Also align it into the center of this composition. This make sure all the anchor points off. All the leaders are in the center, so select them just double click on this icon and it will make it in the center. So let's selected and rename it Go Circle. So let's draw some other ships. So select the polygon to and we're going to just again click and track something like this . And for this one, we're going toe, enable the filth and just make sure the stroke is set to zero. For this one, you can go into the content under Police Star one. You can see that we have the police stop part and over here you can see that we have the points so you can set the points to whatever you want. So if you want to have up and govern, you can set the number of points to five. And because we want trying also, we're going to set this to three like this and again, you can set the anchor point in the center something like this. Also a line Nick in the center of this composition, just like that solar. Select this and they name it. Go triangle. So we have created three shapes now, all excited to start off this so selectee, startle and a simply click and drag something like this and again, you can go into the police star and under police start part over here. You can see that we have different parameters. Who can change the number of points, Do whatever you want. And Lexus increase the radius so that you can see the start properly. Something like this. Also, make sure its anchor point is in the center and the ship is also in the center. So once you created all the list, let me just see Nimet toe start and one so created all the shapes. So our next step is to animate them. 6. Animating Multiple Shapes: Now we have created all the shapeless, so over next step is to and made them. So let's select the square and you can click on this. I can't do solo this layer so that we can focus entirely on this. Their only. Now let's select the legal line, and I'm going to press you on the keyboard so that we can see the exact timing which we have made the square. So let's select the square. Best be on the keyboard for position. And in the beginning, let's had a key for So we won't be square to start from the middle of this composition. And exactly at this these key frames. We want this toe move to some location. So let's say it goes over here, and somewhere around here it comes back to the starting position. So just selected starting different control plus C to copy and then controlled us. We two based so that we have this sort of animation. Now let's select all the key frames. Press F nine too easy is them, and we're going to also add some rotation toe this so selective square again. Then press shift are so deprecation broke days also revealed Let's click on this Stop what ? So that it will create a key from Let's goto this. Give him and said the probation value toe 3 60 and let's go back to the starting point and just copy the key from then paste it and again select these key frames as well, then press F nine to ease ease them after that, select all the key frames, then go to the graph editor and we're going to make the graph to look something like this. So just select all the give rooms and just moved them toe the left most site. And we're going to do the same thing for these one, but in the opposite direction. So just move them in the right side so that we have this sort of any mission. So if I play back here, you can see that we have created this really nice more than Imation off this square animation. Now we're going to just copy paste thes key frames to other. Yes, so let me just soloed unsold this layer and select all these layers. So I'm going to select the position first, then move to the first key from and select all these list and pass control V to paste them . So now you can see that all the layers are moving and we're going to do the same thing with the rotation, just like them. Control prosciutto copy and then select all the less control plus we to paste. So once you have tasted all the less, you can see that the animation is happening. So let's select all these layers, then pass you on the keyboard. And now we're going to change their position so far, Steve, on the start toe goto this direction so we can just simply drag it over here. Make sure you are on the this middle key frame so that the position can be charities live without disturbing the starting Kiffin's. Let's move the triangle somewhere over here and again, you can apply Phil if you are not able to see these. Yes, clearly So Lexus supply Phil effect on all these lists like this. No, let's selector cycle, and we can move it somewhere around here. So if I play back here, you can see that now we have all the shapes addict. Let's animate the outer circle as well. So I'm going to select the circles, then pass you on the keyboard, reveal the key frames and let's goto this one and set its value toe zero. And we're going to do the same thing with the local base so selected press you on the keyboard and then again over hell except its value toe zero. Now selectee ski friends and then go to the Gulf editor and let's change them and make them look something like this. We're going to do the same thing with they last cycle. So selected all the key frames, then go to the graph on Just change it to look something like this. So we weren't the crafts, Toby extremely fast in the beginning and then gradually slow down and extremely fast at the end, something like this. So if I play back here, you can see that we're disorder of animation, so this is looking really nice. So our next step will be If you want to add more ships, you can you simply select whatever shape you more. So, for example, I want to add a triangle overhead. Alto. I can select it, then press control. The two duplicated after that press you and then go to these middle key frame and just change its position toe wherever you want, something like this. And in case you don't want Phil effect on this just implicitly Conte, Phil, and Static to none, and then just increase the stroke would do whatever you want. So let's go over 12 for this. Something like this and Lexus quickly duplicate this start earlier, and I'm going to move, star somewhere around here and then select the square, altered, obligated, and just place it over here so that we have bunch off shapeless something like this. Now, let's select all the shapeless and I'm going to change their color backbreaking on this label. I can. Then you can select whatever you want. So look, select red. And after that, place them below the local base. Something like this. Okay, so this is looking really nice and in the big mean we want the east to be not visible, so just select them and from the list somewhere around here, so that these will be visible only after the and mission has stopped it something like this . So we're pretty much done with these first part off the animation soldiers began and create the second part 7. Creating and Animating Sipral: So now we're done with the first part of the animation. So let's begin the second part by creating shape there, so select, dependable on. And let's select the circle e press you so that we can see the endpoint over. Now. Let's create the shape using depend, too, on how depend pool boats is. If you click on one point and you can click on another point, you can see that it will create a line based on the two points, and you can keep on clicking. And it will create the shape about something like this. And in case you want toe, have a really nice cold. But you can simply click on one point, then just click on the second point, and without letting the most go off, you can just simply drag the most bottom. So I'm still clicking and just dragging it so that I can have these really nice girl and you can control the gloves coverage for using these endpoints something like this, and we want to create another point, so just simply click and without letting the Moscow you can simply drag the most so that it will create these really nice girls and get you want to add Just tickles. You can use thes handles and if you want to adjust, pick up on only one side. You can select it by holding down the old or option key and the simply click on this. And now you can see that only one side optical this changing and the second part is still the same. So in that way we can have some different shapes like that, so just deleted. And we're going to begin by looking in the center off this composition somebody over here and after that, just create a spider displayed over here and then just keep on, continue clicking some of it on here just like that. So we're creating these spirals. So just keep on doing like this until you have this sort off spiral look. And it's just click over here when this fighter, so you can see that we have created this shapely. Now we're going to animate it, so select the shape, let then under the drop bombs we can add to impart to it. So let's open up trim pot, and after that we are going toe animate it, using the endpoint so click overhead and said, Devalue to zero and let's go toe somewhere around four or 4.5 2nd against that, the value back to 100. So we have this animation. Now let's animate the stroke picked off this one. So selectively it and search for stroke. And over here you can see that we have the stroke perimeter. So just click over here and set its value toe 200 then pass you on the cable. So see the animation key frames and let's move somewhere around head and such its value to 500. So as you can see that there are few gaps over here so we can fix that leg around. So first of all, selectively it and set its capital. Don't so search for cap and under the land kept you can change from what kept around cap so that you could fix some off these medias just like that. Now look selected ship and we can tweak it a little bit. So just selected and start playing around the debts value something like this so that we have this really nice cope and make sure none off the caps are visible something like this . So once you've created this animation, let's selectively then press you on the keyboard to reveal all the key friends and go toe the start and thus s on the key boat for skill on. Then again, press you believe below the difference and let's go over and just increase it scared so that Rick Christie entire scream something like that. And you can also move the goes a little bit. Yeah, so that could cubs covers the entire screen something like this. So we have this animation. Now let's select all the key frames, then press F nine. Resist them after that, select just keystroke with key frames and then go to the refugees on you can again, simply changing toe look something like this so that it's really fast in the beginning. And then it's low Stone. Then select the keys and key firms for the trim. But then again, go to the drop in for this one. We're going to just take this last Kiefer so that it has this sort of animation. No, let's select the scale key from and we could just probably move it little bit. I had something like this so that the animation covers the entire screen. It's a snake that now let's select the leader, and we can just probably permit something like this. Now let's add a logo on top of this. So in order to do that just against elected logo and this forget on top of this layer something like this and selected. Yes, you will be the key friends and this all heavy one B scale off the logo who start from zero at a key frame. And somewhere around here, let's change its value toe 50 or whatever you want, so however big you want the logo to be, So I think. What? He looks good. And let's select all the key friends Breath F nine for this one. Also, we're going to do the same. Move this. Give him toe the left more site and this one also just like that. So we have this sort of animation, so it for playback, and let's just quickly take them and position them to mess the animation. So I'm pressing the piece down. He will move on frame at the time, and let's just like put off these lists and just move them. Couple of frames a heck, so there will start appearing as the second animation is. So now we have created this sort of animation and Lexus quickly add some shapeless overhead also. So select all these shapeless, then press control the duplicated them and make sure that these are selected there simply secondly, off these lists and moved them below this shapely. So let me just quickly rename it So spoke and against, like all the shapeless that's you on the cable to reveal all the key friends. And for this one, we do not want them to go back. Dosedel, Solar Major Select all these key friends and keep firms and then delete them So we just want them toe and then go with So in auto, fare them out. We're going toe at the scale animation. So process on the keyboard for scale And in the beginning we won't be scaled, Toby something like if the and as they leads to the oh, we want these kids to become zero something like this again, press s on the keyboard will only the scale key frames. Then select the key frames press F nine and then again go to the draft and play with it. Something like this. So right now, these are not feasible because everything is in red color. So we're going to change the stroke color and supply fair to it and separates color toe, like, so that we can see for now. So were the sort of animation and access straight the position off these elements. Something like this. Maybe we can select the skill and a schoolgirl predator and just make it look something like this. Okay, so this looks good for now. And right now we are for the most and with the second part off the animation. 8. Animating Your Text: now the next step is to add some text, so go to composition, create new composition. It's called this next, and make sure depicting high turn it into an opportunity. That's all. The things will remain same. Just click on OK, now select the text tool and you can die for the vegetable, so I'm going to type after. If it's Onda, simply select all the text. Make sure it's color is fight something like this and then again, place it in the center of this composition and you can work. It sank a point in the center. Something like this. You can choose whatever 41 so far, this is example that's called with regular for. After that, go back to the main composition and then dragged the next over here and let's a play Phil effect So this and we can change its color. Do whatever we want. Solar school with black and after that looks animated by pressing the key on the keyboard for position and at a key for him as so in the beginning. We want the text to be in the bottom so selectively and just drag it and basic in the bottom, something like that. After that selected key frames press F nine and as the text comes up, we can change exposition. So somewhere around here now, we also have to move the local so selective, Nogueras felt. Then press be on the key, work for position and let's either key from somewhere around here. And as the logo comes, we won the text to move a little bit up something like this. So select all of the key friends and select them and then go to the graph editor. Just make it look something like this. So no affair playback. You can see that now. Both are text and logo are animating. We can probably select them and does the lady key friends to make it a little bit smoother . Something like this, and we can go to the draft addicted, so play with the cuffs until you find it looks satisfactory. So I think this now looks good and probably animated little bit off the mobile. Something like this. Nobody evaded our logo as the less text, so wherever you must stand with the animation part. So let's quickly selectee stroke alert, and we're going to duplicate it by pressing control date so that we have another copy off it and we're going to just offset it a little bit. So selected, then just offset it like 2 to 3 frames. After that, apply Phil effect on it as well, so that we have these two strokes going on. So Novia pretty must on with the animation part. So the last step is to add some colors to this. 9. Adding Colors to Animation: so after you created your animation. Now let's do some color correction. So let's elect t Square and we can make them Toby off Luca. So just randomly select them and you can choose whatever colors you want. So let me just select this circle. And in case you are not ableto see the full effect, er, simply go to the effect that panel. And so it's for Philip back and drag it on top off them. After that, you can play with then on Changed Nicholas. So just randomly set colors for all these years. So now let's add color to these legal lines, and we can add the same color to both off these lines. It is a really nice for you guys if you want to add the same property to multiple lists, but you want to control them using on leave one property. So, for example, if I apply colors to both off these lists and later on, if I have to change them, I have to go to into his earlier then change Nikola and it will take some time. So here is a really cool hip, so let's selective. Firstly, which is this one and let's see injured color to whatever we want. So let's selected this. And now I'm going to select the prostate and copy it using by pressing control or C to copy and then select the next layer on which you want to taste it. Then press control all we too pasty colors. So nobody leads will have same color. And if I want to change the color off any off these days, I can simply select the mainly in. And I can set its color to whatever if you want. As you can see that the color on both Deleuze has now changed. So this is how you can link the multiple properties and you can control them using just $1 side color to the second part of the animation. So, first of all, we're going to select the stroke and exchange its color. So something like this on for the second stroke, we can such it back toe white and so this is looking nice. So for these shapeless, we want to have the same color. So again, going to use the same trick sold its selective firstly, and we can set it color to whatever we want solar. It's called with this dark color, and after that, selectively control old C to copy and make sure you are on the bending off this live after that control or we do paste them. So, no, If I play back, you can see that we have the animation as a less if I select the first layer on and I can change its color. So here you can see that all the other leaders are also changing their colors as well. So this is how you can link all the properties. So that's it for this animation, and we're pretty much done with the color correction part. So if I play back here, you can see that we have created this animation, which is looking really nice. Now let's have some shadow toe this locally, so selected then press control date to duplicated. After that, select a Bottomley and let's rename it toe shadow, then go to the effect and piece of penance search for effect called filth. Just drag it on top of this list and then against those for an effect called CC radial, Fast bowler, then drag it on top of this shadowing and we can set the fill color to black something like this after their changed thesis and proposition. Still somewhere around here. And let me just select the amount and set it to something like 80 or 75 something. Then select the shadow, then press P for opacity and let's inject spell. You do something like turkey are 40. Whatever looks good. So I think this fairly looks good. You can play around with the position off this point toe, make the shadow come from whatever angle you want. So I think this single looks good. So north text her now logo has this really nice shadow. But don't overdo it because it will make these that just appear so somewhere around 70 or maybe 50 is good. Just play with the opacity. If you want to have a darker shadow, something like this 10. Final Thoughts: Now, the best thing about this animation is you can easily change the local or whatever you want . So let me just quickly import this sculpture local and I can go back to the logo, come and distract the new Lobel and scale it up Something like this. Let me just hide the second low. And if I go back, you can see that we have digital local and in the same baby have new look overhead Solar says teens to text on change it so sculpture. So if I go back here, you can see that now we have everything updated. You can also they along with the colors to match your Paloschi. So let me just quickly select this color. Um, like this so no, we have created this new kind of fluke. Different local. So this is how you can add it and easily, Chancellor, when this type of animations. So thank you for watching this class. I hope you guys learn something from this and you can share your work as a class project and uploaded down below. But that being said, this is a shake and I'll soon the next plus