Okay, not just the point itself. Why is my illustrator, like it’s all your fault huh? I just I’ve, never had a loser to crash. You know what is going on guys, it’s your boy. It says so here bring us a article here today, bringing guys and illustrate ok illustrator tutorial how to create your own cool, little serif sort of logo design. Also, I got my voice back.
I didn’t promise it last week, but it came back to me about two days ago, which is pretty cool um, so yeah I’m going to teach you guys how to make some cool little serif, fonts um. So, just in case, you guys are the little difference between a serif and a sans serif for like food-for-thought, a kind of thing or, like you kind of need to know this kind of thing um. This is more like a this right. Here is more like a sans serif right.
If you guys are know what serif star regardless it’s these little little cou little things right here, um, I would just call them like. I don’t know that not like a cliff but, like I don’t know, they’re just they’re called serif. So that’s what they are honestly um. It’s just a really cool kind of like an accent to the more sort of bolded strokes that or not even bolded itself, but more like you know, linear chokes.
I have no little accent the end of them right so does the case you guys would know. That’s kind of like the whole deal about that um, so yeah. I wanted to show you guys that make logos like this, because recently I’ve been getting a couple clients with like some premium brands for clothing or premium brands for just really anything honestly. So I’ve been doing a lot of serif fonts lately um and they really do justice.
If I think you guys really truly need to know these kind of things. I know a lot of you guys in this blog here today or whatever you know when he’s describing what not a lot of you guys are a logo tutorial, like you know, people that come for my logo tutorials. I know like 30 percent of my views come from logos, so I want to give it guys a cool little inset, of how I kind of do something like this, where you either letter marks or full-on.
You know of course hand lettering, we’re not hand lettering, but you know typeface and you know lettering, but regardless, I think it’s it’s very important to show you guys least how to do it and how to execute it. I believe, and just give you guys little tips that I kind of do to make it even look even cooler than it could be right. So I yeah what that being said. This is a double a concept here.
I think if you look at this, it kind of looks you know it looks. I don’t know like it. Just looks like it’s sort of loyalty. You got ta, see trust. I have one word written down here. I put quality, I put quality, loyalty and Trust. So I feel like you look at when you see serif logos when it whether it’s like a like a brand of like I don’t know. If you look at this, you can personally say if this is like a lawyer bro right.
Yet the lawyer came up with you at this logo right here in front of your face. You’d be like all right, you know, but if they came up with that, you know this thing right here is like this is my a logo. This heaves your card with this you’d be a little bit. You know you know so anyway, that’s the whole deal about that. So I’m going to show you guys exactly how to do it right now and let’s go get this thing going all right.
I mean someone that gave you guys a nice little walkthrough, probably created in my personal little. I guess serif a that kind of made for this Baker today. So I’m going to go ahead and just show you guys the whole walkthrough. This whole thing I’m going to kind of keep this here for one second and one. Second, only just a cigarette off stick her out figure out how I’m going to kind of like lean and shear the the angle.
So I’m going to have a at least somewhat close to the same angle that I had before um. So, of course, I’m going to be using the rectangle tool here, I’m going to be on a new layer right here, right, single tool having your fill turned on, of course, because we’re going to, of course, have this rectangle be filled in and we’re just going to Simply make a nice size a good-sized rectangle for now, I’m going to kind of even it out with this one over here now.
What I would do here is, I would just select the actual rectangle itself now, if you once you can press a in or a keyboard or just click over here on the top left, direct selection tool and what you wan na do is you want to? Basically, click on just these first top two, so you’re just going to highlight the first top two shapes here: the the points here for the shape. If you just once you, if you guys, don’t know what the whole shearing is or if you has a no Photoshop or like skew or whatnot we’re just going to like tilting this on an angle of course, and then making a little more easier for us to Handle without, of course, like doing maybe like rotating like this and then make this flat, you want to kind of like guess that or you want to, like you, know, kind of even it out like that, there’s a way easier way.
I would just honestly just take the two points on the top hold shift move it over towards the left. The reason why you’re holding shift is because, while you’re holding shift, it keeps on the same exact line as long as long as you’re, not crazy. As you can see, I haven’t make really dramatic movements to change the actual line, so this is pretty good for me. Right here I believe, that’s a pretty even angle to this one over here, maybe a little less about right there.
Alright! So that’s pretty okay! So I’m going to hide this now so then I have this a here. I’m going to quickly just kind of like make a little more shorter, just like so and now cool. So I have my little right angle, shear. Now, what I’m going to do is I’m going to hold alt and shift if you hasn’t know what the reason why, of course, if you hold alt and you select on a shape itself and use when I click you just move it around just like so you Make duplicates just like that, if you guys want to, however, I’m going to be holding alt and moving over to the left, while also holding shift, because you guys know what keeps on that same exact line, and once I can let it go just like.
So I can make sure if I move it over again, it’ll be in the same exact line. That seems that position so that way, when I go ahead and right-click on this shape here, I can go to transform and then reflect and we’re going to just take this and just reflect on a vertical which will flip it. Nice symmetrical for us to make a name, so I’m now going to okay, I’m going to just go ahead and take this. This point right here, move it over towards the right kind of connected with this point over here.
So I’m going to say to myself right: there is pretty dang good now, if you didn’t, if you saw my mind kind of like snapped, if you guys don’t have like snap to point, I believe it’s in where is it like view snap to pixel endpoint? I personally have on. I don’t have to have pixel really. I can just have point itself um, but if yours isn’t snapping the way, I would definitely tell you guys say if your guys not used to kind of having it perfectly on a point put on snap to points very easy, as you guys saw up view snap To point just like so, and I’m going to do now, is I’m going to just click on both of these little shapes right here by holding shift right? If I just select one hold shift, I can select the other one.
Have any other ones still highlighted, I’m going to go ahead and use the shape builder tool? If you guys are new to illustrator, it’s basically a tool in which, if you press shift M your keyboard right. This is the shape builder tool this shape here. Basically, you can see these lines here, it’s kind of making almost like polygons or segments. You can say in these little paths here we have its own individual shapes, but if I go ahead and just unclick it, if I move it, I’m not moving individual shapes right now.
But if I were to just show you guys and see, if you hold alt, you can see my little. My little mouse has a little minus button now, next to if I hold alt, if I let go, it has just a plus button, but if you guys, of course, think about, if you just click on that shape with that plus button, if I just click off Again, really quickly and click now over here, it took that shape that I actually clicked with the shape builder tool and get into its own separate shapes.
So we’re going to be doing, though, is using the minus, which is of course negative kind of like you know, kind of getting rid of it subtracting it. So you know hold alt click over here and click over here, just like so to make ourself a nice little a here now. In my I guess you would say my example of my serif on here. Usually you kind of have different weights, meaning like thicknesses. You see here I kind of have like a different way here, so I have a very, very sort of thick stroke line here with an interruption with this little stroke line in the middle in the middle more towards leading to the right – and I also have a Different like a little kind of weight or thickness of stroke here for, like the inner side of the a so usually you’ll, find yourself, maybe focusing on that.
So if you guys wanted to, I would probably City you can probably move this and like this I’ll. Just do this right split it in almost half, so I use a shape a little tool again just like so you can do something like that right, so that right there and it’s kind of letting me about different kind of weights um. But for my example, I personally did not do that, because I kind of did this little example, which I’ll show you guys in a second kind of like focus on kind of making.
It look like almost like a negative space to kind of figure out that this is right here. There’s like an imaginary line coming down right, because we have this pointing up this right here pointed towards this little other point. Here we kind of cut it off. It’s not too difficult thing about it, but if you guys can hopefully kind of imagine in your head that this right here, it’s almost like a nice little secondary stem of the a coming down the left um.
But we didn’t have that. But if you guys want to keep this, I would definitely suggest the fact that you use different weights and different thicknesses. But for me, like I said for my example here, I’m going to leave it so that it is one nice you know uniform thickness is we’re getting rid of in a second anyway, okay! So now that I think this is okay, it’s a little bit on your thicker side than I would normally like, but it’s pretty okay, okay! So I’m going to take the rectangle tool once again right! So I’m going to go ahead and say myself right down here.
I’m just going to go ahead and make a nice little like make sure this is on that line. Let me get a little more to think of for now, because we can go ahead and subtract most of it if we just simply won’t sort of done with it will kind of like figure it out if it needs to be a little less or a little More when it comes to, like, though height is, I would say so right about there’s a pretty good little little thing right, then I’m going to take the same exact shape, hold alt and shift again, of course, holding alt make it do the kit holding shift to Keep it on that same line now, keep it right around there, and now we have ourselves a little bit of Sarah’s coming on right, so you can see that we’re getting that little look to it, which looks pretty good so far, but it’s it doesn’t have that Little sort of curve that most serif, fonts or Serafino logos have right here now, there’s one of two ways of doing this, I would believe the easiest way to do is the second method, I’m going to show you, but the first method, just in case you guys Really want to do it is you can just use a pen tool right, you can just use your pen tool and just on the line itself, take your pen tool, click on the line over here right and then just simply to make a nice little curve.
For yourself, oops, that’s disgusting. Take this little extended point anchor point here right, you can go around like so you can do it. Something like that right, that’s fairly simple! Honestly, it’s not too like difficult. It’s also kind of like you know it’s quick as well honestly, but what I would like to do is right. If you guys, you see this little Pathfinder table, I have up at all times, usually cuz I mean I usually use it all the time.
If you guys don’t have it it’s under windows Pathfinder, and what this is basically going to do, if I just simply like I’m going to do right now highlight all of these shapes here together, I’m just going to do one side for once right. So I’m going to just click on this shape here right this little right hand little stem here and this little bottom stone they’re just kind of made for the serif. Here I’m going to take these two shapes shift-click on them, which is going to basically select both of them and I’m going to just click right here in the Pathfinder unite right here you can see it makes it one nice little path.
Now, if you guys did it right, I’m pretty sure, there’s no way you can kind of mess this up really. But if you just click here, you can see these little. I believe I forgot when this came out for illustrator, but me about two years ago. I really don’t know honestly um. This is kind of like a little curve. I would I don’t know what the actual name for it is. I would just call it a point by point curve right, so what happens is mostly on every little curve? That has a very, very sharp edge it should even have on the inside.
Here. You can see that right there right little sharp edges always going to have an ability to curve them. So while you have these two actual shapes combined, you can just simply click on one of these points right here. It’ll have this little circle for you guys, you simply just take this circle and then just drag it right up now. I find this a lot more easier for more than one reason, because it can be perfect, you will make sure it will always be perfect right.
There is no sort of indication where it’s going to be slanted on the wrong angle in like that, because this is done in it’ll, show to program and the technology and illustrator itself. So you can damn well sure you know kind of like make sure the curve is on the right angles and stuff. So I’m going to do the same exact thing over here to this one. Now, just in case you guys not know if I just quickly go back for a second before I did the actual ones.
If I wanted to, I can click on both this angle here, and I believe I can click on this angle here and then move them. Both simultaneously to make sure I kind of get in on the even on each side, as you can see, it’s pretty much just like so and now it’s perfectly even on each side, and you have to worry about it. So if I just click here and click shift click over here as well, just like both of them, I’m going to smoke us on one and what’s going to happen, is the other one is going to be quite perfect.
Now I think that’s pretty good. I think this needs to be a little less. I may be wrong there and I think that’s pretty dang good. So now. Let me kind of like think about it. If I wanted to can just kind of give you guys, like a nice little different way in the middle here, so kind of have like a little serif looking a little a right there, I think it looks pretty cool right. So it looks pretty cool now, but for me I just thought there was something really cool to do and I kind of like figured out some different styles and that’s kind of doing this little sort of indication that it’s missing and there’s still like this little fill Area for this, whatever letter you’re actually doing right, so I’m going to do – is I’m going to go ahead? Get rid of that because I don’t want that here.
What we’re going to do here is I’m going to go ahead and kind of get rid of this. Like area right here for now right, so I’m going to just click, and I get very, very simple line with this. Might like my pen tool, I’m just going to highlight everything here: cuz, I’m going to make sure it’s going to split here and it’s got ta split. Scuse me split right here on this line that it is creating. So if I press shift M shape bill a tool just like so make sure I split it just like that, because we now we have this completely got rid enough right.
So you can do something like this as well. There’s different ways, of course, split your areas. There’s different ways to sort of uh indicate where you know there’s just like you know this like: how do you call it like an imaginary or or inferred? What’s the word I’m looking for, I think it’s like inferred closed inferred whatever, but there’s an inferred line. That’s right here right so for me, I found this little cool door trick that you can do to make it look something like this.
Now it’s a little tricky, I even don’t even know if I did it right the first time how ever what I actually did was. I said to myself going to make a nice little oval here now, if you guys know what later I’m I just clicked on. I press L on my keyboard, but you bring up the kind of like the rectangle tool, but it kind of like went down into the ellipse tool. You guys. I know that already, if pressed L on your keyboard, so I’m going to just simply make a nice little lips here now make it fairly big size just like so I’m going to put on a nice little angle here.
Now I’m going to go ahead and cut it as close to see right here like this little snap to point stuff, I might need to turn this off right now. So it’s not too pixel snap to point my turn, both of those off that way. I can freely move it just like. So now, I’m going to figure out if I believe, that’s pretty. Okay, let’s move this again like right about there. I would say now, if you have this little empty space here, that’s perfectly fine! That just means you have to fill that in with a shape builder tool.
Again, I think that’s pretty good, so I’m going to make a nice little what I kind of wanted to aim for our dude over here and explain it more in detail. If I just reflect this one over here, I think this is going to have to be a little smaller and also going to do. Is I’m going to change these to color, so I can actually see what they are. I actually see what’s going on here right. It’s changing to a different color, just like so now, I’m going to make sure.
I think this one should be more of a circular kind of thing here, so I can get a nice point in a direction because this is facing more to the left. If I make this one a perfect circle, this will actually go ahead and kind of like point in the direction sort of top right up kind of thing. So if I say to myself, if I put this right about here, this will just have to be a little bit bigger, I’m holding shift to make sure it keeps a perfect circle right about there.
So I’m going to do is I’m going to line up sort of like the bottom of this circle here to the point rate here right? So a point referring to is this point right here: drag this down and kind of make sure it’s perfectly rated there. Now I’m just going to go ahead and say: I’m going to make this a little bit bigger hit that right there, and this should still be on the point. It’s a little bit off there we go.
Does that work out? Okay, so I’m kind of like going in circles here, let’s just make this one bigger, okay, why are you going down and not up there? We go there. We go there, that’s okay! So if I need to, I can go ahead and just get rid of some things, but I think it’s okay. I just want to kind of make sure that I get. I want to definitely get it the way I had it previously, so try on a little process here, but what, if I just go ahead and just make this just a lot bigger than it needs to be that way, I can just automatically have it interfering with That over there, so when I make this on this point right here, that’ll work just like so so a little kind of like little thought process, but hopefully that’ll kind of help.
You guys that when you’re figuring out cuz, I personally, like I said I just my first time – sort of like doing this little little style point here but, as you can see, I kind of if I just even intersect these two circles here. It’s perfectly fine. No matter what, because I still get this nice little point at the end, no matter what because of course, two circles still going to combine it to a point just like so, but this whole area, like I was talking about right here – that’s missing! That’s perfectly fine! What I can do here, I can just do it right now is: I can shift click on both this shape here right this little a and this little reddish tone circle.
If you guy going on shift my keyboard – and we can fill this in by just simply – is clicking with the shape builder tool just like so if I move that it’ll be filled in for you guys just like so right, so once I do this just like That I can then hover over everything here, because I want to make sure I can see all of my interactions, so I can see all where I’m going to be cutting at if I just press shift them again.
I can get rid of this. Get rid of that get rid of this get rid of this get rid of this and get rid of that, and now we have our little inferred little sort of directional a thing here. So the cool thing about this is like I said before. If this was too high for you, this little area right here like this little – you know from this point to this point was: if it’s a little too high, you can just take a nice little rectangle, just cut it right through.
If you want to, let’s say I’ll, do a right about there cuz, I kind of like to hide it. It’s it right now, but if you guys don’t want to use the shape builder tool, I don’t know what that is, and then just you know, hold alt and get rid of it. So it can even be even more skinnier right. So I think that looks pretty. Damn sexy, if I’m honest with myself, I’m going to go ahead and just combine all these shapes that are in here just in case, there’s, there’s one little hidden shape right.
There I’ll combine it now together. That way, when I go ahead and just sort of move this as I want to, I want to move this down here, I’ll, give it a fair, spacing I’ll, say right about there now, if I don’t know if this is on the perfect angle here, what I Personal like to do to check it, which is probably the best idea, I’m pretty sure, going to hold shift and get it on the diagonal line as well.
But if you guys want to, if you I kind of follow I’m what I did was look up here as you can see, it’s not quite there. Yet this is definitely not ideal. However, it does work and I would just recommend, if you kind of want to just still do it right, I’m guessing right about here. If I zoom in again, that’s all good. So if I just click over here and shape builder tool, you get rid of that. Get rid of that now.
We can definitely make sure this is all on the same exact line and now for d’like them. Last but not least, here make ourself a nice little of different weight press M on our keyboard. For that rectangle. It’s a little different size thickness. Oh, I would kind of also make sure it can make it a little more uniform. So what I would do is I would kind of copy the the height of this right here right.
So it’s not quite there yet just make it a little bit more just like so there we go, I’m going to take that shape now and throw it right in here for that little sort of inferred line. If there’s like a little crossbar for the a – and I would say that is a pretty damn good-looking representative of two little aids going on um, it’s a little bit too skinny. But you know what I mean like I find. I would honestly make it a little more thicker just like so, which means the kind of the bottom part of the serif maybe needs to be a little thicker as well, but for the save the tour, I think that’s pretty dang it good, and there is our Really cool custom eh so honestly guys it’s a very, very fun sort of like almost like a coat like a collage project.
If you think about it, not for me, I didn’t you know you can even say this is one a itself right, no matter what there’s an a right here, there’s an a right here, so you can call it double a. But for me this is going to be just a letter, a mark itself in its own territory. I guess you can say, but hopefully you guys understood the whole tutorial and really understood that this is a very, very cool sort of like.
I would really embrace the fact that you know I at least understand how to do this, because you’re definitely find clients along the way, we’re looking for a premium brand and they don’t know the words how to describe what they want, but most likely they’d really be. Looking for a serif typeface or you’re, going to serif letter concept or something like lettering itself right so hope you guys enjoyed the tour here today.
Hopefully I talked to you guys something. Hopefully I open you and some inspiration to something with you know: serif fonts and whatnot or serif lettering, um, I’m just going to go in as quickly saving a so very much. We hit 78 KO for the week, and I just appreciate that very very much. We’re very very close to 80 K, so uh just for the sake of the twirl it just hit, like you know, 250 likes and 24 hours.
I don’t know, is that possible? I really don’t know, but I really I really just I just thank you guys very much honestly and also think I was very much in the support on last week’s article. You guys bear with my voice and that’s that’s a deal because it would so yeah alright. So I’m going to go ahead and just get going now it’s a cool thing. It went to 20 minutes I apologize, but I want to make it short, but I also want to make it informative, as always guys hope you guys do understand.
Hopefully guys enjoyed today’s article if, as always guys, don’t forget to leave a like on the article. Don’t forget to comment down nd going to see me do and also job get. The follow me on Twitter access way HQ. You can follow all these little updates when I go live when I want a live stream itself. You know kind of things, so, hopefully guys under you just enjoy your day. You know I’m going to go enjoy my weekend.
I finally get my car fixed on Monday. If you’re following my Twitter, my car was hit and ran. You know kind of thing, so yeah I’m going to go I’m having a fairly good weekend. I have a lot of work to do, though, but uh holy as you do as well stay busy. So yeah. I’m going to keep just going up, I was going to go. Okay, don’t forget to keep smilin stay positive and stay freaking enough, guys productive, guys,
Need a logo????