Graphic Design Without a Computer: Part 3

– Hey everyone, thank
you so much for tuning in to Graphic Design Without
a Computer Part Three. If you haven’t seen parts one and two yet, you don’t need to watch them in order, so I’ll link them at the end of the video. A thing that we actually did in one of my typography classes
was take this quiz where we had to identify fonts. We were told beforehand what all the fonts that we had to know were
so that we could study, and study I did. I think I was the only one who actually took it seriously enough
to make a study sheet. Whenever someone says
they’re a graphic designer, everyone around them is like, “What font is that? “I bet you don’t know what font that is.” Well, to be a good
designer you do not have to know the name of
every font ever designed. Crazy, I know. Although a fun thing you can do is just make up a font name and then start talking about the backstory, but
make it more and more ridiculous as you go. “Yeah, it’s this font called beteasercool. “It was designed by this
crazy guy who lives in “this bright blue house and never seems “to get any older. “And then last year
there were these aliens “that invaded London and
tried to turn everything “into Comic Sans, and he stopped them “with the power of good typography. “I can’t believe you
didn’t hear about that.” But anyway, you should be able to still recognize the
most common and most historically-significant typefaces. So in that description I’ve included a PDF of a quiz sort of like
this one that you can take as well as a study sheet. When you’re identifying
fonts, you really have to look at the details of the letters. A lot of typefonteries use the word “hamburgerfons” because it has a lot of the different qualities of a typeface. It has ascenders, descenders,
counters, etcetera. So ask yourself, is the stroke consistent or varying widths? Are the lower case A and G double story or single story? Is the axis in the O
vertical or at an angle? A good way to familiarize yourself with the details of a certain typeface is just to trace the entire thing like we talked about in episode one. See? Everything is coming full circle. But beyond identifying fonts on the spot, you should also know some of the history of typography so you can
understand the context of the design decisions and necessities given the technology of the time. Design decisions, design decisions, ahh, that’s so hard to say. A few books I recommend, “Just My Type” by Simon Garfield, “A Type Primer” by John Kane, and “The Elements “of Typographic Style,” which is basically the typography Bible. So now you know all your basic fonts. Let’s practice some kerning, or keming if you do it wrong. Nerd jokes! Kerning is the art of
spacing out the letters in a word so that visually they are all in equal distance apart. Here’s an example of bad kerning and good kerning. Cut some large letters out of a magazine or trace them or print
them from your computer if you’re not a new computer purist. And given the audience of these videos, I think it’s only
appropriate that we start with the “Dalek.” Try a straight line on your paper and tape down the middle letter L and one of the letters so the side, the A. That was the easy part. Now try placing the D so that the A is equidistant between them. This isn’t a very difficult pairing since the uppercase A is symmetrical and we’re creating the same triangle shape in the negative space on either side. But now let’s move on to the E. Concentrate on getting
the L to be equidistant between the A and the E. Look at the negative space. We have a triangle on one side and a large rectangle on the other side. The E should be closer
to the L than the A is so that visually the
negative spaces equal out. Now when we tape down the K, we have a large rectangle of
negative space on one side and virtually no negative
space on the other side. The K should be a little bit farther away. Kerning is also important when it comes to letters like the uppercase T, where lowercase letters can actually slide under them a
little bit so that there isn’t this huge negative
space until the next letter. Most fonts will have basic kerning built into the font file,
but a lot of free fonts that weren’t designed
by great typographers won’t necessarily have great kerning. You just have to recognize that and adjust it manually. It just takes practice and
knowing what to look for. Look through some
magazines and try to find all the worst kerning you can. And trust me, now that
you know what to look for, you’re going to see it all over the place. So practice with all
different kinds of fonts, from a bold Clarendon to
a light and airy “Didot.” Try it with longer, more difficult words. And for practice that
won’t get paper scraps all over your room, check
out the kerning game on, which I know is on the computer, but all you need is an internet browser, not Photoshop or anything. So this episode was a bit more technical and a bit less creative than the others, but you have to know both sides to be a good designer. I’m not quite sure what episode four is going to be about yet,
and I definitely won’t be making it until after VidCon, so let me know in the comments if you have any suggestions
or if there’s anything you’ve been wanting to learn. If you haven’t seen them
yet, you can check out episode one right here,
and episode two right here. Thanks so much for watching. I’ll see you all next week with a video about VidCon, so be sure to subscribe right above my head so
you don’t miss that. And now I will get out of your way so you can start clicking and doing all your fancy internet things. Bye everyone, I’ll see ya next week.

100 Replies to “Graphic Design Without a Computer: Part 3”

  1. @xperpetualmotion better than identifying is designing them! 🙂 – i'm really a FontForge addict! 🙂

  2. I made a "tie-dye" shirt, being that I wrote Tie-dye on a shirt. I am pretty sure my Kerning on that one sucked. haha

  3. @xperpetualmotion 3:14 – about spacing, you can also use 'OHOHOAOHOHO' and 'OHOHAHOHO' (and 'onononanonono' and 'onononoaononono' for lowercase) – this is very useful for testing spacing when designing a typeface

  4. I feel so smart because I already know all of this stuff! It is EXTREMELY important in graphic design! haha I took a graphic design class through my high school for two years and I learned all about these things! My teacher even did those tests on the fonts too 🙂
    Talk more about color theory!
    I love your videos 🙂

  5. Do you still work with youtube, talk about your contributions to date, are you going to vidcon in an official capacity or just as a vlogger?

  6. Also what is your opinion of when companies (who have a text-type logo) putting the logo into a line of text ordinary text? Like in the new Etihad advertisement being shown on youtube.

  7. you did not use Clint Eastwood as an example of bad kerning? You don't like to scrape the bottom of the typography humor barrel do you? 🙁

  8. I prefer a slight variation: Hamburgefonts. You get to see a lowercase "t" and eliminate a duplicated "r." 😀

  9. Right before I graduated high school, I wanted to major in graphic design, then I changed my mind. Sort of glad that I did. My friend is studying visual communications, and wow, you guys have hours of designing to go through. And it looks tedious as heck sometimes. I always heard how typography classes are really annoying and boring. It just seems so time consuming! And you can't really do a bad job or else it'll be obvious you did a bad job.

  10. Finally I know what kerning is all about! Thanks! But how does this work for large amounts of text? It can't be done by hand! Next, how about line spacing and how it relates to font choices, line width etc.?

  11. wow, I had to think about that one for a minute. No, I don't think that would be very appropriate for my audience, haha.

  12. Well usually a body text will be well-designed enough that you won't have to adjust the kerning when it's so small. You mostly have to pay attention to it with headlines and decorative type.

  13. lol I remember doing that same exercise in my typography class but I don't remember it that well 8(

  14. I will not tell you about my friend flicka either. By the way, your series is great, I saw your video again in a lecture, just before going on holidays.

  15. Awesome video. Your so funny, and your videos aare very fun to watch. What percentage would you give to the importance of typography in graphic design?

  16. Hey Karen, maybe one of your next videos could be about composition, the use of the rule of third, golden ratio's in photography and logo design. Just a suggestion. 😉
    Keep up the vids, I like your passion when you talk about graphic design, it's cute yet educational at the same time :3

  17. 1) Your pasion when you talk about fonts and typography, make me wanna study graphic design <3
    2) I love HP I love that necklace, I'm reading again Harry Potter all over again <3
    3) You are awesome NEVER stop making videos.

  18. Wow, I have been following your blogs and videos for a long time, you are so inspiring! I have learned so much from you than what I have learned with me graphic design degree. How sad is that! But you are truly amazing!

  19. Wow! I also absolutely luv your vids! I have been inspired by your fun & informative vids… I'm looking to enroll into an art school for a BFA in Communication Design. I've recently fell in love w/Typography 😉 I now have the task of creating a Digital Portfolio! I have no idea where to start, I haven't taken an art class in 10 yrs & I have zero art pieces to offer. Can you possibly do a vid to help us aspiring beginning art students that have been inspired by you? 😉 Thanx Peace & Love

  20. Karen I am going to be teaching graphic design at the hs I work for and I wanted to break up the "my teacher says this and that" and I found your videos! I will be breaking up my "lectures" with some of your videos and we will be many of the things you have shared…but it will be more "your idea" than just their crazy teacher!! Thanks for the videos fun times and keep it up!!!

  21. I would love to learn more about composition of different shapes together as well as colours and how to make objects/words stand out depending on the colours

  22. If you work for a company, they will already have their font / typography identity selected. You will be confined / restricted to those 3 fonts forever.

  23. Perhaps for a future design video, you can reflect on your biggest pet peeves, as far as design mistakes, and teach us how to avoid them?
    Thank you so much for these exercises and information!

  24. I have to say I loveeee your videos !! I started a graphic design program a couple of months ago and I'm quite excited. When I'm not at school, I'm online looking at information and am VERY happy I stumbled upon your videos. Keep posting more 🙂

  25. Hey there, it would be really great if you could do a tutorial on Kerning covering basics to intermediate level? Please ?

  26. Subscribed!Haha! You just made my day 🙂 And I got the geeky kerning joke because I am taking a Typography class this semester! Yay! You are the best–keep up the great work friend!

  27. I love your snitch necklace!! So pretty.

    Oh! I played the kerning game, and I got 86%!!! 😀 I think that's pretty good for a first time!

  28. I just LOVE your videos. I spent entire 2 hours watching them and I just can't stop 😀
    Well, I don't know if you plan to do more videos like that, but I really would like to know how to do all that fancy designed quotes like these made by Priscilla (thereadables at tumblr)

  29. I played the kern game and got 91%, good for a first time, I think. But while I was playing, I started thinking about how beutiful or awkward some words looked. Now I want to take a typography class. 🙂

  30. Hey Karen! :), thanks again, after watching few of your videos about typography I realized how much importance and impact the typography has to design process. btw. you should teach at the Uni or so .. maybe? You have natural talent and you easly share your knowledge and the most important – the passion that makes it so easy and fun watching your videos, keep it up, great work! . Roche

  31. i really love ur videos u are gave me motivation in graphic design .. i'll start my classes next month and u helped me a lot and make me ready with a big interest to be a graphic designer .. i hope to be just like u in every creative that u did .. thank u and keep going

  32. Hey Karen! I really want to see the Graphic design without a computer part 4!!!!! I love typography, and I love the way you're practicing typography. And do you have any other suggestions that I can play with type and also stay away from Indesign??? I'm a graphic design student, and I have watched all of your Graphic design videos..^^ Love you :))) 

  33. I don't think PhotoShop is going to loss market because of ur Tutorials. Everyone wants to do thing simple but richer but I don't know y u guys want to make it hard.

Leave a Reply

Your email address will not be published. Required fields are marked *