Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Installing a free comic-lettering font


From:

Designing a Retro-Style Superhero

with Deke McClelland

Video: Installing a free comic-lettering font

Over the course of this chapter, we're going to create the monologue text that you see right here. Complete with talk balloons. Now, if you're working along with me and you happen to have opened this file, it's very likely that you'll end up seeing this error message right here that tells you that some text layers contain fonts that are missing, which is just fine. All you need to do is click okay. If you're working in a more recent version of Photoshop than I am right now, then you may see a type kit message, in which case click the next button and then click don't resolve.
Expand all | Collapse all
  1. 41s
    1. Welcome
      41s
  2. 13m 6s
    1. Masking a person from a white background
      8m 20s
    2. Smoothing out the edges of a jagged mask
      4m 46s
  3. 28m 52s
    1. Adding power and motion with Liquify
      8m 21s
    2. Puppet warping the legs closer together
      6m 36s
    3. Applying a perspective-style transformation
      5m 34s
    4. Smoothing and removing details with Liquify
      8m 21s
  4. 28m 34s
    1. Filling and stroking the silhouette
      3m 47s
    2. Drawing with the Pen and Brush tools
      7m 56s
    3. Hand-painting the face
      8m 56s
    4. Refining brushstrokes with Median and Minimum
      7m 55s
  5. 39m 2s
    1. Adding complementary colored clouds
      5m 28s
    2. Drawing a handful of spikes in Illustrator
      8m 34s
    3. Creating a burst pattern with Transform
      9m 36s
    4. Adjusting the spikes for a better effect
      7m 20s
    5. Bringing the burst pattern into Photoshop
      8m 4s
  6. 51m 4s
    1. Creating the extreme paths for the grill lines
      7m 31s
    2. Blending the grill lines in Illustrator
      9m 42s
    3. Correcting potential blending problems
      9m 58s
    4. Bringing the blended paths into Photoshop
      8m 27s
    5. Simulating pressure when stroking paths
      5m 35s
    6. Contouring the grill lines onto the face
      9m 51s
  7. 23m 47s
    1. Drawing a hand with the Pen tool
      9m 29s
    2. Converting the hand path to a shape layer
      6m 2s
    3. Finishing off the hands and gloves
      8m 16s
  8. 28m 49s
    1. Blend, scale, and rotate photographic flames
      6m 17s
    2. Filling in gaps with symmetrical flames
      7m 15s
    3. Shooting flames out of the hero's hands
      7m 34s
    4. Stroking the composite flames
      7m 43s
  9. 19m 13s
    1. Drawing cartoon flames as a shape layer
      5m 56s
    2. Enhancing the flames with layer effects
      5m 32s
    3. Adjusting Puppet Warp and Expansion
      7m 45s
  10. 16m 56s
    1. Installing a free comic-lettering font
      3m 59s
    2. Formatting the monologue text
      5m 43s
    3. Drawing the talk balloons (a.k.a. speech bubbles)
      7m 14s
  11. 43m 10s
    1. Selecting a font-creation software
      5m 17s
    2. Drawing consistently rendered letterforms
      9m 10s
    3. Pasting the letters into Glyphs Mini (Mac only)
      8m 11s
    4. Copying capitals into lowercase positions (Mac only)
      6m 45s
    5. Generating an OpenType font (Mac only)
      7m 56s
    6. Stylizing the custom font in Photoshop
      5m 51s
  12. 4m 24s
    1. Time lapse of the retro superhero
      3m 4s
    2. Until next time
      1m 20s

please wait ...
Watch the Online Video Course Designing a Retro-Style Superhero
4h 57m Intermediate Jun 30, 2014

Viewers: in countries Watching now:

Learn what it takes to design and create your own custom silver-age superhero. Join Deke as he starts by tracing a photo to create the hero's body and then jumps into Illustrator for the creation of the final effects. Finally, Deke takes us through the steps to lay out our own custom type to complete the comic.

Topics include:
  • Turning a person into a silhouette
  • Adding power and motion with Liquify
  • Drawing with the Pen and Brush tools
  • Creating a dramatic background
  • Adding grill lines and flames
  • Inserting talk balloons
  • Creating a custom comic font
Subject:
Design
Software:
Illustrator Photoshop
Author:
Deke McClelland

Installing a free comic-lettering font

Over the course of this chapter, we're going to create the monologue text that you see right here. Complete with talk balloons. Now, if you're working along with me and you happen to have opened this file, it's very likely that you'll end up seeing this error message right here that tells you that some text layers contain fonts that are missing, which is just fine. All you need to do is click okay. If you're working in a more recent version of Photoshop than I am right now, then you may see a type kit message, in which case click the next button and then click don't resolve.

And you'll end up seeing the text just fine but you won't be able to edit it because you don't have the font. What we're going to do in this very movie is install a really great free font. And it comes to us from a group called Blambot. And you can get to it by entering blambot.com and you'll come to this page or something like it. At which point, go to the dialog fonts here and select standard. Now, of course you can download anything you want, you can go all over this site and find really great fonts.

And you can see that in addition to their pay fonts and their limited edition fonts, all of which cost money, they have some free fonts that you can download as well, including this guy right there, acme secret agent BB. The BB being for Blambot. I want you to go ahead and search for this font right here, digital strip BB. And that's what we'll be working with, as opposed to digital script two, incidentally. So, at the very least, click on this font in order to switch to the digital script page.

And then, click on open type, that's your best bet, that way the font will run on both platforms. I went ahead and navigated to the desktop, at which point I'm going to go ahead and click on the save button and it should download really quickly because it's just a few K. All right. Now I'm going to switch to the desktop. On the PC you do that by pressing the start button along with D for desktop. And that way I can find it's zip file and I'll go ahead and right click on it and choose extract all and we'll go ahead and extract it to this folder, right here, that's fine.

And then, I'll click the extract button, on the Mac, I believe you can just double click on the file to extract it. And now on the Mac, what you need to do is locate on of the fonts folders, probably the one inside the library file which is inside the system files folder. Here on the PC, under Windows 8 I just tap the start button and I'll enter the word control. At which point I'll see my control panel right there. And then I can click on fonts in order to enter the fonts control panel. And I'll go ahead and scroll down to the D's, just so I can see the result of what I'm about to do.

And now I want to grab those open type fonts. And so I'll just go ahead and highlight all three of them and I'll drag them and drop them into my fonts folder in order to install that font file. After which point, you should see a single file that contains all three styles, called digital strip. Now I'll go ahead and switch back to Photoshop. And now I should be able to switch to the type tool which I can also do by pressing the T key. And then I'll click somewhere inside the type and it's going to tell me, if you get this message and it tells you that these fonts are missing, and there's going to be some kind of font substitution, just go ahead and click okay because very likely that's a false warning. And you can see in my case that digital strip is indeed installed right here. And we've got all three styles at our disposal which includes regular, Italic and Bold and it should go ahead and properly substitute the font. The reason we have these regular and bold dimmed items is because those are the old versions and Photoshop sees itself as replacing them with new versions. In any case, that’s how you go about installing the custom font that we’ll be using throughout this chapter. And remember about Blambot, folks. It’s a really great site, one that’s devoted to really great comic fonts, all of which are several times better than Comic Sans

There are currently no FAQs about Designing a Retro-Style Superhero.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Retro-Style Superhero.

Return to your organization's learning portal to continue training, or close this page.


OK

Upgrade to View Courses Offline

login

With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts.
lynda.com provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now
 

A trusted source for knowledge.

 

We provide training to more than 4 million people, and our members tell us that lynda.com helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.