1. Treatments that effect typography
Typography – Lesson 1
Treatments that effect typography

2. A vast majority of what is created by multimedia professionals includes type.

3. The word “typography” refers to the art and process of arranging type on a page.

4. Here are 5 treatments that effect typography

5. Font Face
Type
Type
Type
Type
Type
Type
Type
Type
Type

6. Size
A A A A A A A A A A A A

7. Color
AAAAAAAAAA

8. Weight
A A a a

9. Placement
Apple aPple
apPle appLe
applE

10. Type has character
Changing the typeface (font), size, color, weight, and placement of type in your design can add extra emphasis to your words and enhance the visual appeal of your message.

11. Take a look on the next slide
Take a look on the next slide. Which one of the “anger words” would best describe the feeling of anger? Write your choice on a post-it-note and place it on the graph.

13. Which did you choose?

14. FONT DESIGN

15. Let’s Review! Can you name the five treatments that effect typography?
Font face
Size
Weight
Color
Placement

16. Typography – Lesson 2
Get Creative!

17. Using typography is one of the most interesting and enjoyable parts of image creation.

18. There are all kinds of things you can create with letters, not just words! Sometimes just textures and designs are what works.

20. Here are a few that illustrate some creative uses of typography:

21. more

22. Try to read what I will show next

23. What conclusion can you draw from this illustration?
Now see if it is a little easier to read the this one than the one before.
What conclusion can you draw from this illustration?

24. If you said the tops of letters are more important than the bottoms, you are right!
If you want to distort some part of the type in an image, which part should you keep in tact?

25. IMPORTANT PART OF LETTERS

26. You all know what a font is, we have discussed this before, but you may never have heard the following terms which are used to describe letters and fonts in graphic design:
Serif and Sans Serif:
The little "feet" you see on a type font are called "serifs"

27. Currently, I am using a font (type) called Arial
Currently, I am using a font (type) called Arial. Arial has no serifs and is called "san (meaning without) serif"

28. Now, I am using a font (type) called Times New Roman
Now, I am using a font (type) called Times New Roman. It has serifs and is called a serif font.

29. Identifying Type Faces
Typography – Lesson 3
Identifying Type Faces

30. Each font face has a name.
Fonts, like people are categorized by their “face”. That is they have a recognizable characteristics.
Each font face has a name.

31. Categories of Font Faces
Fonts can be classified by their style or category.
Serif Font
Sans Serif Font
Script Font
Decorative Font

33. LETTER SPACING

34. Typography – Lesson 4
Alignment

35. Text alignment is a pretty straight-forward principle and an action that most of you probably already know how to perform.

36. TOP
Margins define the reading area of your page by separating the main text from the surrounding environment.
LEFT
RIGHT
BOTTOM

37. Margins provide important visual relief in any document, and careful design of margins and other “white space” (blank space) is particularly important.

38. Margins and space can be used to
delineate text from the other page elements
provide unity by creating a consistent structure and look
add visual interest by contrasting the positive space (text, graphics) from the negative (white) space

39. Left-justified text Centered text Right-justified text Justified text
Text blocks have different ways of sitting within margins. This is known as alignment.
Left-justified text
Centered text
Right-justified text
Justified text

40. Most programs universally use the same menu icons or buttons to perform alignment.

45. “Flush left” is also known as “ranged left” or “ragged right”
This refers to the shape the paragraph of text makes when set in this alignment so the left of the paragraph will appear to have a hard line and a ragged right edge.

46. “Flush right” is also known as “ranged right” or “ragged left”
As suspected, the “flush/ranged right” or “ragged left” is the exact opposite.

47. When larger blocks of text are set to have a ragged left, we begin to realize that this makes it much harder to keep tabs on where we are at any point while reading. Our language is based on Latin and is read from left to right, which means when we learn to read we subconsciously use the left edge as a visual anchor.

48. What does this mean? Flush right should be used when setting small amounts of text that is meant to sit close to the right edge of a page or screen.

49. Centered text often creates an appealing and interesting shape on an aesthetic level, but it can also be hard to read.

50. Justified text can be seen most prevalently these days in newspapers and magazines. Justified text sets the paragraph with a flush left and a flush right.

51. Why should we learn about
Alignment?

52. Because improper use of text alignment is one of the most common and overlooked mistakes of design. The impact that alignment has on readability cannot be overlooked.