house design vector

hello everyone, this is chris from spoon graphics.welcome back to another video tutorial. today we're going to play around in illustratorto produce a retro style circular emblem, which are really popular as trendy logos oras little call to action style badges like a "satisfaction guarantee" or "seal of approval".the design i'll be using in this tutorial is for the totally fictional powerhouse gym,although i wouldn't be surprised if there was a gym chain somewhere in the world withthis name. it makes use of many of the traits of a retrostyle logo, such as the alternating black & white rings and the little details likethe all important stars. one of the most popular examples of this style is the converse allstars logo, but you can find lots of inspiration

for your design on the web. begin by creating a new document in illustrator.because we're dealing in vectors the size doesn't matter too much. i like to go to view> hide artboard to give myself a nice large area to play with. select the ellipse tool and set the fill colourto black with no stroke. hold shift and draw the main circle of your logo or badge. press cmd+c to copy, then cmd+f to paste infront. scale this shape down a small amount towards the centre by holding alt and shift,then clear out the black fill and give it a white stroke.

increase this stroke to around 5pt to producea little ring. press cmd+f again to paste in another circle.scale this shape down further towards the centre, remembering to keep those shift andalt keys held down, then give it a white fill. paste in another circle, this time keep theblack fill and scale it down to produce a thick white ring in the middle of the emblem. paste in yet another circle, then switch theblack fill for a stroke. increase the stroke weight to 2pt, then carefully scale this shapeto fit just inside the white ring to form a little stripe. copy and paste this thin black ring and re-positionit towards the inside of the white ring.

if you find that this new circle gets thinnerwhen you scale it, you might need to change your illustrator settings. go to illustrator> preferences > general and make sure scale strokes and effects is turned off. press cmd+f to paste in another copy of thethin black ring. scale this one so it fits perfectly in the centre of the white ring.bring up the stroke panel and check the dashed line option. enter zero for the dash setting,then 17pt for the gap. select the round cap option, then increase the stroke weight toaround 4pt to produce a series of equally spaced dots. one optional step here is to add some detailto the outline of the badge. select the main

black circle then go to effect > distort & transform> zig zag. select the smooth points option, then adjust the settings to around 1px sizeand 20 ridges per segment, although these figures may vary depending on the scale ofyour document. next, we'll create a little dumbbell iconfor the centre of our gym logo. using some empty space on the artboard, draw a thin shapewith the rounded rectangle tool. before releasing the mouse, use the keyboard cursor keys toadjust the radius of the corners. give this shape a black fill with no stroke. draw two more rounded rectangles that areslightly larger in size to represent heavier weight plates. then use a normal rectangleto represent the handle.

select the existing dumbbell shapes and copy& paste them to make a duplicate. rotate them by 180 degrees and position them on the oppositeside. open up the align panel, then select all theshapes that make up the dumbbell. firstly align them using the vertical align centerbutton, then click the horizontal distribute space button to create even gaps between allthe shapes. group all the dumbbell shapes together, givethem a white fill then scale them to fit into the centre of the logo. hold shift and clickon one of the logo circles to add it to the selection, then give it another click to makeit the key object. use the align panel to make sure the dumbbell sits perfectly centralin the logo.

make a new duplicate of one of the existingcircles and scale it to fit within the main black ring. clear out the fill and stroke,then select the type on a path tool from under the type tool's menu. click on this new circle to activate the typeon a path tool and enter the main wording for your logo or emblem, which in my exampleis powerhouse gym. align the text centrally, then use the directselection tool to alter the start and end markers in order to position the wording evenlyin the layout. alter the tracking of the wording by selecting100 from the dropdown menu in the character window, then increase the font size of thetext so it fits within the logo.

make any final adjustments to the scale ofthe circle in order to align it within the emblem layout. copy and paste this type on a path circleand change its wording to a tagline, such as reach your potential. bring down the font size, then use the directselection tool to grab and move the centre handle so the text flows along the bottomof the circle. currently the text sits on the inside of thecircle. go to type > type on a path > type on a path options, then change the align topath option to ascender. make any necessary scale adjustments to linethe text up with the emblem layout.

use the star tool to draw a tiny star to fillin the gap, then hold alt and shift while dragging out a duplicate of this shape forthe opposite side. group these two shapes together, then add one of the circles to theselection. give the circle an extra click to make it the key object, then align thestars centrally using the align panel. the main logo layout is now complete, butany retro style design always needs a little distressing with some textures. download andopen one of my vector dust and scratches textures in illustrator. copy one of the textures tothe clipboard, then switch back to the emblem document. select all the objects that make up the emblem,then press cmd+g to group them together. under

the transparency panel click the make maskbutton, then select the right hand thumbnail which activates mask mode. paste in the vectortexture, scale it to size and make sure it has a black fill. check that the clip and invert mask settingsaren't checked, then click on the artwork thumbnail to exit out of mask mode. this maskingtechnique is a great way to add aged and weathered effects to your vector art without permanentlyaltering the basic design. so there we have our finished retro stylevector badge. i hope you found this tutorial useful and find some great uses for thesekinds of badges or emblems for your future designs. if you enjoyed this video it wouldbe great if you could add a like on youtube,

or help spread the word by sharing it withyour friends on twitter or facebook. if you want to see more of my content, besure to visit my website at spoon.graphics, or you can subscribe directly on youtube tobe the first to see my upcoming video tutorials before they're released on my main site. thank you very much for watching, and i'llsee you in the next one!

Tweet

Subscribe to receive free email updates: