Logo Design Retro/Vintage Style

E

Electronic

New Member
Hi there, I would like to ask a simple questions. I really like the looks and the feel of those logos and I would like to know the process of creating as well. Does its a drawn on a paper how all details are visible, what is the trick to do something close to this, can I get some video tutorial somewhere ? Thanks.
 

Attachments

  • attachment_70312716 copy.jpg
    attachment_70312716 copy.jpg
    132.7 KB · Views: 13
  • attachment_71680885 copy.jpg
    attachment_71680885 copy.jpg
    131.5 KB · Views: 11
  • attachment_84308649.jpg
    attachment_84308649.jpg
    950.9 KB · Views: 13
  • attachment_88625659 copy.jpg
    attachment_88625659 copy.jpg
    134.1 KB · Views: 11
The images look like ink drawings but you can get a similar effect from a photo using Photoshop actions or following some tut's.
Search "engraved, banknote, effect".

The graphics and text can be made in many ways, either from existing grunge fonts and elements or making your own by degrading and roughening an existing clean font/graphic.

If you look on Chris Spooner's blog there are some great tut's and freebies and also The Retro Supply Co for the same as the latter specialise in this sort of thing.
 
The illustrations are definitely hand-drawn, but the rest is easily sourced and reproduced in Photoshop or whatever, as Scotty says.

Just Google 'retro vintage logo tutorial' or similar.
 
If you search for 'free vintage illustrations' or similar there's a fair few sites who offer archives of these kind of line drawings with expired copyrights that you can freely use. I suspect a couple of those logos were made using those kind of resources & the other two are probably commissioned illustrations. They will probably have been put together in Illustrator, or maybe Photoshop. As @scotty & @Wardy both mentioned there's plenty of tutorials out there you can follow.

Being in something of a mood for procrastination this morning I had a quick play around & came up with this using stuff that's freely available online.

Pistol Pete Train logo small.png

Main font: OPTI Caslon Antique
Second font: Nexa Rust Sans (the hammers are part of the bundled font Nexa Rust Extras)
Train illustrations
Floral page divider
 
Hi thanks all for the answers, I need those logos for a logo design contests. I need original made from me, nothing free from internet. As I know we are not allowed to use even an image from google - sketch them and then sell it as a logo. I need of course the copyright rights. I was just looking for the process of how are created those logos. For now I started drawing them in Photoshop with a pencil brushes, and then to vectorise it I will do it with Illustrator image trace, hope it will works. Thanks all again
 
Here is something I did in 15 min, but not sure if I can make it vector with image trace and to get the same effect.
 

Attachments

  • 1.jpg
    1.jpg
    118.3 KB · Views: 7
Electronic said:
Here is something I did in 15 min, but not sure if I can make it vector with image trace and to get the same effect.
Click to expand...
Image trace is terrible most of the time. You're better off doing it by hand. It will take longer but you'll have more control and the final result will be much cleaner and easier to work with.

Consider how the distressed effect could be replicated through print too. Don't add too much mess to the actual file, you can get breakages in the ink coverage by using techniques like rubber stamping for uneven coverage.
 
Paul Murray said:
Image trace is terrible most of the time. You're better off doing it by hand. It will take longer but you'll have more control and the final result will be much cleaner and easier to work with.

Consider how the distressed effect could be replicated through print too. Don't add too much mess to the actual file, you can get breakages in the ink coverage by using techniques like rubber stamping for uneven coverage.
Click to expand...
Yes I agree, image trace is not working very well and its not good for this type of image tracing. When you say it doing by hand, I did it hand drawn in Photoshop with brushes, do you meant to draw with brushes in Illustrator?
 
Electronic said:
Yes I agree, image trace is not working very well and its not good for this type of image tracing. When you say it doing by hand, I did it hand drawn in Photoshop with brushes, do you meant to draw with brushes in Illustrator?
Click to expand...
Yes, or using the pen tool, whichever you find easier. Essentially if it's a logo you want to create, you will need it as a vector.
 
Paul Murray said:
Yes, or using the pen tool, whichever you find easier. Essentially if it's a logo you want to create, you will need it as a vector.
Click to expand...
Yes of course I need it vector in Ai and Eps. But does this can be made with a pen tool in illustrator? I see those logos like a random hand drawing like a pencil and paper, also how does later they convert the logo from paper sketch to a logo vector?
 
Hand-drawn means with your own hand and a pen or brush and paper! Then you will need to scan it in to your computer.

I use image trace all the time, but you need a good image to start with. It's only for neatening what you already have.
Make your image a decent size, make your lines simple and straight and going in the same direction and choose the right brush - harder brushes are best.
 
Image trace can be VERY hit and miss at the best of times.

If you're going to use it, make the image quite large in Ps before importing into Ai.
It also helps if you don't make the image too detailed.
When using image trace, go to the image trace window (Window > Image Trace) to get the customisable settings.
Play with the advanced settings in image trace and make sure "preview" is checked to show what effect it will have.
Also (in advanced settings) mage sure 'ignore white' is checked and if you do get a decent result, don't forget to expand it.

To draw in Ai you can either draw it with charcoal brushes to get a roughened effect from the off or distress your artwork afterwards.

I'd draw it using a clean brush and then copy it and change the brush selection to some of the charcoal ones to see what happens to that.

If you draw it with a clean brush and you're happy with that but would like to gnarl it up a bit then you could expand the appearance to make the strokes into shapes and then use the "roughen" effect.
Make sure the image is fairly large though and the detail can go below 1% if you enter say ".5%".

There's a pretty good tut on RetroSupplyCo that shows you how to do this.

Thing is, in Ai there are LOADS of ways to get a similar result.
 
I think you have the right idea, drawing in AI is a pain, PS is much better for direct hand drawing. You will need it as a vector as you've said, so if you are drawing by hand on paper and then scanning it in, then just jump straight into AI. Image trace is great for simplistic designs and basic shapes. For anything detailed and intricate avoid image trace, as you won't get the result you're after.
 
Electronic said:
Here is something I did in 15 min, but not sure if I can make it vector with image trace and to get the same effect.
Click to expand...

How good would that be if it was formed from a fountain pen nib, the outer shape almost reminds me of one. Although, I understand that idea may be completely unrelated to your brief.

 
@GCarlD said:
I think you have the right idea, drawing in AI is a pain, PS is much better for direct hand drawing. You will need it as a vector as you've said, so if you are drawing by hand on paper and then scanning it in, then just jump straight into AI. Image trace is great for simplistic designs and basic shapes. For anything detailed and intricate avoid image trace, as you won't get the result you're after.
Click to expand...
Yes, thats correct. The problem is I dont have a scanner, also does if I scan it will get it as a vector in Illustrator?
 
@GCarlD said:
How good would that be if it was formed from a fountain pen nib, the outer shape almost reminds me of one. Although, I understand that idea may be completely unrelated to your brief.
Click to expand...
Yes that is what I want to get it as a vector, the effect style, old retro style which is very popular in the logo art
 
Electronic said:
Yes, thats correct. The problem is I dont have a scanner, also does if I scan it will get it as a vector in Illustrator?
Click to expand...

I often take a pic on my phone rather than scan just to save time.
The results depend on the quality of your photo but I usually just work over them in Illustrator anyway.

You can't scan from Illustrator and create a vector image in that way.
You'd need to take the pic/scan and tidy it up or alter the levels in Photoshop and then import that into Illustrator to image trace or use it as a guide to work over.
Image trace is a bit of a crude way off converting pixels to vectors.
 
You must log in or register to reply here.
Back
Top