Category Archives: Typography

Typography: Art Text 3 can create cool, non-cheesy 3D type

It makes me sad that after 10 (!!) years of having 3D in Photoshop, I can’t think of a single time I’ve created good-looking text in it, much less anything else 3D of value. Given that PS includes a whole 3D engine, I hope that someday it’ll include easy ways to make attractive text.

In the meantime, amidst sometimes literally cheesy results, Art Text 3 ($29.99) produces some rather impressive pieces. Maybe Adobe could just license & bundle it as a plug-in. Hmm… (No, I don’t know anything you don’t know.)

NewImage

NewImage

[Vimeo]

Titles: A riot of “Stranger Things” goodness

Eric Demeusy & Imaginary Forces have created some terrific titles for the new retro hit Stranger Things: 

Want some insight into the inspiration & process? Check this: 

How cool this must be for 89-year-old Ed Benguiat, creator of the iconic typeface that bears his name. “We’re back in the driver’s seat together again!” he says in this short Fast Company interview. See also “The Typography of ‘Stranger Things.'”

Oh, and would you like to make your own version? Check out Make It Stranger, with which I busted out this:

NewImage

[YouTube]

Meet the new Google Fonts

It’s “a design geek’s paradise,” the Verge writes. Check it out:

The new Google Fonts is now in line with the company’s Material Design guidelines. It has both a new logo and a far easier way to test out new fonts, compare them with others, and change preferences on the fly while viewing sample text in a four-font grid. You can filter by categories like Serif and Handwriting, sort through trending and popular fonts, filter by language, and toggle between different degrees of thickness and slant. Each of the more than 800 open source fonts available now also contains bio information on its designer, as well as statistics on its usage and a list of popular fonts to pair it with. Google Fonts will let you either download the font or give you the code to directly embed it into your site.

The view counter to date might make even McDonald’s insecure:

GoogleFonts

[YouTube]

Google Fonts meet Aesop’s Fables

This site features lovely details (e.g. your cursor becoming a stylized fox head, vainly chasing “sour” grapes) while presenting good font pairings:

There are over 640 Google web fonts available for free. Problem is, pairing typefaces isn’t easy. And, many of the fonts in Google’s library don’t work well when applied to typical webpage (desktop) layouts. Part of the 25×52 initiative, this collaborative, ongoing project helps provide typographic inspiration for using Google’s web fonts for web applications.

Adobe & Google team up on giant open-source font

Cool news. TechCrunch writes,

Adobe and Google today announced the launch of a new open-source font for Chinese, Japanese and Korean (CJK) languages that covers 65,535 glyphs, making it one — if not the — largest font to cover these languages. The font, which was optimized for both print and screen, is now available for free through Google Fonts and through Adobe’s Typekit, where it is included in the free tier.

My friend Caleb Belohlavek of Adobe writes,

The entire family rounds out at just under half a million total glyphs. Never before has a typeface family of this magnitude, development scope, and value been offered via open source — which makes it a no-cost solution for designers, developers, and everyday users who need a font supporting a broad set of languages…

This is a rather large undertaking for any type foundry, and we couldn’t have done it without Google as a key partner.

Way to go, guys!

Sketch

Clean design quotes in motion

Nice, understated typography for Adobe’s 99u conference:

Each year at the 99U Conference we feature a motion reel of inspirational quotes from our speakers that plays in a loop throughout the conference.

How do you create a reel that you don’t get tired of? We focused on telling a story.

In past years we relied on the use of depth of field and 3D effects moving on changing axes. However, this year we focused on very few elements and simple 2-Dimensional designs that could morph into each other seamlessly, making the objects not only design elements but ‘characters’ of the story. We drew a lot of inspiration from movie title sequences we love and to the master of it all: Saul Bass.

[Vimeo]

Can technology help you improve your typography?

Adobe’s Aseem Agrawala (whom you have to thank for tons of great Photoshop features like auto-alignment/blending of layers) & Aaron Hertzmann have been working with university researchers to apply crowdsourcing data to the problem of font selection:

Have you ever been overwhelmed by the huge menu of possibilities when choosing a font? A simple menu of fonts made sense when there were 20 fonts on our computers, but now we have hundreds and even thousands. Online font repositories have over 100,000 fonts. Our interfaces our based on the idea that fonts can be described with attributes, like “friendly” or “legible;” We use crowd-sourcing and machine learning to compute attributes for any font.

[YouTube]

Street typography

Who actually writes giant letters on your road? Tom Williams caught a couple of craftsmen in the the act early one morning:

[Spoiler alert: I was hoping throughout that these guys were very cleverly disguised graffiti artists out to insert some drolly subversive message into the world, but no such luck.]

[Vimeo] [Via Lex van den Berghe]

A man, a plan, a wall… Garamond

It took me a few years after learning Photoshop to discover Illustrator, but when I did, boy did I go nuts filling shapes with text. Later I was pleased to help get that same capability into Photoshop (see my old but still useful 12 Tips for Photoshop Text). In any case, designer Dave & his wife are making clever use of a triangular wall space, projecting & then hand-painting the text of a Sherlock Holmes story in Adobe Garamond Pro. Check out their story.

RegionType

110 animators tackle a single typeface in After Effects

Check out Franchise Animated:

For this specific animated typeface we have rounded up 110 talented animators from all over the world. We asked every animator to pick a glyph and animate it using no more than 4 colors, 25 frames and a 500 x 600 px canvas in Adobe After Effects. The animators had complete freedom to work their magic within those 25 frames. The result is a wide variety of styles and techniques. The color palette and letterforms tie it all together.

The downloadable source file contains all the keyframes, expressions and artwork from the artists. This makes it a great learning source for motion students and professionals. 

[Vimeo] [Via]

Beautifully Lettered Dylan

“Inspired by Bob Dylan´s Subterranean Homesick Blues video,” writes designer Leandro Senna, “where he flips cards with the lyrics as the song plays, I decided to recreate those cards with handmade type. I ended up doing all the lyrics, and not just some of the words, as Dylan did.”

“There are 66 cards done in one month during my spare time using only pencil, black tint pens and brushes. The challenge was not to use the computer, no retouching was allowed. Getting a letter wrong meant starting the page over.”
[Via]

Adobe contributes font rasterizer technology to FreeType

No, I hadn’t heard of it either, but the short story is that Adobe is giving away its IP to make type look more beautiful on your screen.

FreeType, an open-source library for font rendering, is used either partially or exclusively by Android, Chrome OS, iOS, GNU/Linux and other free Unix operating system derivatives such as FreeBSD and NetBSD. This makes FreeType the font rendering software of choice for more than a billion devices.

Details & examples are here. I’m just excited that Adobe, which since its founding 30 years ago has been redefining what’s possible around beautiful type, is making this contribution. More info from Google is here.