01 Superhero logo

Super Sila: School of Motion Design 09 Making a superhero logo
42 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.35
List Price:  €64.90
You save:  €18.54
£39.63
List Price:  £55.48
You save:  £15.85
CA$67.74
List Price:  CA$94.84
You save:  CA$27.10
A$76.73
List Price:  A$107.44
You save:  A$30.70
S$67.45
List Price:  S$94.44
You save:  S$26.98
HK$391.21
List Price:  HK$547.73
You save:  HK$156.51
CHF 45.07
List Price:  CHF 63.11
You save:  CHF 18.03
NOK kr542.47
List Price:  NOK kr759.51
You save:  NOK kr217.03
DKK kr345.91
List Price:  DKK kr484.31
You save:  DKK kr138.39
NZ$83.70
List Price:  NZ$117.18
You save:  NZ$33.48
د.إ183.57
List Price:  د.إ257.02
You save:  د.إ73.44
৳5,489.81
List Price:  ৳7,686.18
You save:  ৳2,196.36
₹4,167.10
List Price:  ₹5,834.28
You save:  ₹1,667.17
RM236.17
List Price:  RM330.66
You save:  RM94.49
₦69,759.04
List Price:  ₦97,668.24
You save:  ₦27,909.20
₨13,905.37
List Price:  ₨19,468.63
You save:  ₨5,563.26
฿1,818.97
List Price:  ฿2,546.70
You save:  ฿727.73
₺1,618.42
List Price:  ₺2,265.91
You save:  ₺647.49
B$250.74
List Price:  B$351.06
You save:  B$100.31
R944.24
List Price:  R1,322.01
You save:  R377.77
Лв90.37
List Price:  Лв126.52
You save:  Лв36.15
₩67,364.11
List Price:  ₩94,315.14
You save:  ₩26,951.03
₪183.83
List Price:  ₪257.38
You save:  ₪73.55
₱2,808.38
List Price:  ₱3,931.96
You save:  ₱1,123.58
¥7,565.46
List Price:  ¥10,592.26
You save:  ¥3,026.79
MX$829
List Price:  MX$1,160.67
You save:  MX$331.66
QR182.42
List Price:  QR255.40
You save:  QR72.98
P688.96
List Price:  P964.60
You save:  P275.64
KSh6,627.67
List Price:  KSh9,279.27
You save:  KSh2,651.60
E£2,371.83
List Price:  E£3,320.75
You save:  E£948.92
ብር2,843.36
List Price:  ብር3,980.93
You save:  ብር1,137.57
Kz41,712.75
List Price:  Kz58,401.19
You save:  Kz16,688.44
CLP$49,140.17
List Price:  CLP$68,800.17
You save:  CLP$19,660
CN¥361
List Price:  CN¥505.43
You save:  CN¥144.43
RD$2,961.97
List Price:  RD$4,147
You save:  RD$1,185.02
DA6,739.31
List Price:  DA9,435.57
You save:  DA2,696.26
FJ$112.82
List Price:  FJ$157.96
You save:  FJ$45.13
Q390.02
List Price:  Q546.07
You save:  Q156.04
GY$10,473.60
List Price:  GY$14,663.88
You save:  GY$4,190.28
ISK kr6,970.10
List Price:  ISK kr9,758.70
You save:  ISK kr2,788.60
DH506.82
List Price:  DH709.58
You save:  DH202.76
L882.10
List Price:  L1,235.01
You save:  L352.91
ден2,850.77
List Price:  ден3,991.30
You save:  ден1,140.53
MOP$403.10
List Price:  MOP$564.38
You save:  MOP$161.27
N$954.52
List Price:  N$1,336.41
You save:  N$381.88
C$1,840.91
List Price:  C$2,577.43
You save:  C$736.51
रु6,673.07
List Price:  रु9,342.84
You save:  रु2,669.76
S/186.02
List Price:  S/260.45
You save:  S/74.42
K191.42
List Price:  K268
You save:  K76.58
SAR187.55
List Price:  SAR262.59
You save:  SAR75.03
ZK1,240.49
List Price:  ZK1,736.79
You save:  ZK496.29
L230.44
List Price:  L322.64
You save:  L92.19
Kč1,173.14
List Price:  Kč1,642.49
You save:  Kč469.35
Ft18,264.34
List Price:  Ft25,571.54
You save:  Ft7,307.20
SEK kr534.47
List Price:  SEK kr748.30
You save:  SEK kr213.83
ARS$42,896.99
List Price:  ARS$60,059.22
You save:  ARS$17,162.22
Bs345.64
List Price:  Bs483.92
You save:  Bs138.28
COP$193,431.35
List Price:  COP$270,819.36
You save:  COP$77,388.01
₡25,157.81
List Price:  ₡35,222.95
You save:  ₡10,065.13
L1,234.74
List Price:  L1,728.74
You save:  L493.99
₲369,806.27
List Price:  ₲517,758.37
You save:  ₲147,952.10
$U1,877.89
List Price:  $U2,629.19
You save:  $U751.30
zł199.48
List Price:  zł279.29
You save:  zł79.80
Already have an account? Log In

Transcript

Yeah, hi, my friends, I decided that we should finish with plan design because there are a lot more in the motion design sport. I both lead design in different touristic screensavers. I like to work with order with a bunch of compositions or to create integration. I'm sure that next part of my tutorial will be also interesting for you all start with the cover of the topic of stylish metal. And we'll create a mega power appearance of superheroes fancy logo, everything will be easy, but you never would have heard about it until somebody told you about imperative bold, but actually, in real world, everything depends on your surroundings. I don't mean inner circle, but the objects that are in the screen and their reflection or perception of the light and the amateurs as well, is JIRA maps have a great importance of rendering Cool Metal stuff, because a map of surrounded light, we will not use them as intended.

But we'll use this fake map to create nice slides. Let's Go Okay, you've printed maps in your favorite browser and you had something like this. Looking for a proper map of your future flat reflection, I used this image because I like it. Good light, like softbox or subtle like that. So how to use this texture open after fact, make a new composition. I will name it one magicians.

720 Is a cake and seven seconds the duration brings the texture to the project and has a logo of super serious and also bring it to the project. So the lager is here, open the folder with logo. Now let's make a partition. we'll delete the parts that we don't need or don't need the imbalance grounded in one of two parts of the logo. We will also do it we can change the Mode to Normal the applicate like Ctrl D and do this thing open condemns. And from the first copy Adelaide group one from the second layer, I open contents and delete group number two.

Now we have two different parts the first part will be Niantic and the second part will be metal. We can select these two parts, copy them and bring into our first composition added best. With the help of control plus Home app, listen to the soundtrack. I turn the black background because it will be more visible. Let's carry on Just use the composition Let it be 150% this composition can be closed and we don't need it anymore and I will turn out the future no part super. Now bring here the texture and it's time for magic.

So this white part will be our biggest light and here will be the darkest part. So I would like to make it this way from the dark part then lighter than the main light and then dark again. I will create the job by copy of the map and duplicate it and move it over. This way. Of course I can compose the parts in a proper way it will look more beautiful. I can even smell The borders here, but I think that it's good.

Let's select the second copy of hdri map and link it to the first one. So we're going to animate the position, I think that the right will take our free seconds, be on the keyboard, open position, put the key, then move to the second and move the image and they're dead, you know, to the dog part. I think this way, let's play the animation. I think it is okay. We just need to put the key is out here and is in here and then edit the graph of the speed. I think that the speed setting is okay.

All you know the sample is ready and there is a to pre compose these two pairs, so I select pre compose and name it for example hdri. Okay, at the beginning let's pre compose the logo because feature packed will work with shape. So we need to either pre compose it for a good result either I don't know what so I select the logo and do pre composition. I can change this long name to just work. Okay, we've got Kj right and blog. As Steven already know, a lot of Canva mask layer and we can use it to deduct it from texture using track map and that you see such a light detect that is brown in through the fog.

It looks pretty simple and it is just the foundation for that. To metal, but now it is not the fact that there is a very cool thing. So select HDR right then go to the effects then find in the distort this with name like CC, globalize effect. It's even sounds pretty cool. So click it and look at the composition. What has happened?

You see that something has happened yeah the texture has kind of different mesh. So something Yes, definitely has happened. Okay, open the top and Don't ask me why just instead of at the array in the tub that is called player select log. And now see that became as a Mercury how mount metal So the collection because itself a bit deeper and looks better, it deforms and runs through the edges and flows there is only to correct the corners are the logo for a better look here you can find softness. And if you change the value you will see the result. So it soft the borders Let it be, for example for and the cut will be over 10 now, the light is looking more pleasant for view.

You see the outlines here and everything's good. Let's make something I want to duplicate page two right, place it behind the logo, the sample to flaunt the outlook of it. So dublicate ads Right, place a behind, turn off our phone. By the way, we have forgotten one thing. Here we have lightness but we need alpha that's a great changes here but it is a more optimal mode for this effect. Okay down again edge there right and now see that is in this copy, we can create a wider border led me to need so you need to customize it the way for adding more volume but it will be very helpful in future and now we can make a tweak here.

You see this, that the fact that is the run through the edge. In general, it is very cool that the map is created with such an effect of plantar flexion Through the logo and through the edges of the logo, it creates the volume and the feeling of amateurs that are situated around the object eliminated and the fact becomes more beautiful. By the way, sometimes designers add additional facts in fact, terrorize cc glass. You see that these the fact deformed, the longer so using this effect, we created additional deformation of lateral flexion they became more volume and maybe complex. So, you can do experiments here with settings like like softness, for example, if a decrease it, yoga will be more rough, so the texture will appear on it. I'll leave like it was so 20 here we can check the look with and without impact so, The effect makes such a blur effect of the borders the borders of a cherub map, and makes the map softer and more real.

As you remember, we've duplicated hdri. And it would be nice to shift it on the timeline to make a delay of the light of edges from the main light effect. So by doing this will create more feeling of volume and of additional light that illuminates the edges. Let's shifted this part that is absent here. We should fix it. So select the layer, right click Enable time remap remapping and stretch it like that.

So we can play the animation and check this till they are the light that is running through the edges of the logo. Yes, it's a tiny detail, but it influences on the outlook of of the whole competition. And the reality of what is happening, it seems that the outline is too narrow. So I would like to increase it a bit. But it's important not to overdo it to unit as you like. So we've created this narrow line that calls the main light reflection and made a more complex slide composition.

Misleading the now and old birds are pretty, but we've just made it using After Effects. There are different manipulations, we've created the complex slide effect that is run through the logo with a feeling of metal construction, but it's not always the point. I like that I like after the fact and I like to walk with composition and defects because I can and When I need to add something more for a good and better look at the composition. Honestly, I thought while I was creating this animation that super super should be a shining logo, because it is like Superman logo, but I don't like it's glass and to accuracy I know that the logo supercilious should be a bit rough and a bit maybe beaten up. So it should be more common talk. Moreover, the glass and glamorous, don't suit me.

So I will call it a bit and output for Matt Luke. I select our hdri map and choose the effect blur plus blur. You should select both layers to add effect to the ball players can the value will be for example 30 So, I think that it will be cool to look how it has changed. lager is looking a bit deeper but I think that the fact and now bonus to the retro usually add one more thing in case of metal things. When you look at the metal construction, there will be a ton of noise particles like a rough texture that should be here and that is why we should create it here. It is pretty easy.

I select I share a map effects and find here noising rain now as is kind of running theme but rain is more is more static. So here, let's choose final instead of preview. And I like green more Actually, I decreased this house Let's be zero to five and check it and then the intensity should be also 05. So seeing that the metal is looking better, nice, I like it and it is the first part of our logo. We've created the foundation that will work with in future great new composition and naming to then return back to the first composition. Open the composition with copyright added and copy and paste into the second conversation.

We don't need the field we need the outline. So, so that the shape there and using these add, tab, select stroke fill can be turned off okay, use the first couple position and copy hdri from there and basic to the composition number two. Then do the same stuff, place the HTML behind the logo. Before we need to pre compose the logo correct work these icon is turned on so trackpad is out. So turn it up and you see the copy of our light reflection, but just on the stroke there, okay, that's all so to create a lit composition, we need this composition and the composition with this choke, so we'll create a new composition and name it pre but to be a collagen, we'll name it for bring here the first composition and the second one. Then select the the second composition and change the mode type to screen.

For example, to see better Let me turn on this composition For now, we have a problem here that the outline is visible from the beginning. But as you know, we need to create an impact that it will appear from the darkness. Yes, we have this wide berth but no feeling of darkness. So I add the effect brightness and contrast to the southern composition. Then to read a bit for the moment like there is no logo. So, like like this one.

As you see we have the stroke that is current and disappearing. Okay, on the back. Here we have because we've covered this layer and haven't chosen a loop And you layer of alpha in the pack settings in the tax settings. So select hdri, then open globalized Up next, and choose the logo here. And now we can go back to the course composition. And now it's really nice.

You see these white lines, they draw an outline of the logo. But you see that sound where the logo is visible, some barks, and we need to cut all these extra parts to create a more linear factor variants bearing from the darkness. So here shouldn't be such artifacts. So a select second composition, go to the effects and use ordinary transition that after fact, has transition linear wipe. To see the logo for a better job. I need to turn off black metal Round and make it transparent.

Now we need to customize the transition. I choose the wipe and go to 81% to create this proper angle of pleasant bearing. So from the zero frame no longer is visible and during one second it appears. Okay let's check quick or maybe not in one second. I think we need to move animation a bit. So tune it for a good look and appearance.

Here is a top feather. It is a blur effect of the cutting lines. Okay, let's play the animation again and check it Yes, now we have this factor of apparent from the darkness Then light. And after we need to create disappearance. So, at this moment when the light is over, we need to remove the light at all. So again, add the fact linear wipe and unit.

So be careful with this. And no, it should be it should be the opposite direction actually. Oh, okay, so it's gave me both the key. And over here, elephants will disappear. And, of course, to our effect, as well. Of course, you need to, you need to catch the moment.

It all depends on your map, actually, and you need to catch the moment of that disappearance and murder. Cause bearing. So all I know you need to feel the worth of the animation. Honestly, I did a preview longer than the lesson. But I don't do the same animation, I just use my inner feelings. Usually this can take a lot of time, because you want to tune it ideally and you fix every tiny detail every microsecond to create a nice look.

Once we created a logo for one of our Russian super, super heroes of our new comics, that is called major Grom. I was asked by blood human deciding to prepare it for a future teaser. So to prepare this kind of tell as a parent of this superhero logo. I suffered for a long time and customized this animation in cinema. I tried it in cinema and in element but I I didn't like to be honest, this option is more convenient for me, but I came up with this too late and now I share it in case you need to create something equal. Okay, we've created this thing and it will be like a prove you for our future log.

We can choose another color of this part then maybe add glow and shine and make this tough, very bright and visible. Let's use the facts and through the color correction, you can select either tuition or hue saturation, and then paint these blocks to another color. Here I need to take colorize and then turn the situation around here. So I chose this hue because of the preview and it will be like a light blue. So I'll leave this color here and then use the fact stylize glow to make this vehicle of shine. So here is the redness of glow and press hold of the glow fact.

And of course you can tune these values as you like and get a good result. That's it I like it. I like this line and it is looking like I don't know like a blade maybe from the old screensavers So, pages films. Yes, there is a there is a term also you can use here different. Okay, go to the effects trouble code for example, shine and Chen creates Escher luminescence. These lines are nice, but I don't like it.

I mean, this fact, I have such an old pocket that is called that is called bcca like embroideries continuum complete. And there is one of my favorite effects for editing the race. It is called res ring. It is more convenient for tuning. It has more settings and to be honest, I create shining by this effect. I can understand if it is working now or not.

Maybe I need to pre compose the logo before and after use the effect again, but try precompose fact oh maybe we need just To change the values of intensity. Yes. Now see these rays of the outline. Actually, you can use shine in fact or in the year there is an effect. As rays. Yes Here is it, it does the same stuff.

So it is just people's favorites. I use breweries continuing complete and I like this like, you can find it in the web and sit down. Here we can choose a color preset For example, I need right now blue one. So I choose it and you see that the rays have blue color. I can increase the intensity. So you can handle this.

There are a bunch of stuff the direction of raise the intensity and data set. against that you can use to find your favorite result. Super, I like it really I like it. Let's turn off this composition and return back to the first composition. So we need to do the same thing with it fried and the bearing of the logo using brightness and contrast. So we will add a transition here linear vibe, and we'll create the bearing and disappearance of the world.

It is not even a superhero. It's as simple superhero slugger because we have super super surreal so why not? And if you see these lights on the outline that makes this feeling of light legislated upper from, like a box over the logo and eat creates this cool atmosphere. Okay, let's move this animation a bit and play it again. So firstly it goes with outline. And then it seems like it pulls the logo itself.

Yes, don't forget that we have these bars and we need to hide them. So add effect transition in your wipe and create animation overbearing. Yes, we have a dark background. So these grad end will not be visible and it will be look nice. Definitely, definitely what we need their burns from the darkness and suddenly the material fly to Paris for a moment and eliminates the logo, so we can turn on the mode ad instead of normal. ad or screen doesn't matter.

I think that ad is more broad and it is. See it's here more to see clearer details and these flat bars are looking out for earners. And by the same principle we will create the disappearing duplicate the light and it will help us to hide the logo. You need just to tune it and catch the moment of pauper disappearing. For a good look for a good rhythm of animation. This fact doesn't need to shine for a long time because heroes don't need a long time of shine.

Either way, it will be looking like flow on effects. So we are going to flash for a moment and hide in the dark like true heroes. So we shouldn't prolong the Baron in the spirit and the animation and let's make it shorter. I think that now this big will be okay. So let's fix the bug. We'll remember that we need to clean the bathrooms logo that we need during that period disparen use effects, linear transition.

Let's animate it and check it out I think I think that from this moment we can we can start to hide it. Yes you see that the systems start to slow beat and maybe we need to use for a preview not full screen but the other quarter to decrease their window of preview for is a job or for quick look here. Yes Now I'm glad about it. It's nice the logos qu the Baron and good disappearing. I think that it is that what we need. By the way to make the logo more cheerful.

We can add two more things. Firstly effect and we will make it more sharp like blur and sharpen then sharpen So, let's customize it, and let it be, I don't know, maybe 15. So sharpness is an acquired taste. Yes, but I think that it adds little details that are even more expressive in the whole composition. And also we are not good boys. We need to have bottles cars on the logo.

So we need to bring here the texture of crepes to the project and add them to the logo. For for IDs, bald Luke and this texture need to show the viewer that Supercell is not just two words, but the action. Let's find the texture of scrapes the eye hope that the web will understand me okay and sure The texture that we use to the composition there are a bunch of them honestly, and your choice depends on you're willing to beat it and to make it more aggressive maybe. So choose the texture that you like and bring to the project. I will use these one embryo into the after effects. Then I then I dedicate the first logo will do this open now bring the texture the logo will be our mask or the texture and we should place it behind the logo.

Here. I'm not going to use alpha but I'm going to use Luma this mode saves some bitten parts turn off something extra and this effect will react to the light on the board. So choose the mall tab. You can choose something dark like multiplied or something light, like screen and check it. If there are any scrapes Yes, here it is. Okay as Kayla extra bit and check it again.

Oh, maybe I need to choose ad mode to see him better. It is cool. These small details that I've mentioned a lot already So you add these details and make your composition better and it is looking more realistic more clearly and, and the viewer likes it more of course. So we've created the animation of appearing and disappearing of the logo. And it is a very easy way to change the color of the logo. Now it is looking like it is made of platinum and it's nice but if you like gold, so you can select the composition, then go to the effects, choose color correction, and for example hue saturation and using this effect, you can change the hue of the logo, make it more metallic, for example, or more or more gold like this one.

So customers As the settings and make the texture that you like, there is nothing difficult to integrate in this flesh and part of the logger. Let me use our first composition choose logger. I will cut it and paste it to the fourth composition. Then choose the color. Oh, okay. I turn on this part to create a flashing light The fact of the letter S. So what else?

What else I do usually when create such question inscription, I click the clock and using pressed out, I print Here we go. For example, tan and 30. So firstly, do you These effect the logo will flash randomly and that is why this flash will look more realistic. And secondly, the letter will have a glimmer effect here. Hope okay. For example, in a second it will start the disappearing effect.

Also put the keys and hide the logo slowly. There is almost to catch the moment of its ability and add glow act, a home that we love here. Okay, let's use the trick that was advised in the one of the previous lesson. grid and little boards that make the glow effect work in a program wait. So create these tiny shapes along the edges of the composition. Maybe it was described clearly, but try to repeat the lesson if it wasn't clear for you.

So these little shapes are needed for a good glow effect. Then you customize the glow effect. I like these inside white parts. So I tried to reach the moment of this nice light effect. Yes, of course you can take more time and customize and customize call the effects better for a good outlook and perfect animation. Yes, sure.

And after you've created the basic sample of your animation you need to do next thing, select the window of project. Then take your final composition and bring it to the icon of composition. That's how we create a new composition with the next number in naming. Sometimes it's very comfortable. So that's it. here and you're solid, that'd be black, then layer adjustment layer.

And here over the adjustment layer, we can add more attacks and find the final loop. Sometimes I add color correction for a better, better realization of the final look. Then curves and to use these curves. You can choose and customize the hue added these curves so anything that you want to find optimal, Luke have your composition. So it's like a final post composed and it is like a final feel. For example, you see that they Blue moment, moments of fact, the longer and it is nice.

Maybe we need more glow over Elsa to read more for this additional shine effect and finally, I get used to do this add this effect. I have been using it for two years and honestly, these plugins have a bunch of interesting things tried in case but of course, they are not obligatory. Here we have these plugin, chromatic aberration and of course, these one prism that makes these a fact of player cake. I use the value of zero dot 99 and a little chromatic aberration is created these aberrations. come from cinema and they are looking pleasant for us because we get used to see them if the movie uses a good camera, good optics, so these little polarization of stratification of the car can appear. But sometimes it depends on the video screen.

So this object is well accepted by our brains. Also lizard packs, smoke bags and artifacts all know using this kind of effects. Everything is looking more pleasant. I use it often pretty often. Yes, sometimes this stuff can be redundant, but sometimes it is way to go. Okay, I've shown you the basic principle of making such a logo.

And I want you to choose a logo of a superhero and using this technique to the animation of the look, Batman, Superman, anything your parents, try to find a logo that you would like to work with and after will Czech it will be very interesting to see ourselves and show that somebody think to upload such a prompter to the hive that calm so it will be chased now go ahead. If we will do it please tell us about your test results. We you and me we're interested in sales of such stuff. Oh, I almost forgot one more thing. Yes, you have a logo in vector. And of course you can create these outline using using increasing on the stroke.

But if you download something from the web, like Batman logo, so for example, for example this one, save it brand into the project and start to work with it. You will need this outline that is easy to make and I'll show you how to do it is in case of shapes and layers. With no vector image, you need to select the layer. So Layer Layer Styles here is the top stroke. If you press it, you'll see Oh damn, not the best example because the logo is red and the outline is read too. But here you see this trope, the stroke is appeared inside there, it is called layers tabs.

Here you can customize the width prosity and position I mean that it can be outside. So let me make it blue. So now it is outside. You can make it inside it is more convenient, or center. So here you can customize this choke. So here you can delete the field using blending and leave the stroke all alone.

But all of this stuff you need to precompose because it doesn't work correct with the facts. And for example, if you will add facts here, let me try the fact. For example, gainers feel blue. So look, nothing has happened. So after your logo is good in size and this choke is okay, you can just pre compose it and after great run lines here, it was just for those who haven't know how to make strokes of PNG files and images. Use it.

You're welcome.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.