Tag: how to make a mascot

AI Tutorial: Process of creating Iconic Esports Logo

Post author By Jimmy Dagger
Post date May 29, 2020
No Comments on AI Tutorial: Process of creating Iconic Esports Logo

We’re going to call like iconic East for design logos. Reason being is because, there’s of course, more than just a mascot a logo to actually create a tee sport team design right. So this right here is more or less kind of revolving around the word icon, um. You know it’s kind of like a 2d or flat logo, as you might recall it as well.

If you guys were typing it in Google, isn’t like that, apply in logos that look like such but yeah, it’s more or less kinda like a bare-bones, stripped, simplistic method of contra buting, whatever the words that might be in the East for design team. For me, I made up my own, so I kind of called it Star. Wolves give myself this really easy, just cut in to kind of make a really cool logo just really quickly, just kind of literally a three-minute logo pin to it freely um so yeah.

It’s just one of those things where sometimes is the eSport team name that also really counts. So if you’re reading this article looking to make your own eSport team yourself and you look and make a logo for it, if you might have to go back to the drawing board when it comes to the name, sometimes it’s so hard sometimes, and you can make It so much easier for yourself, also in you know, in a way right anyway, for this logo.

Here all I pretty much data was combined three different things or, I would say two different things: basically, a shield itself and then an icon. Alright, excuse me an iconic or a an object in which you can see very, very maybe it’s loosely, but more or less. This is very more like direct, so you can see like a wolf in the background of the the shield itself kind of how is it in this little shield and then star, wolves, there’s no way, I’m not going to put a star in there so put a Star in there right, but this is more or less this is wouldn’t be.

Like my concept, I would show my my client I’d be like hey. This is where my direction I’m going into um I did at excuse me. I didn’t have these little like little indentions here when it comes to like just cutting that out just to make it look cool, make sure this is like nice and even whatnot, but the logo itself is not quite even right now, because I just kind of like I said I free-handed it and I use a tool for this thing so with that being said, there’s a plenty of places that I can improve on when it comes to this right here right, you might look at this ability.

This is perfect. It might be perfect. Oh yeah, who the hell knows right, but I’m just trying to say this more you can do because if you take it and like subtract again, you have you know right here: let’s just try again really quickly, you have the shield itself right and then you have The the the wolf will just you know whatever that’s a well, that’s a bird, but then you have the star as well. So if you kind of think about it, this is the hardest part of the knowledge.

Okay right, so you kind of think about it. This is like plus there’s another plus. If you were to think about it, you can go ahead and say this might be good for you. But what if I went in and said, hey what, if I you know, change this a little bit or I change the star to make it like – have a little indention here to kind of have a cut um or the shield itself. Maybe the shield itself is broken this area here.

Maybe it can be broken in the area. Right here, maybe can be broken an area right here you mean. So what I’m trying to like suggest is when you have something like this, and you want to try to elevate it, make revisions based on changing one of the each interval shapes. So I’m just rying to give you guys like a really cool in, like I said, I made it easy for myself with this little logo here, but I also have something written down like if you have Spartan you have helmets right, that’s what we use a lot, But uh, what else do I have there? Oh yeah tornado, vortex uh that Star Wars.

So basically what I’m saying is like vortex gaming or something like that you can have like a you, know, twister or some kind of like cool. You know just kinda like a spinning just vortex right um, also when I said tornado as well. You have a tornado, I think, there’s a tornado gaming already, however um but yeah, you see how like very easy. It is to pick you know, nitpick these things, but when it comes to more of an abstract term, when you come with your East Ward team itself, maybe it’s just as easy as kind of just making a logo concept around just like a shape itself.

I’ll show again and then later in this article, however, I was going to quickly go over now that I’m done talking giving you guys all the little insight quick little four-minute insight. I think it’s very valuable if you guys, you know, take the time. Listen anyway, I’m just going to quickly just cut over really quickly and show you guys how I’m going to create or how I created this, but I’m just going to use a lie on this time.

It’s a different shape, just to kind of give you guys a really quick like how to kind of have a think through some times right. So give me a second I’ll just come right over its like it’s literally a second, for you guys all right guys sore back so right. Now, I’m going to show you guys how to create a really cool icon, mascot design – or, I wouldn’t say, masca design. But I can’t animal design. Does that make a little more sense for you guys so more or less, not a mascot itself in the creation of the style itself, but more or less like an icon like so now for me really quickly, I want to show you guys this really cool little Technique that I I guess I can house for you guys kind of like really kind of pinpoint on what direction you can go when you do on your own right.

So for here I kind of like would break it down into three shapes. I’m going to be using the print screen, little quick, little program here using the pencil to quickly draw. I could drone Illustrator, but whatever this is fine too so three shapes here. So those are the the shield here as well right, that’s one shape. The second shape would be the wolf itself, that’s number two and the third shape would be the star.

So if I quickly just kind of like forever some outside this is by the way we should be doing in your sketches. So I’m going to have my shield here. I have my wolf here, I’m just kind of like oof. I got it just kind of quickly, a kind of like, like a you know, that’s the nose, whatever right so cool, that’s the wolf there and then I have the star as well right. So this is the hardest part ever in the universe, to know how to do stars perfectly, but that’s okay, star for now.

So that’s three shapes, so that’s kind of how I broke it down in my head personally to create this really cool, really quick concept here by the way this this I mentioned again. This is a quick little literally like a 5-10 minute pencil sketch should I did for the this example here with their made-up star, wolf name um. So that being said, you can go ahead and go through it. Now. Let’s say you want to take the star, for instance, this is there’s, there’s plenty of different ways to make a star right.

This is still a reference star, so you going to have the you know you have the the simple ol kind of like you know, star kind of shape going on here, the I’m just going to do the lines for a criss cross or whatnot. But if you got it’s like typing, like starlight logo or a star icon and Google, to get some references, don’t fit on copy. Of course, I’m just saying references of how stars can also be done in a way of like also not just being bare-bones.

Just a simple star shape, so they mean by that is. If I were to go over here and I said hey, I don’t want my star to kind of all connect. Maybe one might start a kind of disconnect here. I would do this perfectly by the way, when there’s kind of just showing us for a reference wise right. Maybe you see when you start to look like that right automatically just made a different character or if you made a different logo, because you changed the character of how the stars represented.

So if I say okay, I don’t want that theory. I’m going to want this right here, cut out as well. You know I want to want this just cut out right there as well so going to cut this out just like so now my star looks blue the different again right. So that gives me a different. No look to it right, you might say holy crap. It look really good then, but what this revision is indifferent, like steps that I’m taking and make it look even cooler, it’s looking kind of cool right.

What, if the you know that kinda looks is pointing down. I would kind of make point up, so I kind of reverse that cut it a different way, because you know you know mindset, branding wise, you wan na make sure you have the best-looking thing you don’t have anyone be like when they lose really old, dude they’re Going downhill but um. Basically, this is what I’m trying to mean right. This is what I mean I broke it down into those three shapes the shield, the wolf the star and you can take take each one of those shapes and create something really cool and different, and just kind of like just just, of course enhance it.

Make it better for like the wolf itself, maybe the wolf. I want to kind of make a shooting star reference. So maybe if this star wasn’t here – and I want to say it – you know it’s its wolf’s, us its star, wolves, eSports or Star Wars. Gaming is my made-up name that I created for the concert, the article here today. What if I said I don’t wan na make it. I don’t wan na make the star being so obvious, so mater this star was actually filled in.

It was just a shape going fully down this way and let’s say if I want to make a reference of a galaxy or or shooting stars, you can do really cool. Maybe this will have to be finessed a bit more, but you can do some really cool. Like indentures going in this way to kind of create different, you know, emotions and in a shooting star reference right. I’m just going to give you guys ideas of how to go about this name here, but I want to now go over the fact of how to create a really cool logo, with the name going to make another made-up name superior lion, eSports or superior.

I’m in a superior lion gaming, so with that name automatically we should be doing, is dispatching the superior dis attaching lion, and then you can even do such gaming as well. What I would do is, I would say, when it comes to superior. What does that word? You should study as well, so it’s typing the word. If you know what the word superior means, if we’re ever going, google go to google definitions, you’ll find like royalty.

So then hey royalty, whatever loyalty colors, what our royalty objects? What is royalty materialistically, wise right and I’m automatically, I think crown so I can say Lion crown. Sheep would be my go-to kind of revision concept that I would go for so hopefully that kind of gives you guys a really cool idea, because there’s there’s that’s a prison going to try to do really quickly. It’s like a little quick little pencil sketch as well.

Again, but that’s how you should be like be able to think it through. So this is why logo designing takes so long is because there’s a lot of studying involved as well than just really just going into it and saying hey screw it. But now, when you have this kind of foundation and method and steps, it looks kind of like a little bit easier right. So I quickly cut over to a really quick tip that I kind of wanted to show you guys really quickly, because it’s honestly probably change your thought process a lot and I think it’s going to be pretty cool to actually know so.

I’m going to just quickly cut over to that and yeah one. Second, all right. I totally totally just lied to you guys, I’m actually going to do it when I do the reference of actually doing a letter concert really quickly going to end the article, because it’s kind of like really quick and really cool, just kind of method. Of doing that. As well, so I’m going to kind of separate that in the article really quickly, so I’m not going to do the tip now but will do in the article grantee anyway.

I quickly go over that’s lying superior gaming thing, so I have a lion sketch already in here and I already have a preview of how. How can I want to house this? So this is a very sort of like honestly pen tool sketches they’re, not perfect. This is a pencil sketch as well, but it came out pretty good because I made the Lions fairly sharp and easy, but when it comes to Lions, I always feel like little spike kind of like hair references are kind of like a go-to, so that mean something I have to revise, but let me quickly show you guys how I went about that doing this little cool little.

You know masking sort of lion shape this little icon mine shape. That would look really good in the shape here, yeah that that I’m sorry promise well won’t be that hard to follow, hopefully right anyway. So if I just take this little profile by the way for this icon here for the mat, the wolf that I chose here is I typed it in Google wolf profile here. I typed in Lion profile, and I got this image here – and parents from sterner stock.

Just kept that in because I just took the image itself right, so I’m going to go ahead and just reference some of these lines here, so what you guys should be looking at when I quickly zoom out a little bit more. What you guys should be looking at here are basically what are the lines that are going on right. So you have this line here. You have a curve here, so you have one dip right. You have a little bit of tip here.

You have a dip right here. You have something going in this way. That’s another dip! Another dip here. You know right here right and then another dip here and then you probably wan na come down here right. So you have like 1. 2. 3. 4. 5. 6. Little dips that are going on here so realistically, what I would do is I would try to minimize that, make it as simplistic as possible and have the Anil be seen and the less amount of I guess curves or cuts as possible.

So if I were to go for it, you guys are just all that I already did it bright was. I would start here go here. I make a little bit of curve for the top of his head and then for his nose bridge here, I’m going to say I’m going to make a cut just straight cut down right like this right and I’m a closest path for a second and I’m just Going to say, I’m going to make this entire thing: it’s not for going up down up down pencil, this entire thing, click here and I’m just going to drag.

I make this entire one shape. Okay, so this little reference shape here is a little bit off the books, but whatever um I’m going to say right here, I’m going to nice little dip right here. Actually, let’s go right here right to the bottom of his chin. I’m going to close this path for a second, so you can see the the actual pathing right and I’m going to say this little indention part. You see how it gets a little empty here, because it’s kind of like how you know if you look at your style profile, there’s emptiness right here.

So I’m going to go ahead and say I’m going to follow his jaw line, which is right here and just go just like so in inward. That way and I’ll come back out back to his chest, I’m going to bring this curve here more towards the inside, because I kind of like makes it look like it’s puffing out his chest right and I’m just going to go ahead and cut it in this Way here and I’m going to just screw that I’m going to leave this path right here for a second and I’m going to cut over it over here and kind of start on the top again.

So kind of face is done right here. So I’m going to go: do it now? It’s kind of how I did this here, so this is more or less the little spiky stuff is kind of how it’s going to be a little bit difficult to kind of do just pen tool off the bat. I probably could have thought about it before, but that’d be a little more work for me um, but I’m going to go ahead and just say: alright, I’m going to cut down this way right.

I want to reference how I did this here. This is kind of cool. What kind of made this kind of like a point, all right, something like that! Alright and then I started going downward. So I’m going to go like this. I see this one here, I’m going to go in and just kind of like literally kind of trace over it for now, just because I don’t have a schedule just going to quickly just go through this really quick like so I’m kind of just pick and choose And I’ll say: that’s fine! That’s enough for the for the idea.

That’s pretty much fine! I’m going to fill this in with a color get rid of this one here and I’ll use this. This is not actually that bad, but it’ll do that. It’ll do its job for now, what I’m trying to explain right. So for this part here I ended putting a little Iron Man and this for a little soil. I here I can just say I don’t like how this is anymore. I’m going to quickly go ahead and take my pen tool get rid of that make it flat line like so.

I’m going to do. Is I’m going to start off at this point right here and I was going to make it. I usually do this when my math got tutorials um in the past before I actually learn how to make eyes. It’s kind of how I just kind of click, make it like a scope. So you kind of go from tight, tight from tight to points here to a more of a wide. So you start off, you know skinny and you go kind of go wider, wider wider.

It’s kind of how you reference like a little eye, canvas or an eye. Cutout kind of cool little way to do that, then you just cut it out like so. If I zoom out the scale wise, if it’s not good, of course you have to fix it before the article itself, I’m not too worried about what the eye looks like right. Now I’m just going to get the point across, but yeah even the eye right now looks like it’s too far.

Up is what I would say, so I need to be more over this way, but I kind of really quickly want to try that just like it should be more like this. You know I mean uh yikes, you know what we’ll just kind of like put an eye in there for now like this. How about you just do that right, we’ll do like this and then something like that. I kind of thought about this way long ago, but you know I’m just rying to give you guys the idea I’ll just cut the eye like that for now weird is going to go with it right, so we have our line.

That’s our first shape that I was referring to when it comes the start, the the wolf and the shield we’re going to go hey. This is our shape here. We’re also just going to say this is an ugly-looking. Lyle is just okay right, I’m going to take a shape from here. This is going to be used as a reference literally on the article as well, but I’m going to take this shape. For now I would say: hey this is going to be the shaping on the using I’m going to make this shape a little bit bigger, okay, and also I’m going to have the shapes AAI that I have in this article right now in the description for you Guys to download you guys want to use these as well, I’m going to click the shape here, I’m going to turn off the fill path and I’m going to turn on the stroke path and on the show pathway, I’m going to use a line stroke, inner and I’ma hold shift to give me the ten intervals points.

While I click each time as you can see, it goes 30, 40, 50, and I would say this is pretty good right here for now right. So I’m going to take this shape here now. This lion shape that I have I’ll bring it above the shape you can see over. It now put it inside here, okay and I’m going to make it a little bit bigger, and this is where a little bit of a finessing you would need to happen so, and the sketch that you might have.

You might obviously need to notice that this needs to be a little further up here for the what I currently want to kind of want, and this is to be a little curl like a little further out there. I don’t know if it really can also happen. I thought don’t make a little more bigger there. We go something like that: it’s not that fit like this. So the reason why I made it come outside of the shape itself and make sure this comes out as well.

Right is because I’m going to cut the line out with the shape itself. So when you I’m going to use a lot of the shape builder tool, which happens to be this tool right here right, so I’m not putting a grid right. So I got ta get rid of that. It’s over here. Move click turn off. Leave me there we go okay, so I’m going to do is a highlight, see you can either select or you can highlight by dragging right over these two.

So I press shift M on my keyboard. It gives me the shape builder tool. I can hold alt and I’ll get rid of that so now. My my Lion shape now follows this shape here. So before I do anything else, I want to make my path right now. It’s currently a path, as you know right. This is turned on here, so it makes a stroke, it’s a path, more or less right, and obviously everything in the path is. I mean this is a stroke that you can’t really cut things out, because if I try to cut things out right now, let’s just use this turn this off.

For a second, let’s say I wanted to cut this out. It’s going to follow. Let’s just say right here right now: right, if I try to cut this out right here, it’s going to follow the line as well make another stroke, so it has to be turning into a fill that way. It acts more like an object when you cut things out, so what I want to end up doing it. I might click on this shape. Right here. Right go to object, expand appearance once the expence appearance, then I can cut things out the way I would want to without having a stroke up here with my new cut out right.

So with that being said, I would like to go in here and kind of say I want to get rid of this. I want to get rid of this. I want to get rid of that. I want to get rid of this kind of have that work. A little bit more freely and by the way this is called this is our made-up name – is superior liming superior Limon Lion gaming right. So now I want to say I want to cut this out here so the way I actually ended up doing that for this right here, making sure it’s as perfect as possible having that consistency of spacing by the way, it’s very important, so I’m going to take My shape here, I’m going to make a duplicate of it by holding alt dragging it up, and then I’m going to do is I’m going to click turn off the fill here turn on the stroke I’ll make a difficult for guys.

As you can see, it turn on your stroke options. You can do that over here as well on your windows. If you don’t, have it right and then go to a lion, choke go to the outside this time, i’ma hold shift again, I’m going to click like 3 times. That would give me 30. I would say: 20 actually looks pretty good 20 points. You can do one by one if you have to hold shift by the way. I just end up doing it a lot, because I ended up having them use that about that amount of width um.

So now, here by the way same thing, I have to make sure this is more a fill, not a stroke right now, because we can’t really cut it out as easily um. So we have to do. Is I’m going to object, expand appearance? Now it’s a nice little fill, I can click on the shape and the stroke now right and then I’m a shift and the keyboard hold alt. This is the shuttle tool by the way hold alt that gets rid of so clicking anything.

It just makes it a pluses we he adds the shape itself, but cuts it out with these lines here, what’s holding all erases it, so if I click right, get rid of that I’ll take my blue line here, delete it, and now it’s cut out perfectly how It would should be, I guess you would say if you wanted to have it look like that. So with that being said, that’s kind of like how our little our little shape is going on now, um, so superior right.

I said crown so basically what I would have to do without reference this line here. By the way everything had to be perfect, everything had to be a vector properly. Maybe you have to use a lot of circles. A lot more strokes may have to save a path of this um. The shield here, without actually being you know, edited so you have to have that you know redone over again, but I’m going to quickly kind of just like say for this little part here, I’m going to make it look something like this and then it’s going to Do a swirly here and it’s going to come up here, whatnot right, we’ll just do that and I’m going to quickly just make my life a little bit more easier, just duplicate this over! It’s not going to be perfect.

This is not in the middle actually, so I’m going to also squeeze it over as well, but it’s just for just reference right. So I’m going to put a crown here. Combine these shapes by the way the Pathfinder you can use the combine, shape, option or unite sees me. It’s called right, I’m going to quickly just remove that over here and call that perfect right now for now right. So now, if you look at it, you kind of have a really cool concept being created.

What I’d probably do, as well as out kind of like you know, maybe reference this cut out here as well, for the lion off the crown kind of give a little cool. Look as well, and I maybe put like a gem in here as well. If you guys want to – but I like I said this is me sketching with my pen tool, so I’m just going to give you guys ideas, but you can see what’s being formulated or what’s being formed with the idea that we had just from the name itself And kind of how he broke it down with the three shapes.

So what comes next is you can move? You can change the lion out. You can change how the shape works. You can change how the crown looks. So you can change. Maybe what you don’t want to use a crown, maybe have a different thought when you want, when you think of royalty right. So I’m just going to give you guys the clearest vision that I possibly can when it comes to creating your own icon. That revolves around an animal right, whether your name comes with it and your you, sport team, or you just want to do it, just put the hell of it.

Cuz you like that animal or if it was like sneaky sneaky sports sneaky alright, and it’s like a raccoon. You want to use a raccoon because there’s sneaky as hell like Sly, Fox um. What was that game called? I have no idea, I don’t why the Ward’s life slyfox, get on my mind anyway. Right, like you, know, racket just like what is that call sighs whatever well we’ll skip those like a ps2 game um anyway right.

So hopefully that really gives you guys a really cool idea of how I how I basically thought it out and broke it down for you guys um color matters too. So when it comes to like royalty, you might use some purples. You might use some blues to get that. You know that royalty feel in there might use some gold as well. So I’m going to go like to the yellow, orangie right kind of get a gold in there and you get like royalty right now.

Can you not reference? Can you not see a little bit further now, rather than having the the unfortunate like just panic, attack of how you go about actually creating the logo itself, but hope you guys understand that part, I’m going to move over to a really quick little tip. That’s going to really help you guys logos when it comes to like icons or letter concepts and whatnot, but I really hope you guys enjoyed this article so far and I’m going to quickly cut over and yeah.

Let’s just do this thing right now, alright guys! So last step for the article here is basically how to create some letter concepts and a really cool tip that I’d love. To illustrate to you guys that if you’re still struggling, I guess in the sketching process and are basically even the initial starting process of creating a letter concept or a logo or whatever a letter, logo concept there we go um, it’s actually a lot more easier.

If you think about it, so I’m going to use my shield’s AI for an example here, so it’s not only for a freaking animal icons. Imma show you guys in a way that a whole I’m going to give you one clear sentence right, I’m going to be like okay for your letter concepts. What, if you didn’t have to work in your brain as a blank canvas, and what I would like to suggest is the fact if you actually use a shape itself right in order to house and create another canvas in a way and create that canvas is in A way that that’s how you create a direct focus, that’s the worst way all Mesa trying to say is for this shield here these little black shoes that you see here.

What if you chose these as the way your canvas is created in your brain like what? If this is your canvas, and you can only work in these shapes, I wouldn’t say these individual shapes alone solely. However, just shapes in general right is how I’m trying to like what I try to mean right. So, if I just say, hey look at this concept right here. This is nothing but M logos. This is literally the shape here is, quite literally oh.

I forgot to combine these shapes anyway right. This shape here is quite literally uh how a lot of n logos would looked at. So if I were to go over here ly quickly, I typed in M log on Google. You can see our Shakey’s reference right here that same shade that we were just talking about it’s referenced, so it’s that you know that this is like this. That’s one shade that that person was working with in their brain.

This person work with a circle in their brain. This person worked with a triangle actually right this guy. This guy obviously worked more or less like a triangle right, so the thing is a lot of the times. What you guys are missing is the fact of the initial thought. Process is sometimes and most times a lot of the times more drawn at the times, there’s always a shape that can be hidden or seen. This is more or less is probably like.

Let’s just say this: one right here is all pretty cool as well. This one right here has more or less a shape that goes like this and then another shade, there’s the same exact thing but shorter on the outside, so there’s overlapping shapes in order to create a concept. So all I’m trying to say basically is for you guys is when creating a logo itself, sometimes it’s as easy as housing a shape and having a shape for you guys to kind of go for and reference off of before you even start really sketching.

So I’m just I’m keeping you guys the clear in there’s no secret. It’s just one of those things that sometimes people overlook because they look at the logo as a whole, rather than the process of it. Sometimes, and that’s why it’s so important since hasn’t readed speed. Arts or read someone how somehow someone else might do something, so it makes you think differently, so I’m trying to refer to so for this concept here I have this sort of shape down here by the way, so I can kind of create a quick little logo Here so for this concept here I’ll believe my said in the beginning, the article, but I was housing.

The fact that there’s uses of I haven’t written down, um symmetry shape and consistency, is like the three things I would like to reference the fact of how to create logos of many right, there’s just many other ways or I’m just saying it. I like to kind of keep in mind either symmetry shape. What I mean my shape is, like you know, kind of like shape of these little shapes here. So you know choosing shapes like this as a canvas to kind of work on or consistency.

What do they mean by that is like consistent, cutouts um, you know like I did for the star here like if these are all consistent cut out, so this consistency of that like that and I mean so that’s how I try to refer to you but freaking. I’m going to work on the the object of symmetry here, so I’m going to use the term symmetry here, so I’m going to use for this logo. Here I thought in my head gem gaming.

So this shape here is actually a really good shape for me to go by because yeah looks like a gem right and it’s kind of little six out of polygon right. So I’m going to go ahead and I wasn’t a quickly make a quick little logo off of this. So I’m going to just simply just use simple it’ll connect the dots kind of thing. So hopefully this has, it does have point on. It might not be perfect, but I’m sure you want to quickly go for for you guys and when I quickly should be three hundred degree angle turns so if we’re go 15, then three hundred and then go like, so I can simply just duplicate this or flip.

This over with the replication vertical will take. This will make sure this is on this point here, it’s a little off, but that’s okay and I’ll. Take this one here make sure this is on this point here and then one just kind of shape it this tool. Here so it looks like that shape, build tool, hold alt, delete there and I’m going to take this shape here. I might have to move this little further up right and then move this here.

Not the best idea, slash concept, slash execution, but it’ll work for the article here today. Right really quick right. So oh don’t forgot this. This needs to be like so cut out there. So we have our little G here. So this is our our first part of this, I’m going to click to just quickly just connect all these really quick and then just duplicate it over right. So you just see the process of me just using a shape, as we had just like.

So you can’t really quite see it. So what I might have to do is I’m going to say: hey, let’s split it in half once again, but then this is what I should have thought out before, but I’m just using this as a quick little cheat sheet. I guess you would say so I’m it’s like these two shapes it’s like the shape here, but I would have to fix this little cuz. Obviously then this is off so, and I have to like.

You know, of course, make a little more better, but for the for the sake of the article, this is perfectly fine, so right this is this is gem gaming right, so you have GG as this right so so for this imagine like kind of looking at this, As a whole, me like holy crap, have this guy think about this. It looks like a gem – oh my god, why is it like a gem and some people really honestly forget the fact that it’s just referenced off of shape so altar? I’m saying this part of the article is, I have a bunch of toros on logo designs themselves and honestly.

This is one of the more or less just quick, little tips, and I guess quick little gist of kind of like how people kind of see things in order to actually create things. So I’ll try say for this part of the article here is sometimes the easiest part is working with a canvas within a shape and not having it work. Like imagine like you’re, seeing this like imagine, can you see a TNS logo? Probably, can you see you are on the slope probably going to see at Emma’s logo – probably parties me, I’m going to say logo, I must say, shape right.

Can you see em in the shape? Probably, can you see a V in the shape? Probably, can you see a G in the shape, probably right, but imagine if you had all this turned off like what do you honestly see now, honestly so sometimes a little bit more difficult for you to understand it and or learn it and or create it? If you’re, especially if you’re new in like the world of gravity, sign and or logo design, so I’m trying to give you guys a really quick, little tip and honestly hope you guys enjoy today’s article today.

I hopefully I just personally for me, I just thing was pretty good um. I apologize for all like the light changes. I end up recording this article. While this Sun was going down so just gradually getting shitty your camera quality, I don’t have any like. You know. Pretty lights in my room at the moment, um, but yeah hope you guys know tutorial today. There is no secret download, but I would love you know, twin lights on the article and the shields are going to be this iguodala.

Basically, so it’s going to have a nice little PSD, for you guys actually are Susan, hey I found for you guys to actually go ahead and use some shields. Maybe for this now I’ll add some more of them, but these are for already in the article already for you guys or in the description already, for you guys so hope you guys wrote today’s article don’t forget to follow me on Twitter. Asus HQ don’t forget to check out myself.

I self, like calm slaps. This way HQ for new premades it package. Those three dollars, of course want to give those subscribing. If you guys haven’t already, I mean if you guys, like this article, you probably have a lot more, these other ones in the future, just sayin, um and as well as calming out anything going to see me do below just maybe like hey. So I love how this person did this, and maybe you want to go on Twitter and link it and be like yeah I’d link to you a cool tutorial idea, and I would love that.

I appreciate that very much and I’ll see you guys next time enjoy your guys’s weekend and drink it to the next week and next year, whatever the hell x time, you never see me again. Whatever hey love, you guys I’ll gentle going to keep smiling stay positive and stay freakin, productive guys later so sweat you out peace. My head looks shiny because of the lights. All these different lights looks like I’m sweating lights.

Need a logo????

Tags designing esports iconic logo, esports design, how to create a animal icon, how to create a logo in 3 shapes, how to make a esport brand, how to make a mascot, process of icon logos, seso, sesohq, starwolves esports

Online Marketing

Illustrator Tutorial: Process of Creating Mascot Logo Design | Text

Post author By Jimmy Dagger
Post date May 20, 2020
1 Comment on Illustrator Tutorial: Process of Creating Mascot Logo Design | Text

It is invoice. Suppose you bring out the other articles here today bring us another mascot, as I tutorial health kind of article going on yet again, so I know you guys, love these articles and I’m very very happy because of course, I’ve been getting really good at math. Designing at least I feel like I’ve, I’ve been practicing a lot so yeah one thing I did not do my actual mascot designs.

Poor up, you guys have you have to see that I actually create your own mask on design, sketching the process and also like putting an illustrator stuff like that. It’s a put the link in description down below for you guys to read this very, very good article. Very informative. I really like it London to seem to like it as well. So of course, I’m going to continue so one thing I did not do, however, was actually apply.

The text and I kinda like finalized a logo away just because for me specifically doing mask. I designed one up. One thing that it could not do was the simplest part which I would feel feel like. Theoretically, think is the text, and I couldn’t just seem that actually, like, I guess, apply the text or how looks like it was still in the lowers. I like right here, the Texas – I guess, what’s in the actual logo, design that wasn’t added previously, it felt like it was added.

You know, like you know, like thought about. You know I mean, but this was just added like a nice quick little text in it. It works. I really like how I’m going to do this. I’m not sure, gets this today right here right now and I think the possible, using by the way, is built tilting, I think again so yeah. That’s normal, though, sponsoring my contact, you guys I’ll, go ahead and check that out. Article did really well, you guys are like really frickin love it.

So the guys I’ve got to see that article or I get any of these cool sauces. I’ll. Put that in stop! You in description a below as well because of course, Matt’s out designing you need cool text as well. So, okay, let’s get this thing going really quickly! I’m a point this out, so you can see the outside stroke that I have is actually a color. Now, there’s a specific reason. I do that just because I feel like one, it looks a little better.

In my opinion, you have like a black stroke, followed by a blue or, if he’s not blue, but a color stroke on the outside on the farther outside. Just because it kind of makes your text your text look a little bit better. In my opinion, now what I mean by that is whatever is inside, whatever colors are inside. Your actual mask are right. I have like Grey’s blues white within my mask a design and I have way on the outside.

But then, if I love white on the outside – and it would just kind of be like weird – I feel like a black stroke on the outside completely surrounding your mascot design will look like really good like it would just kind of like finish it all, and then, If you add it, your color of layer of using an extra layer of color, excuse me and then it would just kind of like fill the actual actual logo even more and then, when you fight text, it’s like this is what it looks like right without it.

So without detectives kind of looks like it looks good right, but if I add like the color on the outside and then I add the actual text, there’s just something that just looks really good. Of course, when you actually add in the text with the color in the background, so it’s the reason why I said is it because if you had like the middle here – and this is a color of blue – let’s get this with blue right.

Your text was white. Let’s just say this was white right, but then your sugar, the outside, was black as well. It would kind of look very, very messy or very, very bland. It will kind of look empty and that’s why I want to like. Let you guys know if you use two different strokes on the outside for your like your finalization um. It just looks good in my opinion. I know you guys will figure it out yourselves.

I know you guys will figure out your your specifics. Your your preferences. This is just like I’m kinda, like my preference, so I’ll just you guys do that before I start just because I want to you know if you want to get it to look exactly or at least remotely closer, structurally close as mine. That is probably one of the one of the reasons why it does not look like mine in like the retrospective, like um, the text looking like it actually was in the lower design.

So hope you guys understood that little explanation and let’s just get this thing going. If you hear my chair scooch, I am sorry, I guess it’s time for me to get a new. I think I need to just like buy a good chair like I have to stop buying those like semi are staple chairs. There’s the thing um! Okay! So I’m going to delete that and when I get this thing going so the first thing you don’t want to do.

Of course, let’s do make a back plate surrounding you know secondary color of a color on the background, so on the background of this logo here right, so I’m going to do now. Let’s take my completely done: logo design, my mascot design, McEachern logo, mascot design. Here I’m going to hold alt while I’m holding alt I’m going left click and then drag this below. So I’m a drag whatever I’m selecting this load this layer here right below this other layer.

This will make a duplicate for me within illustrator. You can do that or you can go ahead and pick the actual layer, throw it into the new page and that’ll also make a duplicate as well. So whatever works for you, it’s all good either both of them do the same exact thing possible. With this one. You’re going to do with the duplicated one you’re going to go to select the target layer, which is a circle here.

This will select everything within this folder everything Simmons layer, and that way you can move it do ever with it. So we’re going to do is we’re going to combine them all that way. This entire shape did you guys see here, is actually going to be completely filled or assuming completely like yeah basically filled without. Actually, you know having a pencil out the outside or pick out which layer is only far outside nope.

You can just basically take the entire thing. Select it go to windows task finder. What the path I’m going to do is give you guys this option. It says sheet modes right and one of the options, the first one is actually unite. So, as you can imagine, it connects all the actual sectors within the actual layer, like I said just like so when I click it, I’m a Dragonslayer out because every other layer is empty.

Just so you’re not going to get a little easier and you can see this layer right here now is just one solid, basic layer of like the entire thing on the outside, so that works perfectly for me and I’m very happy with the outcome. So that’s what I’m going to use my actual stroke on the outside now to apply the stroke, of course you’re going to want, of course, with the actual color of the year. Your your secondary color, whatever color left on the outside, and you put that on your stroke, you’re, going to turn off your filled, which is this one right here.

The first one, the one of the foreground kind of you turn that off by just clicking on none one of your stroke here, click on the show, color double garnet, and they would apply that color, like I said before, to the actual stroke, which is just nice Little blue that I got going on here and then you want to make sure you have your stroke, cable, actually up as well we’re going to windows, stroke and you’re going to make sure this is open right.

So for your alignment, shoke you’re, going to put this on the outside now the first one is centered. The second will go to the inside and the last one’s going to be outside of the liner stroke. So one make sure you click on that one, because we’re going to basically mean your your stroke is going to go only farther outside of this path. Here we’re going to be more quicker one, of course, when you put your weight up here, randoms kind of Sisyphus because already know I kind of want it at 50 or not 30.

I think ah see I think it was yep so 50. So you can see us in the outside the stroke on the outside. It wasn’t me inside. Well, you won’t be able to see it. It goes in the center. Well, you got ta put your while your your points of a lot more just because it’s actually shared. It’s kind of sharing the actual the width between the outside and the inside. That’s all I put on the outside and you can see it’s really big now, because these points are still big, cuz it’s on 50, and you can see that if I put this on 50, just like so now, it’s just on the outside looks good.

It looks clean and then we’re good to go so that just wan na make sure you guys understood that okay, not the best in illustrator, what not obviously yeah. Once you have this you’re, pretty good you’re going to make a new layer above everything, so click new layer. Take your text tool which is basically T on your keyboard right for the shortcut, and I would have put it around 500 – is pretty good.

And for me, I’m in a 4k by 4k document size, so my points might be bigger or smaller, depending on what your document size is yourself, I’m going to go ahead and put it in what is the word twist right? I believe the font that I use for this was built, something like I said previously. It’s the bolded one though, and I’m going to go ahead and just put this right here now. The cool thing about my example was, if you guys remember it, I actually have my looking like a had like a little bulge or like arcs and stuff like that.

Basically, you can do the same exact thing. It’s the same exact tool, I believe, is within Photoshop. I don’t know what it’s called a cut like a wrap to look like that. I believe, but the same thing follows here right: the envelope tool. I think that’s what’s called a Photoshop as well, so you want to click this right, make envelopes and answer these different styles. You can actually apply it to your actual text, now lower arch, pretty much does what this is like kind of gives, like almost like a shield.

Look it kind of like makes it a little bit like urban copper. Like a lot more on the bottom side, you can keep going for you, put the bend up, see once you can see you can make it really dramatic. I can do the same thing with something like bulge. You can make it bulge towards you right, that’s pretty good! If I wouldn’t do it so dramatic we’re going to do that, I would say: keep between either negative 15 or positive 15.

Just because that’s not incredibly terrible, as I’m looking pretty like kind of sloppy in the way you don’t immediate, if I put up maybe 10 %, that’s pretty good yep, but the what I want to do is actually. I want to do bold if I want to make a negative that way actually goes towards the inside. You see it came toward me. Look I put toward the negative side. You can actually go. You know farther back and I love this one just because it looks best.

In my opinion, it’s just kind of like preferred one, so we put negative or what is it? I’m just going to put a negative, intense, prettier negative 11, whatever that’s pretty good right awesome. So you can see it does like that. Look nice little simple bulge towards the like further away from us, so this looks really good. I’m happy with this and I well. Let me do now, so I make a duplicate of this actually right now so i’ma hold alt like I did before, and because they put all the way on the bottom and we’re going to keep on the bottom.

For now, I’m a whole or Suzy hide the top layer here, which is our top texts. Now, I’m going to bottom one now quickly just make this a object, so I’m go to objects, go to expand and it will see these two things here. It’s going to span, object and fill admission. Those both filled or clicks, easily check press, ok, and this will make it into like a basic will she’s like basically it’ll, make make it into a basic shape and which means like you can have like move either one.

If you want to so, if you want to get creative and stuff like that, you can um, but for this I’m going to turn off the fill turn on the stroke. Take my stroke put the same color on so basis. The same thing I’m doing on the outside of this I’m doing this in the text so outside the stroke, the line and I’m going to go to here put about 30. I think right, that’s a pretty good amount and I’m down for that.

So basically, we’ve completed the the issue of you know applying all the strokes in the background. So you don’t don’t worry about that too much anymore realistically, now can be happening, is kind of like editing the text to make sure it looks. You know good, but we’re actually not completely done. You can see these little inside here, you’re going to have to actually fix that manually. If you have a text.

That, of course, has you know more spaced out actual you know, letters in their text or in their fonts will quickly turn this back on now to make this also white and well, I’m just going to actually go ahead and get so the object as well, because Why the hell not – and I’m going to make this white and okay so basically to fix this. This ring here this back one. So you have no more like white space because we want to make sure it’s actually completely filled in.

So what you don’t want to do is going to manually. Do it yourself, so click a new layer right above that layer, I’m a bill. Click in use my pen, switches of the press p.M. If you go through the actual shortcut and it’s this tool right here and you’re just going to have to basically be pretty far in find out where this actual point ends over there and, of course, click over. Here, click and drag because this in art, now I’m going to take this point, I’m a hole, control! I’m going to hold this move this toward here and imma, say to myself once it’s pretty good, like you know, what’s pretty good ring, and this is okay, I know it’s not going to be complete long term.

That’s not really quick. I always have to be completely perfect, as this is an S now. However, the X does go below everything, so kind of like makes sense, but what I want to do is I’m going to make sure that I will click all the way around. If I cover this white space, I’m going to go around this white space right, I’m going to make sure I get this right here. I’ll make sure I get this little right here, which is.

Why are the W scuse me and the spacing between the T and the WI make sure I completely feel that as well now, I’m going to click it put it back on the field. Now I’m going to change my fill color by the way. What I’m doing the selected colors I’m using my eyedropper tool, I already have a color here, like blue white black at all, filled colors and that stroke color. So I’m going to click this or not that one okay, this one right here actually completely fills in the color, with the same exact color and the same exact fill cap as if I don’t have a keynote go into here and then Manley put the color back In I can just kind of pick a color from my mascot design and there we go so I can see now it fills in the space, and that is what you guys want.

So basically they have. You know this empty space, which looks kind of weird and does not look clean, and if you click this you can see now we actually apply the you know additional shape to it. So it fills in the actual space and it looks good now the fit again to do again, one more time toward the actual top layer. This is actually our top text. Just for you guys know if it’s white, you won’t be able to see in the thumbnail.

We’re going to make a new kind of this one we’re going to go ahead and apply the stroke to it and we’re going to apply the same stroke as this one right here, but I’m of course, I’m not make it a lot lower like 25, maybe um 25 is pretty good, but it’s on the outside, there’s not on the outside, so I’m actually make it a little less. Maybe like what do you guys think? Like 17? I think that’s pretty good, so we have to just same exact thing for this from right here.

So, let’s do that right now, so click on this end, click on this and click and drag make sure you know make an arc for yourself and then the whole control flip. This extended point here and then make sure you kind of go through once again right, see, there’s no spaces a lot more empty space here, so I actually have to make sure I go through it in D entire thing: there we go. I kind of like this made my own little path going through and then basically just like so fill it in and there we go fill it, of course, with the same exact color, and let me get something like this now.

If you guys, once you can do the same thing on the top layer, as we see this it’s empty here as well to mess it make another new layer and then do the same thing on the top, because I wanted to make sure there’s no empty spaces. Space here and there space here we want to get rid of that. We don’t want to make sure you want to make sure it’s completely beautiful and looks good and everyone’s happy just like so, and when I kind of just go through it right and then make sure you fill that in so I filled in.

Was this part right here? You can see right so now we’re pretty much almost done at the same point. We actually are done. What you can do is kinda, like you know, since we did actually make this into a object, our actual text into an object and no longer one like you know, kind of text path. You can actually click on multiple letters and then chase kids, like said whatever color, you guys want and then you’re pretty much set in stone, you’re really good to go, so they ever want to like go back into it.

Kind of like make strokes, bigger and whatnot. If you guys want to make it, you know, the blue show cumin. You want to make it bigger because to like say for you, you just want to click on it. Click on the target circle, click on the stroke and just make it go up. Fàbregas me you’re going to actually have to fix that thing you did here. These are probably like kind of like make it big with ctrl T or command here whatever or not ctrl keys, ctrl T avocado fix us again.

Just because you know you want to make sure it’s still good and I’ll, you know nice and going to evenly right, so you want to make that bigger as well. I probably have to make this one bigger as well. Ah, where is it? Is it this one? No, it’s definitely: where is it it’s in here? Isn’t it know where to go this one right here boom and make this a little dollar thicker? So it’s just kinda like a thing and we’re going to take this and kind of drag these back down, and it’s just it just depends what you guys want to do.

So I kind of didn’t like it, because it’s too thin for me, so others have fixed to show and then fix. Of course, these two things up here as well, all the other like extended like filled tasks or the filled shapes that way, we’re looking good and all that cool stuff, and basically, once you’re done, you said you’re satisfied. This looks really good and it looks like the texts also applied to the actual map that design.

So hopefully I explained as best as I could, because it was wasn’t. That was really really show. Look. I don’t know why I struggle with it. So I said you to myself this probably looking lot there who struggles with it, so I’m actually the article on it and I hope you guys enjoyed. I really really do a thing guys so much by the way for enjoying these logo design tutorials. I haven’t really enjoyed them.

Also, after-effects like I’ve been really I’ve been trying to push. As you can see, I kind of live in using After Effects and my articles, not Sony Vegas, so hope you guys enjoy I’m literally trying to super harder, they’re. So much less important. Lately I mean like 50 subscribers daily, it’s really frickin beautiful. I love you guys so friggin much, please freakin, keep smile and stay positive and stay productive guys.

I will talk to you guys later so though hql peace, god is so beautiful.

Need a logo????

Tags adobe, creating a mascot design, how to finalize a mascot, how to make a mascot, how to make text for a mascot, logo design, logo tutorial, make a logo in illustrator, mascot design, mascot logos, mascot text, mascot text logo, sesohq