Recreating Retro Typefaces for Logos in Illustrator

Learn to create your own typographic assets from retro source material. Software required: Adobe Illustrator CC.
Course info
Level
Intermediate
Updated
Feb 2, 2016
Duration
2h 21m
Table of contents
Course Overview
Recreating Retro Typefaces for Logos in Illustrator
We Can Do It!
Robot Deployment
Atomic Powered
Robots Deserve Our Best
Northern Galactic
Create a Shield and Conclusion
Description
Course info
Level
Intermediate
Updated
Feb 2, 2016
Duration
2h 21m
Description

The ideal course for designers and artists who already have some basic knowledge of Adobe Illustrator, and want to create game or mapping assets using their imagination and retro public domain images from WWII era posters and logos. Viewers will gain insight on how to take a client's vision and execute it to it's completion and have a completed project under their belt. In this course, we cover how Adobe Illustrator can help you recreate vector headline art and, by the end, you'll be able to use these techniques on any similar logo project you have in mind for use in 3D mapping, 3D extrusion, websites, apps, or print. Software required: Adobe Illustrator CC.

About the author
About the author

Mario Macari is an award winning illustrator, animator and graphic designer that fell in love with writing code. He develops and codes for major corporations and teaches coding classes at a couple of colleges in Southeastern Wisconsin. Mario Macari holds a BFA in Illustration and certificates galore from software companies.

More from the author
Creating a Site with CSS Grid and Bootstrap 4
Intermediate
2h 14m
Feb 19, 2019
Bootstrap 4 for the Developer
Intermediate
4h 5m
Jun 20, 2018
Making Games in Scratch 2.0
Beginner
3h 14m
Dec 11, 2017
More courses by Mario Duilio Macari
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Mario Macari, and welcome to my course, Recreating Retro Typefaces for Logos in Adobe Illustrator. I am a front end developer, designer, artist, cartoonist, freelance, and college adjunct professor. Learning to recreate retro typefaces in Illustrator will help you to build the skills you need with Illustrator, and lend atmosphere to your projects, whether they be games, 3D maps, websites or apps. In this course we're going to recreate several vintage logo headlines and sub headlines accurately in Illustrator. Some of the major topics that we will cover include work with public domain retro typefaces to recapture a past era, learn to build complex glyphs from simple shapes, including italics, create new words to suit our purposes from existing glyphs. By the end of this course you'll know how to take retro and hand-drawn type and recreate it accurately as vector art. Before beginning the course you should be familiar with the basics of Adobe Illustrator. I hope you'll join me on this journey to learn Adobe Illustrator techniques with the Recreating Retry Typefaces for Logos in Illustrator course at Pluralsight.

Recreating Retro Typefaces for Logos in Illustrator
In this video we'll take a look at the files a client emailed us. The client wants us to create game and mapping assets from retro public domain images from 1940s era posters and logos. The project is for a fictitious fundraiser campaign trying to induce people to support a science fiction game. The poster created will be given away in return for a pledge level. We're going to take the clients vision, and execute it. Here's a PDF of a scan the client gave us to work from. You can see the layout of the poster from this. You'll end up with a completed typography project under your belt. You'll be able to use these techniques on any similar logo project you have in mind for use in 3D mapping, 3D extrusion, websites, apps or prints. Here are the assets the client gave us to work with, a public domain logo that says atomic. We'll pick up the sub headline, deserve our best, and change it to robots deserve our best. We'll change northern pacific into northern galactic. Here's a cropped Photoshop file of just the logo. From this logo we'll pick up the shield. We'll also be using the famous, we can do it! poster, and that's a look at what the assets the client has given us.

We Can Do It!
Hello. This is Mario with Pluralsight, and in this module we'll be recreating the text from the famous 1940s poster, We Can Do It! The poster was created to pull people together during war, so the client wants to make use of this in a Kickstarter campaign as a possible incentive for pledges. The original glyphs in the poster were all hand drawn. We'll use our knowledge of Illustrator to vectorize the glyphs for use in our project. We want to come as close as we can to the original hand drawn characters, so although we can take a few liberties, we'll do the best we can, so let's get started.

Robot Deployment
Hello. This is Mario with Pluralsight, and in this Robot Deployment module we'll be setting up a position only robot. For Position Only is sometimes called FPO, and you may see that acronym in layouts. Since the clients have no idea whether or not they want to use a 2D or 3D illustration in the final artwork, I decided to vectorize the line drawing of the robot, so that it fits better with the other parts of the artwork than a pencil drawing would. The robot drawing is based on retro toys. We'll be adding the retro atomic tattoo to the robots arm in the next module. We'll learn how to use simple shapes to create the robot, and we'll also learn how to setup the background gradient in CMYK for print, so let's get started.

Atomic Powered
Hello. This is Mario with Pluralsight, and in this module we'll be recreating this retro atomic logo as a tattoo for our robot. We'll learn how to build these characters on a curved path, even though there's no center point in sight. The original glyphs in this logo were all hand drawn. We'll use our knowledge of Illustrator to vectorize the glyphs for our robot tattoo. Since this tattoo is just decorative we can take liberties with the original art. It need not try to be as accurate as we are in the other modules, so let's get started,

Robots Deserve Our Best
Hello. This is Mario with Pluralsight, and in this Robots Deserve Our Best module we'll be recreating the sub-headline slogan, Robots Deserve Our Best. The sub-headline originally comes from this propaganda poster from the 1940s. We'll learn how to straighten out these italicized glyphs. Then, once the glyphs are created, we'll re-italicize them. The original glyphs in this logo were all hand drawn and italicized by the original artist. We'll use the skills we've learned in this course so far to add the word robots to the sub-headline. Our knowledge of Illustrator will help us recreate these organic, hand drawn glyphs, so let's get started.

Northern Galactic
Hello. This is Mario with Pluralsight, and in this Northern Galactic module we'll adopting some logo text from a railroad sign to add ambiance to our poster. The name originally comes from this advertisement from the 1800s. We'll learn how to recreate these antique letters. Then we'll create the word galactic from the created glyphs, so let's get started.

Create a Shield and Conclusion
Hello. This is Mario with Pluralsight, and in this final Create a Shield and Conclusion module we'll be recreating an old shield graphic to set behind our Northern Galactic text. This shield also came from an old railroad sign. Learn how to recreate this cool, retro shield, so let's get started.