Self-Portrait Font

Post your finished self portrait font to your blog. Writing your name.
Reflect on your self-portrait font. Here are some questions to guide your write-up.

• Describe the font, what sort of personality does it have?
• How does it represent you, or what aspect of your self dopes it embody?
• How is it different from other fonts?

Then evaluate your font. Give your self a mark for your self-portrait font based on the scale:
4. Very True, 3.True, 2. Sort of True, 1.Not Really 0. No

1. Font is legible can recognize/read the letter forms.
2. The font spells your name.
3. My glyphs have a similar/familiar resemblance- Heights: baseline, x height, bowl diameter,  ascender/descender heights...
4. The width/thickness of the lines are even too : stems width, ascender/descender thickness, serif thickness...
5. My font design are unique to me. It's like no other. 

Give your self a mark out of  /20. Then explain why you gave yourself the mark. Effort, interest, creativity, play/experimentation.
Do you like working with typography?

Progress Check List

• About Me
• 9s- Pen Tool Tutorial/Animal Shapes
• 10s- Ribbon Banner 
• Morphing Letter
• 5 Serif Fonts
• 5 Sans Serif Fonts
• 5 Decorative Fonts
• Self-Portrait Font

Creating Your Personal Font

A lot of work goes into creating a single font and we all use fonts every day for a multitude of purposes. Some are serious, some are casual, and some are just plain fun. However, for those learning about fonts, it can be quite a tedious thing because you see, fonts are made of a lot of different components that make each one unique. While a font may be “just a font” to us, it may be an intricate and detailed thing to others. Below is some basic terminology about the different aspects of a font.

One of the easiest components of a font to understand is the baseline. This is the line where almost every character sits. This line is imaginary, but you can tell where it is since that it what all the letters are sitting on. Letters such as “q” and “y” hang below this baseline, but it isn’t common for letters or words to do that. Another easier term from fonts is cap height. This is the height that capital letters hit. All of the letters hit this imaginary line and it’s another way to keep things uniform. Another imaginary line that is present in all fonts is the mean line. This is the line that shows the distinction between uppercase and lowercase letters. This is vital when it comes to creating fonts because you want to ensure that your font is easy to read and understand.

Before creating or using a font type, there are a few details that you should know. For example, a bowl is the curve that closes around the negative space in a letter which by the way is called a counter; you can find this in ” d”, “g”, and “o”. A bowl is also found in letters where there is negative space, but it isn’t closed off, such as “c”, “G”, and “u”.

As mentioned before, the baseline is the line where letters sit and a few extend past that. These are called descenders and includes the letters “q”, “y”, “j”, “p”, and “q”. In contrast, ascenders are the letters that extend up and they go past the mean line, such as “l”, “b”, “d”, “k”, and etc.

Also, you need to know that a crossbar is a line that we are all very familiar with, but most likely didn’t even know it had a name. A crossbar is the line that is in the upper case capital letters “A” and “H”. This is the line that goes horizontally to form the letters, but it can also be found in lower case letters like “f” and “t”, under the name of cross stroke. Oh, and did you also know that the dots about the letters “i” and “j” have a name? They are called tittles. Speaking of things that you may not know, if letters connect and touch one another is called ligature.

Moving forwards, strokes are the lines that make up all the letters and each stroke has its own name. To start with, the strokes that extend vertically are called stems. These are on letters such as “h”, and “l”, and are also on “w”. The strokes at the bottoms of letters are called serifs. These can typically be found on nearly every letter. It simply depends what font it is. However, serifs can be found on a majority of fonts. On the letters without serifs, they are called terminals. Many letters can also be terminals and terminals can be present when serifs are present on other letters. The strokes that extend diagonally are called legs. At times, they are also referred to as tails. This includes the letters “K”, “Q”, and “R”. The letter x gets its own terminology when it comes to fonts.

Now it is time to create your own font.

You are the Font Designer:

Font related You Tube videos:
Font Design
Interview with Font Designer Steve Matteson

Some fonts to inspire:
Da Fonts
Urban Fonts

Create a font that has something about you; a self-portrait font.

1. First write a few things about you maybe use your ideas from your "About Me" write-up that could inform your self-portrait font. 
2. Then doodle: pick up a piece of paper and a pencil and sketch out an alphabet, or doodle using Illustrator. 
3. We will learn more about the pen tool and the direct selection tool. Try a short "Pen" tool tutorial (see tutorials below).
4. You can start by typing out your name and morph it into something that resembles you somehow. or scan your sketch and trace your font. 
5. Make sure your font is legible, you must be able to recognize/read the letter forms.
6. Your glyphs should have a similar/familiar resemblance- baseline, stems width, bowl diameter, x height, ascender/descender heights...your font design should be unique to you. Try to create a font like no other.
7. You only need to create a the letters to spell your name, but you may move on to other letters in the alphabet to. You are welcome to create a whole font family, but it is time consuming and likely we won't have enough time in class.
8. Have fun!
9. Once you have finished creating a font for your name, turn each letter into a symbol so you can use it for other things...
10. Next create a banner with your name using your self-portrait font.

Pen Tool Tutorials:
http://www.vectordiary.com/illustrator/drawing-with-pen-tool/
https://helpx.adobe.com/ca/illustrator/using/drawing-pen-pencil-or-flare.html
https://design.tutsplus.com/tutorials/illustrators-pen-tool-the-comprehensive-guide--vector-141

Decorative Fonts

In typography, a typeface (also known as font family) is a set of one or more fonts each composed of glyphs that share common design features. Each font of a typeface has a specific weight, style, condensation, width, slant, italicization, ornamentation, and designer or foundry (and formerly size, in metal fonts). (e.i. "ITC Garamond Bold Condensed Italic" is a different font from "ITC Garamond Condensed Italic" and "ITC Garamond Bold Condensed," but all are fonts within the same typeface, "ITC Garamond." However, ITC Garamond is a different typeface than "Adobe Garamond" or "Monotype Garamond.") There are thousands of different typefaces in existence, with new ones being developed constantly.

Script typefaces

Script typefaces imitate handwriting or calligraphy. They do not lend themselves to quantities of body text, as people find them harder to read than many serif and sans-serif typefaces; they are typically used for logos or invitations. Examples include Coronet and Zapfino.

 

Ornamental typefaces

Ornamental (also known as novelty or sometimes display) typefaces are used exclusively for decorative purposes, and are not suitable for body text. They have the most distinctive designs of all fonts, and may even incorporate pictures of objects, animals, etc. into the character designs. They usually have very specific characteristics (e.g., evoking the Wild West, Christmas, horror films, etc.) and hence very limited uses..

 

 

Mimicry typefaces

A group of decorative typefaces, sometimes called simulation typefaces, have been designed that represent the characters of the Roman alphabet but evoke another writing system. This group includes typefaces designed to appear as Arabic, Chinese characters, Cyrillic, Indic scripts, Greek, Hebrew, Kana, or Thai. These are used largely for the purpose of novelty to make something appear foreign.

Blackletter typefaces

Blackletter fonts, the earliest typefaces used with the invention of the printing press, resemble the blackletter calligraphy of that time. Many people refer to them as gothic script.

 

Gaelic typefaces

Gaelic fonts were first used for the Irish language in 1571, and were used regularly for Irish until the early 1960s, though they continue to be used in display type and type for signage. Their use was effectively confined to Ireland, though Gaelic typefaces were designed and produced in France, Belgium, and Italy. Gaelic typefaces make use of insular letterforms, and early fonts made use of a variety of abbreviations deriving from the manuscript tradition. Early fonts used for the Anglo-Saxon language, also using insular letterforms, can be classified as Gaelic typefaces, distinct from Roman or Antiqua typefaces. Various forms exist, including manuscript, traditional, and modern styles, chiefly

The art and craft of designing typefaces is called type design. Designers of typefaces are called type designers and are often employed by type foundries. In digital typography, type designers are sometimes also called font developers or font designers.
Every typeface is a collection of glyphs, each of which represents an individual letter, number, punctuation mark, or other symbol. The same glyph may be used for characters from different scripts, e.g. Roman uppercase A looks the same as Cyrillic uppercase А and Greek uppercase alpha. There are typefaces tailored for special applications, such as map-making or astrology and mathematics.

Typography Assignment 3 Find 5 examples of decorative fonts for your "Font Library"

• Type out the font with the title of the font, then describe the qualities of the font, identify the decorative category, and explain where it would be most useful.
• Organize each font by category, you can design your font card however you wish.
• Post to your blog.

Sans Serif

The term Sans comes from the French word sans, meaning "without". Sans-serif fonts tend to have less line width variation than serif fonts.

In print, sans-serif fonts are used for headlines rather than for body text. The conventional wisdom holds that serifs help guide the eye along the lines in large blocks of text. Sans-serifs have recently acquired considerable acceptance for body text.

Sans-serif fonts have become the most prevalent for display of text on computer screens. This is partly because interlaced screens have shown twittering on the fine details of the horizontal serifs. Additionally, on lower-resolution digital displays, fine details like serifs may disappear or appear too large.

Arial and Helvetica — these two faces are often confused, and often the subjects of mistaken identity.

Helvetica

Designed in 1957 by Max Miedinger, Helvetica’s design is based on Akzidenz Grotesk (1896), and classified as a Grotesque or Transitional san serif face. Originally it was called Neue Haas Grotesque; in 1960 it was revised and renamed Helvetica (Latin for Switzerland “Swiss”).

Helvetica

Arial

Designed in 1982 by Robin Nicholas and Patricia Saunders for Monotype. It’s classified as Neo Grotesque, was originally called Sonoran San Serif, and was designed for IBM’s bitmap font laser printers. It was first supplied with Windows 3.1 (1992) and was one of the core fonts in all subsequent versions of Windows until Vista, when to all intents and purposes, it was replaced with Calibri.

If Arial is a rip-off of Helvetica, then Helvetica is a rip-off of Akzidenz Grotesk; or we could simply say that they are both rip-offs of earlier Grotesque faces.

Typography Assignment 2- Add to your "Font Library" blog post. Find 5 examples of sans serif fonts to add to your "Font Library. Name, annotate [compare and analyze the similarities and differences], then consider list 2-3 graphic designs where the font could be used [be specific]. [Due Wednesday].

Serif Fonts

Learning just a little about the terminology will help you to have a greater appreciation for type; it will also help you to identify different typefaces and fonts — and that in turn will help you make better, more informed choices about the fonts you use.
Font Conference

One of the terms of type that most are familiar with is “Serif”. It is easily distinguishable from Sheriff — John Wayne has shot and killed several sheriffs; to the best of my knowledge, he has never out-gunned a serif. Serifs are often small, but they’re tough.

“What is a Serif?” 
it’s the curly bits at the ends of letters.

The origin of the serif can be traced back to ancient Rome. Before an Inscription was carved into stone, the letters were first painted on. Slightly wider sections form at the ends of brush-strokes. The stone carvers would faithfully carve out letters including the flares at the end of the strokes — so was born the serif.

The Latin alphabet that we still use today was created by the Etruscans and the Romans, and derived from the Greek. It had only 23 letters: the J, U and W were missing. The J was represented by the I, the U was written as V and there was no need for a W. The story of the Z is particularly interesting.
In the third century BC, the letter G (a variant of C) was added; Z was borrowed from the Greek, then dropped as Latin had no need for it — perhaps at the behest of the Roman censor Appius Claudius; G took its place in the line-up, until the first century BC, when the Romans decided they needed the Z for borrowed Greek words (when Greek literature became the vogue), they re-introduced it, and placed it at the end of the alphabet, where it remains to this day.

Trajan, the Movie Font

The word "serif" comes from the Dutch schreef, meaning “wrote”, the term “sanserif” pre-dates serif, so sanserif simply meant without serif. Japanese, uruko, means fish scales, and in Chinese the term, translated literally into English, comes out as “forms with/made with legs”.

There are numerous kinds of serif. The two main types are Adnate and Abrupt.
The Adnate serif is more organic. Notice how the serifs join the the stems via a curve;

the Abrupt Serif — as its name suggests — is squarer and more rigid, and doesn’t flow into the base letterform; the slab serif is a good example of an abrupt serif. It’s square.

More Serif Types

Typography Assignment 1- Find 5 examples  of serif fonts for your "Font Library". Type out the font with the title of the font, then describe the qualities of the font and where it would be most useful.

Typography Blog

Morphing a Letter

Direct Selection Tool

1. Choose a letter simple sans serif font first Letter of your first name, or last name.
2. Then make the letter a graphic object by:
3. SELECT the letter with the SELECTION TOOL.
4. Then go to OBJECT> CREATE OUTLINES, ~or EXPAND.
5. Use the DIRECT SELECTION TOOL to reform the letter style. Click on points to re-shape10 times to create another shape/image.
6. With each reformation, save the change and then select the form, 
7. COPY and PASTE the new shape to make the next change 
8. Make 10+ variations of the letter. 
9. This is a doodling exercise; be creative, and remember to save each different steps.
10. To upload your morphed letter to your blog, FILE>EXPORT> as a jpeg. 
11. Then go to Google Chrome or FireFox (not Internet Explorer) and 
12. Begin a new blog post 
13. Upload your morphed letters steps as an image to your blog.
14. Copy your final morphed letter to a new illustrator document and export your final morphed image by itself.