A few months ago we launched Heritage Type Co. and first of all I want to thank you all very much for your great support and all the messages, comments and emails we receive daily! A lot of you were asking for a tutorial about vintage logo design so I decided to create this step by step guide to show how you can use the graphics and fonts we create at Heritage Type Co.! That being said I want to point out that this tutorial only shows one of many possibilities how to use our products.
For this tutorial we work with our Vintage Font Bundle and an illustration from our Wild Animals Illustration Set. The software we use is Adobe Illustrator CC. The Logo we create is a custom project for a bar & restaurant called The Black Tiger.
So let’s get started! First of all it is always good to look for inspiration. I mainly use Pinterest to look for nice vintage graphics, labels or letterheads. We have a nice collection of vintage designs here for example: Vintage Advertising
Here are a few examples of inspirational images I've collected for this logo design.
It is really hard to start from scratch so I definitely recommend to do a small sketch before you start any detailed design work. This doesn't have to be a perfect drawing. Simple lines are completely fine. Later you will see that this will make the process much easier. So go this little extra mile and give it a chance ;)
I use an iPad here but pencil and paper are totally fine as well. As you can see the sketch is really rough and far away from a perfect drawing. But it is far enough to get an idea of how text and elements should be arranged.
Let's open Adobe Illustrator. First, create a black background layer. Make it black because later on we want to use this logo on a dark background. However, this is totally up to you. Place the sketch on a second layer, make it transparent (30% for example) and lock these layers by clicking next to the eye icon in our layers window. Add two more layers: one for our graphic elements and one for our logo design.
Now, we copy all the ornaments and elements from the products within the Vintage Font Bundle on our graphics layer and place it next to the sketch. This helps to get a better overview. (You can find the ornaments and elements within the 'Extras' folder of each item.)
Also, let's create three color swatches – gold, white and black. These will be our main colors for the logo. From now on, every time we add an element to the design, pick one of these prepared colors. I recommend to switch on 'Global'. This will make it easier to change colors later. Mostly there are predefined color swatches within your color window. You probably won't need any of these so you can delete them.
Tip: You can find more information about color swatches here: Use and create swatches
Tip: Here is another detailed tutorial about colors and strokes provided by Adobe: Change color and strokes
Hide your sketch and graphics layer for a minute, go to your 'Design' layer and type in the logo text. Then, create three different text fields using the Type Tool (T). Here we choose the Royal Signage font for the main text and Old Erika for the subhead. (If you are not sure how to install the fonts, please read the Font Guide PDF, from the documents folder within your download files).
Tip: I prefer to work with high font sizes, because this makes it easier to work on details when you zoom in later.
Now we add some special glyphs to make the lettering more exciting. If you are using the newest version of Adobe Illustrator, you can simply mark the letter you would like to change and a little menu will appear with all your options. Another possibility and the best way for older versions is to open the Glyphs panel by clicking on Type –> Glyphs on your top navigation. You can add the alternate characters by double-clicking a letter within the Glyphs overview and it will show up in your text field.
In the next step we add a simple drop shadow to our main words. Click on the text field –> Copy (Command+C) and Paste in Place (Command+Shift+V). Give it a different color, move it a little bit to the side, right click and choose Arrange –> Send to Back. Like you can see in the second picture, now we already have a shadow by simply overlapping two elements. However I want to have more like a shadow line here, so we repeat this and finally get three elements on top of each other. For the middle one choose the background color and for the one in the back we choose gold.
So this was Part 01 of my tutorial about ornate logo design! I hope you enjoyed and of course, if you have any questions or feedback, please comment below and I'm happy to help. The next part is going to show you how to work with our ornaments and other graphic elements to decorate our logo design ;)
Check the other parts of this tutorial here:
PART 01 - ORNATE LOGO DESIGN, GETTING STARTED
PART 02 - ORNATE LOGO DESIGN, ADDING ORNAMENTS
PART 03 - ORNATE LOGO DESIGN, FINE TUNING
PART 04 - ORNATE LOGO DESIGN, FINAL FILE PREPARATION
PART 05 - ORNATE LOGO DESIGN, COLORS AND EXPORTING FILES
Thanks dude! Helps a lot!