Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

The Art of Typography: Communicate Effectively Through the Power of Type

Faye Brown, Faye Brown Designs

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Videos (2h 9m)
    • Introduction to the course

      6:22
    • Introduction to Communication and Typography (03.40)

      3:39
    • 10 words, 10 typefaces (03.07)

      3:17
    • The History of Typography (slideshow)

      0:28
    • The Anatomy of Typography (18.53)

      18:53
    • Illustrator tutorial - Part 1 (11.05)

      11:05
    • Illustrator tutorial - Part 2 (08.02)

      8:02
    • Brands and logotypes (16.43)

      16:43
    • Creating typefaces (08.23)

      8:22
    • Hand drawn lettering into vectors - tutorial (08.42)

      8:42
    • Final project brief - layout your quote (05.41)

      5:41
    • My type of movie (08.00)

      8:00
    • Final project - adding other elements (07.29)

      7:28
    • Photoshop tutorial (18.26)

      18:26
    • The Art of Typography - round up

      3:37

Project Description

Illustrate your favourite quote or lyric through typography

Intro to Typography and Communication

  1. Find typefaces

    Depending on how much time you have either take a few of the words or all 10, and find a suitable typeface for each to enhance the meaning on the word. You might decide to hand draw some lettering instead. 

    Sporty

    Beautiful

    Simple

    Loud

    Traditional

    Childlike

    Ugly

    Danger

    Futuristic

    Flirty

  2. Share your words

    Share your words and typefaces with fellow students. Start commenting on other students images and discuss. Are the typefaces similar? or completely different? People can interpret the word Beautiful (for example) in many ways as we all see beauty in different things. 

  3. Share your photos

    In the classroom share your photos from the typography all around you task and let's start discussing the typography and typefaces we see all around us. 

  4. Find 10 typefaces for 10 words

    After the first lecture you will be given 10 words to find 10 different typefaces for - thinking about how each typeface will enhance the power or emotion of the word.

The Fundamentals - History and Anatomy

  1. Use on online tool to practise

    There's a great online tool here to help you get it spot on: Kern Type - the kerning game 

  2. Optional

    I'd like to take the word 'Typographic' and in a typeface of your choice layout it out and post it in the classroom. If you don't have photoshop or illustrator try drawing out the letters, cutting them out and placing them together. Ask your fellow students what they think of your kerning.

  3. Practise your kerning!

    This is one of the most important aspects of good typography - kerning. This is quite a simple deliverable, simply practise your kerning! If you master kerning, you are half way there to being a good typographer!

Brands and Logotypes

  1. Snap and Share!

    Once you've taken your photo share it in the classroom and discuss with other students what the typeface says about the brand. 

  2. Task - Photograph a brand

    Take a photo of anything in or out of the house that is branded, from food, clothing, cars to toys. Analysing typography in this way will help towards your final project.

Creating your own Typefaces

  1. Copy!

    Either by eye or by tracing try to redraw the letters on the resource sheet - Alphabet. This will help us understand letter structure more by looking at different strokes, x-heights and shapes.

  2. Create your own

    Let's get creative. Using your initials come up with some creative ways to draw, build or make the letters. Share them in the classroom. If you have access to instagram and/or twitter share your photos and let's try to create the alphabet between us all! use #artoftype to share on twitter and instagram. 

  3. Task - Create your own typeface!

    Depending how much time you have either create a whole typeface using one of the digital resources mentioned in the lecture or create a letter made out of something physical or hand draw it.

Final Project - Layout your Quote

  1. Choose your quote

    Pick a quote or lyric that you really identify with and relate to. This could be anything from a famous quote, song lyrics, your granny's favourite saying or maybe something you've made up. 

    You might want to keep this below 15 words just so you don't give yourself too much work to do. 

    If you are stuck for inspiration check out the resources with some links to quotes!

  2. Word hierarchy

    Think about which words need the most importance and emphasis. Start making some sketches of possible layouts. Share these initial sketches in the classroom for feedback from myself and fellow students. 

  3. Layout your final quote

    After getting feedback from your sketches start finalising your layouts - whether you decide to do that in photoshop, illustrator, hand drawn or using mixed media that's up to you. 

    Keep it simple for now. We will look at adding extra elements in another unit. 

    Ideally use an artboard / canvas size of 10inches x 8 inches (portrait or landscape). If you are working in Photoshop I'd advise to work at 300dpi or above to ensure good print quality. 

    Please keep sharing your process in the classroom. 

  4. Illustrate your favourite quote or lyric through typography

    To start with share your initial sketches and ideas for quotes and possible layouts. Which words are you giving most importance? have you got some typefaces in mind or will you hand drawn it? share and comment on students projects.

My Type of Movie

  1. Think about animation

    Don't worry you don't have to animate your quote! that's a whole new class. But try to think about how you would animate it, it might help you decide which words should have most importance... 

  2. How would you animate your quote?

    Share your progress in your project section to get feedback from other students

Final Project - Adding Other Elements

  1. Does your design need more?

    Your design might be perfect as it is. Which is great - don't add anything extra for the sake of it... only add an extra element if your design needs it or if it will help the message.

  2. Decide what should be added

    Would colour help your design, or maybe some background photography or an element of illustration? or all three? Post your work in progress in the classroom. 

  3. Credit your quote

    If your quote is a famous quote or lyric it is good practise to credit the person / band who originally said it at the bottom of your design

  4. Adding other elements

    Once you've finalised your typographic layouts you might decide you want to add some extra elements - colour, photography or illustration. When adding extra elements try to keep in mind, for this project, to keep your typography the main focus.

Class Round up and Farewell

  1. Complete steps in Unit 5 & Unit 7

    Following the steps in Unit 5 and Unit 7 your final projects should now be ready to upload!

  2. Share your thought process

    Describe why you used the typefaces in the way you have - how did this help communicate the message you wanted to convey?

  3. Feedback

    Please feedback on fellow students projects and try to take part in the peer feedback sessions. 

  4. Final projects

    Share your final projects with the class, describe why you used the typefaces in the way you have - how did this help communicate the message you wanted to convey.

Additional Resources

Attached Files