>>>>>>>>>>>>>>>>>>>>>>>>>>>> <<<<<<<<<<<<<<<<<<<<<<<<<<<

What is


Typography? .... the art of the letterform, the visual communication of type,

and how it reveals meaning—through the design of letters and words, to express idea(s).

 

Typography Class Projects

 

 

1.) Word/Type Art
     (click text above)

 

Didot Display and Modern No. 20 Font Posters

Information compiled from various articles from Wikipedia:
Updated, June 28, 2010

The term Modern in Typography refers to typefaces that were first created in the late 1700’s which were characterized by flat, unbracketed serifs with extreme contrasts between thick and thin strokes. They were more geometric and mathematically precise than their previous Transitional style fonts had been, and in addition, had a more vertical, upright stress. They also differed dramatically from the handwritten, calligraphic style typefaces of the Medieval and Renaissance eras that preceded both the Transitional and Modern typefonts.

The Modern fonts, called “Didones” were created by Firmin Didot (1764-1836) in 1783, who along with his father, François-Ambroise Didot is credited with designing the first Modern classification of typefaces. (At the same time, Giambattista Bodoni of Italy was also creating a similar typeface, hence the name Bodoni in many Modern typefaces today). In addition to creating typefaces, Firmin was also an inventor of stereotypography — which was the use of a metal printing plate for setting type, a device that revolutionized printing at the time. He was responsible for creating and actually cutting the Didot font, while his brother Pierre used it in the printing of books.

Their father, François-Ambroise Didot (1730-1804), was the second generation of a family of printers and learned book publishers. During his lifetime he was appointed as printer to the clergy for whom he became an avid publisher. He also invented a new printing press, and was the first to print on vellum paper. In addition, François is credited with adapting a point sytem of sizing typefaces that was based on 1/72nd of a “French inch” — before the Metric system was invented. (The French inch was larger, proportionally than the UK or American inches of the 18th century.) His unit of measurement was appropriately named the ‘didot,’ and became the prevailing system of type measurement throughout continental Europe, as well as in colonial America. Later on however, it was standardized to .375 mm in Euorpe, and America developed from this measurement its own ‘point’ system, which was based upon the same proportion, only used the smaller inches which the English-speaking countries had originally adapted.

Three modern-day renditions of the Didot fonts are featured below: Didot Display by Canada Type, and Didot Std Italic by Adobe in the poster on the left; and Modern Number 20, a revival of the English, Victorian-style Didones of the 1700’s, in the poster on the right.

Modern No. 20 was originally issued by the Stephenson Blake foundry in 1905, but was recreated in the mid-1900’s by the font designer, Edouard Benguiat. It differs somewhat from the other two Didot fonts in its hairline strokes, and also has more rounded ball serifs as well as more curves as seen in the character and numeral sets. All three fonts however, are considered to be members of the Modern type family, or Didones. The Didot fonts are also Neoclassical and Romantic in style, and make elegant display fonts. Other examples of Didones include Bauer Bodoni, as well as many 20th century typefaces. They can vary from extremely finelined versions to ultrabold ones, as well as fonts with more narrow and condensed letterforms; to wider, more expanded ones. There are even fancier variations on serifs and terminals. Some good examples of the more decorative, contemporary Didones can be seen on the MyFonts.com website, and include Ambroise Std, and Bodoni Classic Swing. Just do a search with those names, and you will see them.

Below are two posters I created for Didot and Modern No. 20, using some of the font history and information outlined above, from the Wikipedia website. The poster on the left has had some new facts added and corrections made to it, as wel, including the fact that it was actually Firmin Didot and not François, (as I had stated in a previous version of the poster), who is credited with the creation of the original Didot typeface.

Didot poster image

Modern No. 20 poster image

 


Memoriam Three font
Designed by Patrick Griffin of Canada Type, in 2009
especially for The New York Times Magazine for a year-end cover, commemorating
famous people who died in 2009.


— A calligraphic script font with highly contrasting thick and thin strokes and greatly exaggerated curves, reminiscent of the 1960’s era. This font might also be considered a twist on a Modern font. It is best used as a display font, and could also be used for fun/elegant advertising pieces, or as a logo for a perfume, or a small business such as an ice cream shop, or many other things. The font can take on different looks depending on the fill color and outline applied, as well as the size and placement on the page. When used to type text, it looks very “calligraphic,” with long swashes that overlap each word from line to line, creating an elegant flow of text. You might consider using line spacing adjustments in some cases, because the font could become illegible, but still makes an overall, very elegant appearance with its overlapping, long swashes!

Memoriam Three

 

Memoriam - a display font

 

Memoriam - line spacing



 

>>>>>>>>>>>>>>>>>>>>>>>>>>>> <<<<<<<<<<<<<<<<<<<<<<<<<<<

 

numeral 3.)“Bickham Script Pro” Posters — an Example of 18th c. Copperplate Calligraphy
Bickham Script Pro is based on the engravings of calligrapher George Bickham, and was recreated digitally by Richard Lipton
for Adobe in the 1990’s. It is an elegant, calligraphic script font with many alternate letterform choices, making it
very versatile for many uses.

* Some examples of copperplate calligraphy by George Bickham,
in pages from “The Universal Penman” published in 1741, can be
seen here.


Bickham Script Pro black and white poster image

Bickham Script Pro poster image in brown

 

More on Bickham Script Pro...

A Historical Note...
August 3, 2009

Examples of original documents created by master calligrapher, George Bickham, circa 1738-’41, at The City Tavern Club, a historical property located in Georgetown ( Washington, D.C.)   Shown below is a letter written to ‘Merchants and Tradesmen’ of Great Britain, penned and signed by George Bickham himself, as can be seen at the bottom lower right of the photo where it says, “Your most obedient and very humble servant,” with the initials, G. Bickham.

The font “Bickham Script Pro” a contemporary computer font, was created by the font desginer, Richard Lipton after the original calligraphy of George Bickham, for Adobe in the 1990’s.


Merchants of Great Britain Letter

 

 

Poetry page - Champion Script

(Top of page)

The document pictured above was a tribute to the meaning of ‘Poetry.’ Surrounding the word ‘Poetry’ are flourishes that are similar to the flourishes available in the digital fontset for Bickham Script Pro, but with more elaborate strokes that could only have been created by penstrokes. Notice how the P and the Y are actually connected in one penstroke, with additional embellishments to the sides of the letters, that also form part of each of the letter forms .

At the bottom of the page appears the phrase, “Joseph Champion Scriptsitz.” This script is very similar to the calligraphy of the Bickham Script shown in the letter above. Upon doing some research on the Internet, I learned that Joseph Champion (1709-1765) was another Englishman and master calligrapher who worked with, and actually contributed 47 plates to George Bickham's major calligraphy book, “The Universal Penman.” While this page looks very similar to Bickham Script Pro, it must actually be the script created by Joseph Champion.

‘Champion Script’ has now been reproduced as a digitized font as well, by a Greek font designer named Panos Vassiliou. A history of the font’s development can be read about here on his blog. Other similar examples of George Bickham’s own calligraphy can be seen at the link provided below (above my Bickham Script poster images) in pages from his famous publication, “The Universal Penman.”

(Bottom of Page)

Poetry page - Champion Script

 

__________________________________________________

an ART DECO FONT from the early 1900’s:

Paella Caps

Paella Caps poster

(click on image to view PDF poster)

“The Art Deco style was introduced in the 1920’s and reigned through the 1930’s. It encompassed both the Roaring Twenties and the Great Depression. It is an elegant style of decorative art and architecture reflective of Art Nouveau, yet with more modern sophistication. Art Deco features sleek straight, geometric lines and an element of boldness. The movement affected city styles, architecture, high fashion, jewelry, commercial printmaking, and interior design. It also embraced lifestyles of hedonism, indulgence and mass consumption. The term ‘Art Deco’ was not actually in use until the 1960’s, when Bevis Hillier, a British historian and art critic wrote a book and coined the term to encompass all of the styles from the time period. "In 1969 his book Art Deco of the 20s and 30s was published by Studio Vista. This was the first major work on a hitherto neglected period of art, which had been previously referred to by various names." His use of the term Art Deco became definitive. His book is available on Amazon.com here; and another one of his book cover images can be seen here.

Notable Art Deco buildings include the Empire State Building, Rockefeller Center, Radio City Music Hall, The Chrysler Building, the Kennedy-Warren, and the Midland Grand Hotel.”

- excerpts from Wikipedia entries on the Art Deco movement and Bevis Hillier

An interesting Art Deco exhibit from The Victoria and Albert Museum in London from 2003, is still online at this link: http://www.vam.ac.uk/vastatic/microsites/1157_art_deco/. You can view art deco objects from the exhibit, read more about the movement and its history, and take a quiz, too to test your own knowledge of art deco styles.


___________________________________________________________


Paella Caps is similar to another geometric sans-serif font, called:

Kabel

Number 4, Kabel Ultra Poster designs illustrating the history of a German typeface called Kabel, a font which was directly influenced by the Bauhaus movement, and characterized by rounded, geometric shapes. The font is shown below in two weights: Kabel Book BT and Kabel Ultra BT, which is meant mostly for poster and display use (featured in the numeral four, above left). The Kabel font does not have any italics, and a limited numeral and character set.

The poster describes the history of Rudolph Koch, the Kabel font designer, and mentions some of his other early, 20th century typeface designs. He was an in-house designer at the Klingspor foundry where he worked in Germany, and produced many different fonts as well as a book on calligraphy.

The posters below use text, type elements, and/or shapes with color, but no illustration. The circular aspects of the letterforms are emphasized in the numeral and alphabet examples, seen below the large red letterforms in the center of the poster. The font is constructed of simple, circular shapes and lines. It was modern-looking for its times, and is still modern-looking today, with a distinctive, lowercase g and e, in its alphabet.

 

Kabel Poster 2009
(click to view PDF):

Kabel Poster 2009


Kabel Poster, 2008

Kabel 2008 Poster

 

To see more examples of the Koch typefaces, you can visit the Klingspor Foundry webiste:

http://www.klingspor-museum.de/EUeberdasMuseum.html

and to see other of his type fonts on Linotype: http://www.linotype.com/453/rudolfkoch.html.

The Kabel Book ITC font is available from MyFonts.com, published by Bitstream, at the link below:

http://www.myfonts.com/fonts/bitstream/itc-kabel/. MyFonts offers several different weights
in between the Book and the Ultra BT, which include Medium, Demi and Bold.
In my poster, I have used the Ultra BT as the bold type.

The original version of Kabel available also from Linotype, on MyFonts.com:
http://new.myfonts.com/fonts/linotype/kabel/,
shows the differences between Rudolph Koch’s personal version of the font.
You can compare the ITC Kabel with this, and see that the ITC version
has a larger x-height, and wider letterforms than Koch’s original.

 

 

 

Examples ofgraphic designprojects

 

Spirograph shape images inspired by one of Veerle’s cool tutorials.

Below: Taking the basic flower shape and grouping it with the smaller, four-leaf shape in the center
and a white circle, then using the Pathfinder to select Divide, Trim and/or Outline,
and layering the duplications on top of each other.

In the example on the right, the center shape fell apart, so I placed the pieces out to the right of it.

flower shaped spirals

 

Various outlines of the original shape, layered, and created by using the Pathfinder Exclude function,
on the right, and the create Outline function, as in left example.

flower spiral outlines

 

multi-color circles with pointed flower shapes

Overlapping multi-colored circles with eight-pointed star flower shape and a second modified
shape overlayed in the center, using opacity effects and Pathfinder options.

star-flower shaped outlines

Overlapping circle shapes in outline, and overlapping star-flower shapes in pink with outline on top.

 

rotated squares


Transparent square shapes created by Veerle, rotated and scaled to
create a feeling of movement /or a ripple-wave effect.

- see Veerle’s spirograph tutorial for more advanced examples.

 

 

What is Graphic Design?

To me, graphic design is a visual means of interpreting the world around you in an abstract or artistic way, using electronic or other two-dimensional media (i.e. print), combining things like colors, shapes, illustrations and typography to create something new and different that is unique, yet commonly recognizable, allowing the viewer to see something familiar in a new way. It is also a form of art and visual communication that we cannot do without. Graphic design is everywhere, but takes many forms and styles. While not exactly true art like painting its purpose is to communicate a feeling or a message to an audience in a clever, fun or engaging way. It embodies creating new things as well as recreating things that have already been made, i.e. tracing over a flag with Illustrator.

There are two types of graphic design that dominate the media world today: print design and onscreen design whether for the Internet and for things like TV and movies. Print design is different from web design in distinct ways. Web design is supposed to emulate printwork, but is constructed differently due to the limitations and non-permanent nature of the Internet, which is based on computer code and display onscreen. Print design by contrast, is a physical meda that can be posted on a wall as a poster, passed out as a flyer, a brochure, or printed as a book. Print and web design also use different color systems. They both have one thing in common though, which is the visual communication of ideas and information using similar elements such as typography, illustrations, photos, or “graphics.” Good graphic design is easily recognizable, but creating it is challenging and involves learning to see things in a totally new and innovative way, and to be able to use the programs effectively enough to accomplish this.

 

my flickr key words:

flickr keywords

 

My favorite photos on Flickr

Butterfly Gallery Photo Pool:

http://www.flickr.com/groups/butterflyrainforest/pool

blue butterfly

 

 

 

Veerle poster competition entry:

What is Graphic Design?

 

----------------------------------------------------------------------------------------------------------------

Other practice graphics:

 

Knot design with different artbrush effects and Bauhaus ’93 font.
See: Veerle’s tutorial and creation, “Command Shape in Illustrator”

 

 

downloadable desktop image sized @ 1028 x 764

 

~~ ~ ~ ~ ~ ~ ~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ ~ ~ ~ ~ ~~

 

 

 



back to Other Projects