Is the letter p. But once you see how this can be done, it should be pretty easy to apply the same techniques to the rest of the alphabet, so i’ll go ahead and get started here in illustrator.
The first thing we want to do is set up a new document. That’s size to 1280 by 1280 pixels and we’re going to set up our documents that we’re all working with a similar view and with similar settings. So what I’m going to do is come up here to where it says view, and I want to turn off snap. The pixel, in fact, from the view, the view menu. The only thing we want selected is snap to point and then we’ll go to window and what we want selected up here is control a line color and gradient, and then we can close out of that and what I’m going to do.
First, is I’m going to come over here to the align panel and I’m going to make sure the align two I’m going to make sure that’s set to align to artboard and once that’s set, I’m going to come over to the rectangle tool up here? If you click and hold up over that button, you’ll get this little flyout menu, I’m going to grab the ellipse tool and I’m going to hold shift and alt on the keyboard and click and drag on the canvas to create a perfectly round circle like that and Up here from this drop down, I’m going to choose this red slash to get rid of the black outline and then for the fill.
Color I’ll just choose black over here and I’m going to take the opacity of that and bring that about in half and then I’ll click out of that to deselect it and right here where it says with ellipse with we want to make sure we have. This turned on this chain link. We want that constrained, width and high proportions. We want that turned on and I’m going to change the width to 300 pixels, so I’ll hit 300 hit enter and then I’m going to Center.
This up on the vertical and horizontal axis, like that, now I’m going to grab this select tool and I’m going to hold alt and click and drag this circle to create another copy and I’ll make the width of this one 50 oops, 150 and then Center. That up on the horizontal and vertical axis as well and I’m going to hold alt and click and drag to create another copy and I’ll Center that up on the vertical and horizontal axis.
And then I’m going to a hole. I’m going to click and drag this top node right here. This top anchor point, I’m going to click and drag that up and then hold shift until it snaps to the top of the circle like that, and then we can let go and once we’ve done that I’m going to click and drag over everything right here. All three of those circles and I’m going to hold alt. Actually, no I’m going to click on the the shape builder tool, which is over here and then I’ll hold alt and click on the center circle to delete that and then we’ll go back to the Select tool.
And then we are left with something like this. So this is going to be the round part of the letter P. What I’m going to do now is I’m going to create the the talent over here. So what I’m going to do is I’m going to click and hold on the ellipse tool until we get the flyout menu and then we can choose the rectangle tool, I’m going to click and drag to create a rectangle like that. I’m going to bring the opacity of that down in half and I’m going to make the width of this one 50 and over here on the inside of this rectangle you’ll, see these little round anchor points, I’m just going to click and drag that in until it Turns until those edges turn red like that, and then it’s going to become rounded, then I’ll grab the Select tool, I’m going to hold ctrl on the keyboard, grab this node right here and then just snap it to the left side of this inner circle right there.
Just like that, and now I’ll click off of the graphic to deselect everything I want to grab the pen tool now, which is over here and snap to the top of this shape. Click then hold shift and bring that line straight through all the way to the outside of the bottom of that shape and then go ahead and click again and now we can. Let go a shift and just finish this shape up going around the outside and back to the starting point.
I’m going to grab the Select tool, hold shift click on the original rectangle, so we have them both selected and I’m going to come over here to the Pathfinder tab. If you don’t have the Pathfinder tab, just go to window Pathfinder and then I should pop up and I’m going to choose minus front. So, what’s going to get rid of that right there and what I do now is I’m going to grab the direct selection tool and I’m just going to click and drag over these two bottom nodes or irin.
Just click and drag them up and I’m going to hold shift to lock it onto the the vertical axis. I’m going to bring this up to about here so that that tail isn’t too long and what I’m going to do now is I’m going to grab the select tool, click and drag over everything, and I’m going to want to zoom in on this. So I can get a better view of what I’m doing so to zoom in I’m, going to hold alt and roll up the mouse field a couple of times and I’m going to come back over to the shape builder tool and I’m going to hold alt and Click on this little piece right here, that’s sticking out from the circle, so that’s gone, and then I’m just going to click and drag over this area.
These areas right here so it combines them all to one shape and I’m going to do the same thing with this area and this area combined that all into one shape and then I’ll just turn that green actually don’t have to go back to the select tool And I’ll turn that green or you know what let me undo that you could hit ctrl Z to undo it I’ll click off that to deselect everything and then click on just this shape and turn that green.
So you can see the difference between the two. We have two different shapes here, so the next thing I want to do is just zoom out a little bit, I’m going to click and drag over both of these and bring the opacity of them all the way up, and I’m going to color them in now. With the gradient, so let me click off with the deselect everything I’ll click on just the black shape right here and under the gradient tab.
I’m going to from the drop the type drop-down I’m going to choose linear and if you notice it gives it a white to black rating we over over. Here we have the white stop and then we have the black stop over here. So I’m going to double click on the black one and then from this drop down, I’m going to choose HSB and I’m just going to choose a shade of pink something like that. Like a deep shade of pink, almost like a red, and we can click out of that, I’m going to double click.
This stop right here. This slider again choose HSB from this drop down and I’m going to make this one like a yellowish orange sort of shade. Maybe something like go with that right there and again click out of that to uh to release it and now I’m going to click on the green shape and I’m going to give that the same gradient so I’ll come over here. The gradient, the drop-down and choose linear, and it’s going to give it the same gradient only we want to flip this around so that the pink is on this side and the yellow is on this side.
So to do that, I’m going to come over here to the gradient tool and I’m going to bring the cursor just to the outside of the right of this strip right. Here it’s going to turn into a rotate icon and once it does that you could just rotate it around 180 degrees and then hold shift on the keyboard. So it locks up exactly on to 180 degrees, and then you could let go and there you have that right there.
So we’re just about done with this design. The only last thing to do would be. Let me grab the Select tool. The last thing to do would be to put a little bit of a shadow right here, so it looks like it’s casting a little bit of a drop shadow over this. To do that, let me click and hold on the rectangle, so I can grab the ellipse tool again and I’m going to create another ellipse, I’m going to hold shift and alt and click and drag to create a perfectly round ellipse.
Let me just make this blue. So we could see we could differentiate it up against the rest of this graphic and I’ll make the width of this one 50 and I’m going to bring the opacity of this down in half and I’m going to go back to the align tab and Center. It up on the horizontal and vertical axis like that. Let me grab the Select tool, I’m going to take this top node again hold shift and then just snap it to the top right there and I’m going to create another copy of this.
So I’m going to hold alt and click to create another copy, I’ll make this one green and then I’ll hold ctrl grab this node right here and snap it over to this node right there. So it’s lined up like that and then I’ll just click and drag this bottom-right node down I’ll hold shift and just click and drag it down a little bit, maybe about that much and then hold shift and click on the blue shape. So we have them both selected and now I will go to the Pathfinder tool and choose front just like that.
Then hold shift click on this shape right here and go back to the shape builder tool, hold alt and click on this interior air right here and now we go back to the select tool, click off with the deselect everything and take just this blue piece. That’s left over and press Delete on the keyboard and get rid of that, and then I’ll just take this blue shape right here, I’ll make that black and I’ll adjust the opacity of it until it looks about light, and that should pretty much do it.
For this tutorial, that’s how you can go about creating these simple letter logos using adobe illustrator. So if you have any questions, let me know and as always thanks for reading, yes,
Need a logo????