How to Make a 19th Century Inspired Logo

September 13, 2018 4 Comments

How to Make a 19th Century Inspired Logo

Etched engraving logos, letterheads, and billheads were commonplace in the 19th century. If you were a merchant in those days, you were likely using it for all your business paperwork.

Have you ever wondered how to make a logo inspired by this time period?

In this tutorial, I’ll be showing you how to create a logo like this in Illustrator with a little help from Photoshop.

Visual Research

19th century vintage logo inspiration

 

In addition to these examples from my personal collection, I searched Google and found a few more and set them off to the side of my Illustrator artboard.

Now, if you spend much time looking at vintage billheads you’ll notice they have a bit of gray and muddy look due to all of the linework shading. For this logo, I wanted more of a light and airy quality, which meant some adjustments would have to be made. After all, this is a logo for fresh seafood.

Below is a step-by-step of how it all came together.

Sketch

After my initial conversation with the client, I had a pretty clear direction of where this design needed to go. I did a handful of pencil sketches and then turned to Illustrator to block out the rough shapes shown here.

Laying out a 19th century vintage logo in Adobe Illustrator

Envelope Distort

Creating a warp effect for a vintage logo in Adobe Illustrator

With the basic shapes created, I began creating the curved shapes by using Envelope Distort Warp (CMD + Option + Shift + W) with these settings:

  • Style: Rise/Horizontal
  • Bend: 30%

I then used the Shear Tool to move it back into alignment with my circle shapes.

Drop Shadow Type

Typography for vintage logo design

I set my top type layer and then duplicated it using Copy (CMD + C) and Paste in Place (CMD + Shift + V) to create the white, black and gray drop shadows.

3D vintage type effect using the Blend Tool in Adobe Illustrator

I made a second copy using the same Copy (CMD + C) and Paste in Place (CMD + Shift + V) method, then holding Shift, moved it over and down a few pixels (holding shift helps you maintain a 45º angle).

Next, using the Blend Tool (W), I filled the space between the two lines of text. Shown above in blue with a single step in the blend, I adjusted the steps to 35 so it would appear to be a solid transition. However, this was only to establish the look.

For the final, I replaced the blend with individual solid shapes. More on that in a minute.

Adding a drop shadow to a vintage logo in Adobe Illustrator

After converting the blend to white, I copied and pasted that group two more times Copy (CMD + C) and Paste in Place (CMD + Shift + V) to make the black and gray drop shadows, offsetting each one at slightly and using Send to Back (CMD + Shift + [) to create the final look.

How to warp type for vintage logo design typography

Then, I placed a copy of the finished type off to the side of my artboard and distorted it using the same method as when I created the curved shapes above.

Note: Get into the habit of keeping copies of your steps. It will save you a ton of time if you ever need to go back to adjust something.

Next, using the Pen Tool (P) I drew some lines for the subordinate copy blocks, set the type with the Text on a Path Tool and switched the alignment from Rainbow to Skew, which is found under the Type Menu.

Adding More Elements

Adding vintage elements to logo design in Adobe Illustrator

Next, I drew out the life preserver. Using the Ellipse Tool (L) I drew two circles for the inner and outer rings. With the basic shape formed I added four rectangles using the Rectangle Tool (M), rounded off the corners using Live Corners and then added the textured lines and rope.

Grave Etcher | Vector Engraving Brushes worked great. I simply drew a couple of circles and added the stroke. The rope texture was next. It’s a freebie brush I found with a Google search. Sorry, I didn’t save the site, but it should be pretty easy to find.

The helm followed. Again, drawing a few circles with the Ellipse Tool (L). Then, drawing the handle and spoke using the Pen (P), Rectangle Tool (M) and Live Corners. The shapes were all created with white fills and black strokes.

The black etching inside was a series of slim triangles along one side. After the triangles were drawn, I used a Clipping Mask (CMD + 7) to hide the ends.

The bird silhouettes and wave followed. For time and budget, those were purchased from stock art. The decorative linework and banner tails were then drawn with the Pen Tool (P).

Adding the Clouds

How to create cloud engraving lines for a vintage logo

IndustryPress is a great Photoshop Brush Pack to create this look. I followed the instructions that came with the pack, loaded everything into Photoshop and placed a copy of the Illustrator art onto Photoshop layer for reference.


IndustryPress Etching Brushes

IndustryPress is a set of Photoshop tool presets that allow you to get intricate engraved line work from the late 19th century with ease.


Great for creating convincing 1870s engraving inspired design or for adding line and crosshatching to shade your work.


Buy IndustryPress Now.


Next, I created additional layers and started building the clouds. I highly recommend placing each brush on a separate layer and building clouds gradually. This way you can move, erase, etc. without disturbing your other work.

Making the Sunburst

How to make a sunburst for a vintage logo in Adobe Illustrator

The center sun is a circle with a Gradient Fill:

  • Type: Radial
  • Color: 1 (inside)
  • Opacity: 100%
  • Location: 75%
  • Color: 2 (outside)
  • Opacity: 0%
  • Location: 100%
  • Transition point: 75%

Note: I used this same technique on the subtle white glows behind the life preserver, helm and background.

The next step was to create an art brush for the light rays. It starts by drawing a circle with the Ellipse Tool (L), then using the Direct Selection Tool (A) delete the far left point.

Now create a new brush by dragging the shape onto the Brushes Palette:

  • Brush Type: Art Brush
  • Width: Fixed
  • Brush Scale Options: Stretch to Fit Stroke Length
  • Direction: Right
  • Method: Tints

Make a sunburst for a vintage logo with Rotate Tool in Adobe Illustrator

Then, I drew a line with the Line Segment Tool (\) and applied the brush stroke, followed by creating groups of lines with varied lengths, one with five lines and one with three.

Next, I positioned a group at the top and bottom of my sun and used the Rotation Tool (R), set the angle to 20 degrees and hit copy.

Then using Transform Again (CMD + D) several times, I stepped the grouping all the way around the sun. I repeated these same steps with the group of three and offset those by 10 degrees to complete the sunburst.

The Final Type

How to create a vintage logo typography effect in Adobe Illustrator

Since this logo has a lot of pieces, I wanted to take some steps to reduce the file size a bit.

They first set of type drop shadows was created with a blend.

For the final I made solid shapes for each letter by cloning each letter to match their position, then drawing connecting shapes with the Pen Tool (P) and lastly merging them with Pathfinder Unite (keep in mind, I still have a set of live text off to the side of my artboard if I ever need to go back.).

I repeated these step for each letter of the main name. Once complete, I used these finished solid shapes to create the black and gray drop shadows.

Taking these extra steps accomplished a few things.

First, it allows the edges to be crisp, it helped reduce the file size.

Second, it allowed me the opportunity to tweak each letter if I wanted. Envelope Distort will sometimes create odd distortions of your type.

Final

How to Create a 19th Century Vintage Logo

About Mark Searfoss

Mark is a design veteran with 20+ years of experience. In addition to his full-time art director job, he’s a contributing designer at Letterhead Fonts and can regularly be found pushes pixels on a variety of side hustle projects. You can see more of his work on Instagram and at Letterhead Fonts.

Like this tutorial? Check these out.

We regularly update the RetroSupply Tutorial section with new content. If you liked this tutorial here are a few more you might like.

How to Make a Vintage Skull Illustration in Illustrator

How to Make an Engraved Eye Illustration in Illustrator

How to Create a Retro T-Shirt Illustration

How to Use Photoshop Brushes in Illustrator

How to Create a Mid-Century Space Pistol Image in Photoshop





4 Responses

Su Hall
Su Hall

September 19, 2018

You do beautiful work, Mark! Thank you!
Thanks, Dustin! Good call! This style is an art form all it’s own.
Su

John Howard
John Howard

September 17, 2018

Great tutorial. I have always loved the older ingraved type of designs like the Sandborn Map covers. Its awesome to see your technique for putting this design together. Thank you very much. Its very helpful.

Mark Searfoss
Mark Searfoss

September 17, 2018

George,

Glad you found this tutorial helpful. The main font for First Coast is LHF Elixir, my very first font creation. The other for Seafood Company and support type is LHF Fullblock. Both can be found at letterheadfonts.com

Happy designing,
Mark

George Harmon
George Harmon

September 17, 2018

That was Awesome! This tutorial really helped me see where the initial building blocks lay when creating an arrangement. Now, with this new arsenal of knowledge – Off to the races! (P.S.) What font type was used in this tutorial?

Leave a comment

Comments will be approved before showing up.


Also in Tutorials

How to Draw a Sad Chinchilla Using Custom Brushes in Adobe Illustrator
How to Draw a Sad Chinchilla Using Custom Brushes in Adobe Illustrator

August 16, 2018 3 Comments

Learn how to create an expressive character with simple shapes and your own custom Illustrator brushes in this tutorial from Jeremy Slagle.

View full article →

How to Make No-Stretch Cross Hatching Pattern Brushes in Illustrator
How to Make No-Stretch Cross Hatching Pattern Brushes in Illustrator

July 12, 2018

Learn how to make no-stretch cross hatching pattern brushes in Adobe Illustrator with this step-by-step tutorial.

View full article →

[FREEBIE] Horrific Halftone Brush Sample Pack
[FREEBIE] Horrific Halftone Brush Sample Pack

June 29, 2018 1 Comment

Are you looking for a killer halftone pack for Photoshop? Try out this FREE halftone brush sample pack. Includes two brushes, instructions, and tutorial video.

View full article →