Illustrator Beginner Tutorial: Vintage Logo Tutorial

[Music] yes this is Nick with logos by Nick comm and in today's tutorial I'll be demonstrating how you can design this vintage style logo using Adobe Illustrator and if you'd like to follow along with this tutorial I'd suggest that you download this font that I used here for the word vintage before opening illustrator it's called fungus I'll have a link to it in the description section of the video so go ahead and download and install that font it's a free font and once you've done that we'll be good to get started so let's open up illustrator here and get to work I'm going to open up a new file and click on new and I'm going to use 1920 by 1080 in pixels I'm going to open up a new artboard of that size and go ahead and click create and there we have our artboard open so we wanted what we want to do now is make sure we have our document set up so that we're all working on the same page so what I'll do is I'll go to window and I'll have Pathfinder selected we want that window open actually let me open that back up and click on path fired Pathfinder to open up that little flyout menu and then we'll go to view we want to turn off snap to pixel and then go back to view make sure you have smart guides turned off as well and snap the point we want that turned on so we'll go ahead and close out of that the first thing we're going to do is create this multi-pronged star shape that you see going along the back here of the logo so to do that I'll go over here to which rectangle tool and I'll click and hold on that so we get this little flyout menu and I'll go down to this the star tool and now I'm going to click and drag on the canvas to create a star but if you notice it only has 5 points so what I'm going to do is while I'm while I'm holding this click I'm going to press up on the arrow key and is going to add another prong in there now I'm going to go ahead and add a few more in there and I'll hold shift to lock this to the certain axis lock it onto the vertical axis like that and what I'm going to do now is I'm going to hold ctrl as well and once you hold ctrl it's going to let you change the lengths of those prongs if I let go of control I'm now changing the size but if I hold ctrl I'm now changing the size of prongs so I'm going to make these prongs about that size about that yeah got that size looks pretty good then I'll let go of everything and there we have that and what I'm going to do is I'm going to color this in with a very faint shade of green a very dull washed out light shade of green so to do that I'll double-click on our foreground or fill color here and I'll move the color picker up to like a greenish sort of yellow and I'll select the color maybe about over here in this range that's pretty good if you'd like to use the same exact shade I'm using it's b1 c1 nine one go ahead and click OK and we want to get rid of that black outline otherwise known as the stroke so we can come over here this second secondary color here and we can just click the red slash to get rid of that and close out of that and I'll grab the Select tool over here I'm going to put this towards the center of the page and I want to hold shift and alt on the keyboard and grab this little arrow down here and I'll just make this a little bit bigger and now I want to Center this up on the page so I'll come over here to the align tab and from the align to drop down I'll choose align to artboard and I'll just align it on the horizontal axis and the vertical axis so it's centered up on the page like that and we're going to do now is create a circle a darker green circle almost like a greenish blue to go inside of there so to do that I'll come back over here this starts will click and hold on that so we get our flyout menu and I'm going to choose ellipse and then I'll hold shift and alt on the keyboard and click and drag to create a perfectly round circle like that and again I want to change the color of this so I'll just double click on this color here and I want to make this like a greenish blue like that maybe up there between like green and blue and I'll come and pick this down here you want this to be fairly dark maybe something like that maybe I'll make us a little closer to blue that's pretty good and again if you want to use the same shade I'm using it's three B six zero five nine go ahead and click OK and we'll go back to the Select tool and I'll place this on the inside here and I'll just line it up perfectly by aligning it on the horizontal and vertical axis then I'll hold shift and alt and I'm going to scale so that it fits nicely inside of there we don't want it being too small like that where we have a whole bunch of padding in the light green area we don't want it being too big where you could hardly see the star shape in the background so somewhere like a good happy medium would be somewhere right about there that's pretty good I'd say and what I want to do now is create the dotted line going around the inside of that circle so to do that I'll create another ellipse so let's click on the ellipse tool again hold ctrl and shift on the keyboard and click and drag to create a perfectly round elixer and I want to come up here to this first drop-down and click the red slash to turn off the fill color and I'll give this a fill color I mean a stroke color of just for now I'll use red so we can see it and the stroke size I'm going to bring this up to maybe 4 and then I'll click on the word stroke right here to bring up this little flyout menu and I want to turn on this side this this button right here that says dashed line you want that to be a dashed line for the dash with the gap I'll use maybe let's try like 7 so yeah that looks seven all right that looks pretty good what we can do now is come up here to where it says cap we're going to change this to a projecting cap like that so like the dashes are a little bit longer and maybe I'll make this spacing between them a little more so I'll change that to maybe nine and see how that looks okay I'd say that's pretty good and once we've done that we can just click on the word stroke again to close out of that menu and we can go back to our select tool and put this towards the center of the page here in fact you just align it on the horizontal and vertical axis and then hold ctrl and shift on the keyboard and click and drag the corner arrow to scale it up maybe not that much maybe something like that is pretty good and what I'll do now is I'll go to object path and outline stroke and that's going to turn that stroke into an actual tap now we can go and change the color up here to something like white I'll just make that white for now close out of that and what I'll do next is create another circle going on the inside of here which should be pretty simple instead of going and creating another circle we could just create a duplicate of this dark green circle so we go Hadden click on that dark green circle and to create a duplicate we can hold alt on the keyboard and click and drag out like that and it will create a duplicate copy and we have that now and I'll just scale that down a little bit by holding shift and alt and scaling that down and I'll make that the same shade of light green that the star shape is so I'll just click on the dropper tool over here and then click on that light green area and I should make that the same shade and now we go back to the Select tool and Center it on the horizontal and vertical axis like that and I'll just hold ctrl I actually hold shift and alt and just scale that down a little more like that and that's pretty good so the next step is we're going to create the ribbon going across this shape here so before we do that I want to click and drag over all of this and I want to group this all together by going to object group or you just hit ctrl G on the keyboard and I'll click off that the deselect everything and now we're going to create our text so let's come over to the text tool and go ahead and click on the canvas to get some text and up here from the font the character I'll click this drop down and I'm going to look for the Bunga sai fonts or whatever font you'd like to use there it is Bunga Sai and then I'm going to change the wording for the sake of this tutorial I just used the word vintage you could write whatever you want there though so I'm going to write vintage and I want to make that a little bigger so I'll grab the select tool and I'll hold shift and alt and grab the corner arrow and scale that up like that and I want to change this from a text object to an actual path so I'll go to type and I'll go to create outlines and what I'll do now is I'll put a rectangle going over this text so to do that I'll grab the click and I'll click and hold on the ellipse tool till we get our flyout menu and I'll choose rectangle tool and then I'll just click and drag and create a rectangle going over this text maybe something like that and what I want to do now is I'll make this a different shade I'll make that red close out of that and then I'll right-click on that rectangle and go to arrange and sank and select send backwards we can lower that beneath the text all right and what I'll do now is I'll go to the opacity and I'll bring your pasady of that down a little bit and actually you know what I'll leave that at 100% we don't need to do that and what I'll do now is I'll click and drag over both of those objects oops undo that ctrl Z to undo I was going to edit undo we want to grab the Select tool first before doing that well go to the Select tool then I'll click and drag over both of those objects and I'm going to align them on the page horizontally and vertically like that and if you notice now it's a little too big for the rest of the logo so I'm going to hold shift and alt and click and drag to scale that down maybe about that much that's pretty good now we can click off of that to deselect everything and what I want to do now is click on this red object and make this a similar shade that this dark green is but a little lighter so we'll use that it's a good starting point will grab the dropper tool and make that the same shade at that dark green is but then we'll double click the color here and I'm just going to make that a little lighter maybe something like like that click okay that's pretty good I'm going to the Select tool I'm going to click on the word vintage here I'm going to change that to white right there like that and now I want to create the little tail the little flyout tails going on the sides here on the edges so let me go back here I'm going to click on this green rectangle I want to create a dupe on create another copy of this so again I'm going to hold alt and click and drag it to create another copy of it like that and I want to make this the same shade of dark green that this is here so we'll grab the dropper tool and click on that go back to the Select tool and I want to right click that object and go to a range and go to send backward to lower that beneath that light green shade right there and I want to take this and bring this about out here I'd say if you notice or paying attention to here is this bottom area right here let me zoom in on this to show you you can hold alt and roll up to a bounce wheel to zoom in and out we want to have about this much padding between the difference in these shapes right here right about there looks pretty good and what I want to do now is I'll go to the the direct select tool and I'll click and drag over these left two nodes and I'll bring them in and as I'm bringing them in I'm going to hold shift to lock it to the horizontal axis and bring them in about that far like that and now in order to put a little indent in the tail there I'm going to have to add a new anchor point in there to do that so what I'll do is I'll come over to the pen tool and click and hold on that to get this flyout menu and go down to where it says edit add Anchor Point tool and we want to add this anchor point precisely halfway through the vertical width of this line right here and to do that I'm going to temporarily turn on smart guides so I'll go to view and where it says smart guides I'll turn that on temporarily and as you notice now I don't move the cursor it'll show me where I'm at that little pink line and once it gets to where it says intersect you'll know you're halfway there so go ahead and click to add a new point there and now we can go back and turn that off so we'll go to view and turn that off and I like to work with that turned off the smart guides because it could be somewhat annoying when you're trying to work it gets in the way of things so I only like to use that conditionally so what we'll do now is we'll go back to the direct select tool and click on just that node here in the middle and just bring that in a little bit and again I'm holding shift to lock it onto the horizontal axis maybe about that far that's pretty good and let me zoom in on this bottom left area here because what we're going to do now is a little more intricate I'm just going to hold alt and roll up the mouse wheel and if you want to move the page around you can hold the spacebar and just click and drag that'll move the page around for you now I'm going to add these little dark areas in here these little makeshifts shadow type of objects to do that I'll grab the pen tool I'll click in cooking hold on that and select the top one here that says pen tool and I want to snap the cursor on to this corner of this light green rectangle bring the line over to this corner here and click and then bring this line straight up and hold shift to lock it onto the vertical axis so it goes straight up and click and then back to the starting point and then click and we have our object and I want to make this a darker shade of green than what it currently is so I'll just double click this window right here and I'll just bring this down a little bit to make this a little darker like that go ahead and click OK we'll go back to the Select tool and I'm going to right click that and go to a range send backward I'll to do that again right click arrange send backward and there we go now it's sitting below there and we want to create another object like this but going right here so to do that I'll go back to the pen tool and I'll snap the cursor onto this top left corner and click bring the line down to this corner and click and then bring the line up to about here I'd say right about there that's pretty good click and then back to the starting point then click and we need to cut out this extra area now so to do that I'll snap the pen tool onto this right here click and hold shift and bring the line straight out through here click and we can let go of this shift tool and finish up the shape going around the outside of that go to the Select tool and with that selected we can hold shift and click on this other dark green object and go to Pathfinder and click the button that says minus front and there we have that now we can click off that to deselect everything and let me zoom out a little bit I'm going to hold alt and roll down the mouse wheel maybe once like that what we want to do now is create a duplicate of this little area and put and flip it around and put it over here because that's what I did for the thumbnail here so to do that I'm going to click on all 3 of those objects first first I'll click on this one with this select tool hold shift click on this one and while still holding shift click on that one and then I'm going to hold alt and click and drag to create a duplicate copy of that and then what I'll do is I'll go to the rotate tool and I'll just rotate this around and once I start rotating it I'll hold shift so we could rotate it perfectly according to a 45 degree angles and once we've rotated around 180 degrees like that we're pretty good and now we can go to the select tool and what I want to do is take this corner right here and snap it onto this corner right here so in order to do that I'm going to hold ctrl on the keyboard and all we're going to get nodes with all of these different little corners and once we get those I'm going to grab this object at this node right here while holding ctrl and just click and drag and snap it onto this corner over here and then we could let go of everything and it'll snap and now I want to group that all together by going to object group let me move over here a little bit again to move the page around I'm just holding the spacebar and clicking and dragging you want to lower that beneath this green rectangle so I'll uh I'll go to I'll right-click that go to arrange send it backward we'll do it again right click arrange send backward maybe one more time right click arrange send it backward it would probably be useful to memorize the keyboard shortcuts of these otherwise it could you'll be clicking over and over again or this one it's control and the the left bracket and there we go now it's underneath there and what I want to do now is group all of this together so I'll hold shift with these still selected I'll hold shift click on the text and then click on the light green rectangle still holding shift click on this dark object this dark green object and then this object we want to group it all together by going to object group and if we click off of that and deselect everything we should be able to click and drag this whole thing out of the way but we don't want to do that so let me hit control Z to undo that I'm going to hold alt and roll down on the mouse wheel to zoom out a little bit and I'll hold shift and off and I'm just gonna resize this to make this bigger or smaller depending on how yours came out might not have to make it a little bigger like that we want this to be sticking out if you notice here the left edge of the star shape the light green star this ribbon sticks out a little bit that's what we want we don't want this to be too much in here like that we don't want it to be a little too close like that we want this to be sticking out we want to we want the word with the ribbon to be the prominent point of the logo so what I'm going to do now is I'm just going to share this a little bit so it's running diagonally if you notice you're in a thumb now it's running diagonally like that so let me go back and to do that I'll find the the style tool click and hold on that and go down to shear tool and then I'll just click and drag this upward to share this up a little bit and then I'll hold shift to lock it on to the vertical axis I'll share it maybe that much and that's pretty good we can go back to the Select tool click off of the graphic to deselect everything and what I want to do now is apply this texture that is all like this one looking texture to the graphic and to do that I will be using a particular image called scratch PNG I will have that linked in the description of the video as well so go ahead and download that image and save it to somewhere where you can easily access it so well let me zoom out a little bit I'm going to click and drag over this entire graphic and group it all together by going to object group so that's all one object now and what I want to do is find that scratch PNG image for me I have it here in this folder scratch dot PNG I'm gonna click and drag that into illustrator and there we have that I'm going to take this this is going to I'm going to take this and apply this to the logo as a texture mask and what that's going to do is the white areas of this image are going to be transparent the logo is going to show through but the black areas of this image is going to punch a hole through the logo if you notice that's how it came out here those black areas in that image punched a hole through a logo so it became transparent it gave it sort of like an aged look so I'm going to move this off of the artboard and I'm just going to with this selected I'm going to go to go to edit copy and then I'll click on the logo and then we want to open up our transparency menu so we'll go to window and click on transparency to open up that menu and once that's open we'll click this little this little stack of our rectangles here this menu icon and go to make opacity mask and that's going to make our logo disappear temporarily but that's alright because we're gonna get it back in just a minute now I want to click on this black box right here and have that window selected and go to edit taste and it's going to paste that texture into the air and what you can do now is you can click and drag this texture around and move it around until it's positioned how you like it and positioned how you like so I think that's pretty cool that you can edit this on a live basis when we do when we do this with Inkscape it doesn't let you edit it live like this you have to apply it and see how it looks and if you don't like it you have to remove it and try again so that's pretty cool about illustrator and let you do that so something like that that's pretty good you don't want the texture area to be blocking out too much of the text so that you can't read it so I think so we're like there is pretty good once we've once you have it placed somewhere you like just go ahead and click back on the logo window there and now you can click off of the graphic to deselect everything and we're finished we've created our vintage style logo using Adobe Illustrator so if you have any questions let me know and as always thanks for watching [Music] Oh

Channel: Design Made Simple

Views: 39,461

Keywords: illustrator, tutorial, beginners, learn, vector, graphic, design, logo, vintage, retro, adobe, illustrator cc, vintage logo design, vintage logo illustrator

Id: pKwF9mTMK94

Length: 20min 44sec (1244 seconds)

Published: Thu May 04 2017