May 12, 2013

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]

May 03, 2013

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.

April 22, 2013

Win a beautiful typographic poster courtesy of Illustrator

Check it: 

Illustrator’s Facebook page is giving away this beautiful Venus poster created by Dylan Roscover to 1,000 people! Head to their page for your chance to win now. 

April 12, 2013

Dylan Roscover’s typographical “calligrams”

The Adobe Design Center features an interesting profile of Dylan Roscover, creator of beautiful typographic illustrations called calligrams:

All of Roscover’s calligrams are driven by pure passion, and each takes 40 to 60 hours of painstaking craftsmanship to render. “These days, it is easy to make things quickly and get them out the door,” he says. “But with this type of work, every image is special and a labor of love.

April 10, 2013

Typography: Aaron Draplin’s Favorite Signs

Ah, back in the day, when men were men & signs had “un-f***-with-ability”! I love Aaron Draplin’s deeply genuine enthusiasm & affection for the sign-making craft:

Aaron will be speaking at Adobe MAX this year: “Tall Tales from A Large Man”. Visit max.adobe.com and use promo code MXSM13 when you register to save $300.

The Adobe Creative Layer blog features a brief interview with Aaron.

March 21, 2013

Ampergram: Instagram-powered typography

Neat: Ampergram lets you create typographic compositions drawn from Instagram photos of letters. Here’s a gallery of creations made with it. [Via] Tangentially related: The iOS alphabet.

Elsewhere, “We are a society that brags through megapixels,” says Instasham, a service that presents other people’s tagged photos & encourages you to photograph them and present them as your own.

November 23, 2012

Typography: Musical history, writ large

Designed by Alex Fowkes, reports CreativePro.com,

The Sony Music Timeline celebrates 125 years of musical history covering almost 150 square meters of wall space in Sony’s Derry Street offices. Using just CNC cut vinyl as the sole medium, 54 columns measuring over 2 meters tall cover feature nearly 1000 of Sony Music’s signed artists from 1887 to the present day.

October 17, 2012

Cassanet: A typography homage in flesh & blood

What a fun idea from Spanish studio Atipo: “To promote our new typeface Cassannet [a free download], based on the style of lettering seen on Cassandre posters, we’ve recreated on flesh and blood the famous triptych “Dubo, Dubon, Dubonnet”.

[Via]

September 17, 2012

Extensis offers access to 5000+ Web fonts inside Photoshop

The Web Font Plug-in for Photoshop supports CS5-6:

Extensis announced today it has updated its Web Font Plug-in with support for Adobe Creative Suite 6, providing web designers access to more than 5,000 WebINK and Google Web Fonts directly within Adobe Photoshop. These fonts can be used free-of-charge to mock-up any website.

Check it out. [Via]

September 14, 2012

Car logos, good & bad

• Chromeography is a collection of (mostly) beautiful chrome logos found on vintage cars, typewriters, appliances, and more.
• Genius steals—and then there are just rip-offs. Check out this wild bogarting of car logos, mainly done in China & India. [Via]

September 11, 2012

Typography: Every single Unicode character in sequence

Why, exactly, Joerg Piringer decided to make a 30-minute movie that “shows all displayable characters in the unicode range 0-65536 (49571 characters), one character per frame,” I can’t really imagine. Just to honor its sheer craziness, however, I share it here:

“The sound is me reciting the alphabet (in German). One letter per frame.” Here’s more info on the project. [Via Carolina DeBartolo]

September 04, 2012

Mars Rover’s wheels embed Morse Code

This is some of the most unique typography (if you can call it that) I’ve heard of in a while: the wheels of the Curiosity Rover feature a custom pattern that spells out “JPL” (for Jet Propulsion Laboratory) in Morse Code in the vehicle’s tire tracks.

[Via]

August 03, 2012

Introducing Source Sans Pro, Adobe’s first open-source type family

These days Adobe is releasing more open-source applications (e.g. the new WebKit-based code editor, Brackets). The Adobe type team felt they–and the community at large–needed a better option for on-screen work.

Thus they’ve created Source Sans Pro. As the Verge notes, “[T]his family of fonts is intended primarily to be used in user interfaces, meaning it has to be legible at low resolution yet also readable enough to support long streams of text.” Designer Paul D. Hunt explained some of his process & considerations for the project, adding:

Besides being ready for download to install on personal computers, the Source Sans fonts are also available for use on the web via font hosting services including Typekit, WebInk, and Google Web Fonts. Finally, the Source Sans family will shortly be available for use directly in Google documents and Google presentations.

#progress

June 21, 2012

Hand lettering

I dig Pablo Delkan’s hand-drawn lettering portfolio:

[Via]

April 04, 2012

FontShop enables live previews inside Photoshop

Well isn’t this clever:

The FontShop Plugin Beta allows designers and other type enthusiasts to try out FontShop fonts directly inside Adobe® Photoshop® CS5 and CS5.5. You can preview any of the over 150,000 FontShop fonts for free, in the context of your own artwork.

Fonts are previewed as bitmaps rather than live, editable text. Text layers are auto-hidden while the bitmap versions are shown.

It seems the plug-in doesn’t yet work properly inside the Photoshop CS6 beta, so you might need to choose the CS5 version of Extension Manager to install it inside CS5.

[Via]

March 25, 2012

Demo: How to use type styles in CS6

The #1 feature requested by Web designers has been type styles–the ability to modify one style definition & update multiple text layers at once. Now the feature is ready to use in the Photoshop CS6 beta. Deke McClelland shows you how:

February 24, 2012

Typography: Sesame Seed Braille

From Under Consideration:

Wimpy, a fast food restaurant in South Africa, wanted to let blind people know that they have braille menus, so they prepared hamburgers with buns that had the burger’s description set in braille in sesame seeds.

When’s the last time you saw someone take this much pleasure in a burger?

January 04, 2012

(rt) Typography: Death metal, nastiness, & more

• “DeathPop Club“: Pop musicians’ names get rendered in death-metal style. [Via]
• Able Parris has created a fun “Learn to Kern” tee shirt. [Via]
• Curse-worthy:
  • The 8 Worst Fonts In The World (not including Comic Sans)
  • Leg hair font–for real! (type=nasty)
  • WTF? Portraits in profanity.
• Jing Zhang makes super cool architectural letters.
• Fun vintage type: Handlettered logos from defunct department stores [Via]

December 22, 2011

The journey is the reward?? A fun holiday card done in Photoshop

From the folks at Viewpoint Creative:

[Via Ben Zibble]

December 21, 2011

(rt) Type: Skulls, Life Advice, & More

• Grim & Goth:
  • I love this gorgeous typographical skull made using the Seven Deadly Sins.
  • Typography: A nice how-to on creating detailed Gothic linework in Illustrator.
• Food for thought:
  • “Less is More, or Less.” (Kinda sums up the worthless, contradictory, know-it-all advice on building hit apps.)
  • This Might Be The Only Life You’re Getting, So…
• Death of a gyro joint = mass typographical casualties.
• Lettering made from falling liquids. [Via]
• Love this wedding invite alphabet.
• Lady with a giant C. [Via]

November 01, 2011

Font games

• Cheese or Font? That is the question.
• Compare your letter-spacing skills to experts’ via Kern Type, the kerning game. (Happily, I didn’t entirely suck at this.) [Via Adam Jerugim]
• If you’re up for a greater challenge, try Shape Type, the letter-shaping game.

October 13, 2011

TypeDNA offers students free access

I’ve written previously about how the TypeDNA panel lets Photoshop, Illustrator, and InDesign select fonts by similarity, choose complementary fonts, etc. As a refresher, here’s a quick demo:

Now they’re offering students six months of free access to the service. You must have an EDU email address and register with this special form.

September 30, 2011

Stream Web fonts right into Photoshop

Extensis has released a free beta of their Web Font Plug-in for Photoshop CS5+. The plug-in (a panel) allows you to use fonts from WebINK (a web font rental service from Extensis) in the creation of website mock-ups in Photoshop. Using the plug-in requires downloading a trial version of the Suitcase Fusion 3 font manager, though it’ll keep running even after the trial period expires.

I haven’t yet gotten to try out the panel, but I’m intrigued. If you have feedback on it or just general thoughts on Web fonts & design tools, please chime in.

Update: Here’s an in-depth overview & demo video.

September 23, 2011

Video: 3D text projection the hard way

Backwards, specifically:

[Via Steve Guilhamet]

Here’s another example or artist Stephen Doyle creating a similar piece:

[Via]

August 26, 2011

“I’m Comic Sans, [Jerk]“

The Onion reports, “New Study Explains Why Comic Sans Font So Hilarious”:

This second one contains lots and lots of profanity, so please don’t give me a hard time if you listen & that’s not your bag! (For reference here’s the original text.)

[Via]

July 31, 2011

A typeface for dyslexics

The creators quote researchers from the University of Twente as saying, “The dyslectics made fewer errors, than the normal readers, on the EMT with the font ‘Dyslexie.’ This is an indication that reading with the font ‘Dyslexie’ decreases the amount of reading errors.”

[Via]

July 29, 2011

Typography: Neat new alphabets

• Adobe commissioned Craig Frazier’s Living Letters creature-type, and you can come to the Photoshop store in SF to have one printed onto a shirt.
• Letter Playground from Nate Williams. It’s a site “where you can submit your own letterform designs and see what hundreds of other people have dreamed up. It’s a bit like a democratic Daily Drop Cap!” [Via]
• Robert Murdock put together a typographical history of his & his fiancé’s relationship. Cue my feeling inadequate, right about now.

July 22, 2011

FontShop’s interactive type exploration on iPad

This app looks like a fun, thoughtfully designed way to learn about typefaces & their creators.

The app “lets users share font specimens to social networks and features over 620,000 typeface samples – equivalent to more than 20 printed FontBooks,” says Dexigner. [Via]

July 15, 2011

A font face controlled by your face

Font developer Andy Clymer at H&FJ has created a tool that modifies type characteristics in real time based on facial expressions:

From their blog,

I’m intrigued by the potential to control local and global qualities of a typeface at the same time: fingers and mouse to design the details, faces and cameras to determine their position in a whole realm of design possibilities. I wonder about the possibilities of a facial feedback loop, in which one’s expression of wonder and delight could instantly undo a moment of evanescent beauty.

[Via]

July 11, 2011

(rt) Typography: Great hand lettering, iPad app, & more

July 08, 2011

Typography: Graffiti taxonomy

The always-interesting Evan Roth put together “a study of 180 letters as written by 180 different graffiti writers” in Paris. Check out the interactive viewer, or just see the quick video below:

July 05, 2011

Video: For the love of wooden type

Check out this interesting collaboration between Target & old-school printing buffs:

[Via]

June 28, 2011

Paper animations of 3D lettering & more

Bianca Chang animates by cutting sheet after sheet of paper and precisely stacking them.

[Via]

June 17, 2011

Video: A clever use of 3D + text in Photoshop

Now *this* you don’t see every day: Check out Scott Valentine’s quick use of a 3D preset in Photoshop Extended to create a novel text effect:

June 03, 2011

(rt) Typography: Classic chrome, strange meals

• FontStruct looks to be a cool online tool for building & sharing fonts.
• Chromeography celebrates vintage chrome badges on cars, cameras, & more. [Via]
• Chow:
  • Dunno what this German means, nor does Google, but I’m hoping for “Schlepp fruit in one’s giant underpants.”
  • Leading vs. line spacing get explained via PB&J.
  • “Type Sandwiches” are made from nothing by letters. [Via]

May 18, 2011

Adobe’s enriching CSS, WebKit

HTML is great, but its text-layout limitations have always been a drag for print designers–particularly those now wanting to create tablet-based magazines. That’s why Adobe has been proposing to enhance the CSS spec & contributing to the WebKit browser project.

Now you can download a build & learn more about CSS Regions. According to the project page, key highlights of CSS Regions include:

• Story threading — allows content to flow in multiple disjointed boxes expressed in CSS and HTML, making it possible to express more complex, magazine-style threaded layouts, including pull quotes and sidebars.
• Region styling — allows content to be styled based on the region it flows into. For example, the first few lines that fit into the first region of an article may be displayed with a different color or font, or headers flowing in a particular region may have a different background color or size. Region styling is not currently implemented in the CSS Regions prototype.
• Arbitrary content shapes and exclusions — allows content to fit into arbitrary shapes (not just rectangular boxes) or to flow around complex shapes.

Cool. (And do wake me when the Adobe-scourging Apple fansites pick up this news, won’t you?)

Update: To answer some questions I’ve seen, here’s some clarification I pulled from CNET’s coverage of the news:

“We’ve talked to everyone,” Gourdol said, noting that all the browser makers, though; all of the major ones are active in the CSS working group. They’re all very excited about it.

Next stop is getting the software accepted. Adobe has a team of 12 programmers [emphasis added] in the United States and Romania who work on WebKit, Arno said. Adobe hopes to build its CSS software into the browser engine, making it easy for Google, Apple, and others “downstream” of the central project to incorporate it into their actual browsers.

“Webkit is the most interesting area to focus right now because of its mobile presence,” said Paul Gubbay, vice president of engineering for Adobe’s design and Web group. “We’ll see if the [WebKit] community takes it.”

May 09, 2011

TypeDNA enhances Photoshop font selection; now on Windows

I’ve written previously about how the TypeDNA panel lets Photoshop, Illustrator, and InDesign select fonts by similarity, choose complementary fonts, etc. I’m pleased to see that the $49 tool is now available for Windows (as it was previously Mac-only). As a refresher, here’s a quick demo:

Other developments are in the offing. Founder Darren Glenister is speaking at Google I/O this week, promising to show “some new features that extend Google web fonts direct inside of Adobe CS5.” Check out the TypeDNA site for details about attending in person or online.

April 05, 2011

(rt) Typography: Spam ASCII art, ligature charts, & more

• “Almost Extinct” is a gorgeous set of animals formed from wooden type.
• This spam’s use of ASCII art charms me. Time to meet the Russian ladies!
• How great is this word-puzzle wrapping paper? Margot ordered some immediately.
• The intriguing Chartwell font uses ligatures to make charts from text. See what I mean. [Via]

March 30, 2011

(rt) Type: Lego spaceships, Chuck Norris, & more

• “Chuck Norris doesn’t like children. That’s why Comic Sans is on that list.”
• Delicious letterporn: dig the free Type Specimen for iPad. (I quickly found & downloaded Metalista.)
• Check out Mark Anderson’s fun LEGO Alphabet Spaceships A-Z. [Via]
• Understated as ever: Where Vegas neon goes to die. [Via]

March 19, 2011

Video: A Brief History of Title Design

Just like it says on the tin.

Seeing it takes me back to a lecture from Kyle Cooper when I was just starting out in New York, back in ’98 or so, featuring the classic work of Saul Bass & others. Great to see so much classic design again.

[Via]

March 18, 2011

Kinetic typography: Conan’s farewell

Tom Johnson used Illustrator, Soundbooth, Cinema 4D, After Effects to create this interesting take on Conan O’Brien’s farewell to The Tonight Show:

March 15, 2011

Video: Fun kinetic typography

Done on behalf of the Web09 conference:

March 04, 2011

LetterMPress: Virtual letterpress for iPad

I dig the old-school-lovin’ idea of LetterMpress “a virtual letterpress environment—released first on the iPad—that will allow anyone to create authentic-looking letterpress designs and prints.” According to the project site,

The design process is the same as the letterpress process—you place and arrange type and cuts on a press bed, lock the type, ink the type, and print. You will be able to create unlimited designs, with multiple colors, using authentic vintage wood type and art cuts. And you can print your design directly from LetterMpress or save it as an image for import it into other applications.

[Via]

February 28, 2011

(rt) Typography: Jazz & Chalk

• Dig Paul Rogers’s beautiful Jazz Stamp for the USPS. [Via]
• The useful Fonts In Use shows “type at work in the real world.” [Via]
• Check out some beautiful chalk lettering from Dana Tanamachi. [Via]

February 19, 2011

(rt) Typography: James Brown, Using the Force, & more

• Look at this incredibly simple animation. You’ll wonder how you didn’t see it before.
• “May the force of Typography be with you.”
• Not sure whether it’s G.O.A.T., but it’s certainly great: James Brown in type. [Via]
• “Write a Bike“: Check out some crazy typographical cycles [Via Mira Albert-Bullis]
• Sebastien Cuypers has made 80 hand-lettered iPhone cases. “Mine’s the one that says ‘Bad M…’”
• “I see some A’s! A is for Adobe,” says young Finn. “That’s right, bud,” I tell him, “and P is for Photoshop.” “No, that’s crazy!,” he protests. “F is for Fotoshop!” Phun with Phonics.

December 22, 2010

Four new Adobe font families added to Typekit

Adobe & Typekit have announced the addition of four new Adobe font families–six face each for Caslon and Warnock Pro, and five each for Jensen and Arno Pro–to the Adobe Web Font collection.  Check out the type team’s blog for more info. [Via]

December 08, 2010

Video: Shop Vac

My first thought: Eh, more of the tired “kinetic typography” thing.
Subsequent thought: I like the subtle wit in the type, illustrations, & lyrics.

Creator Jarrett Heather writes, “This was created using Adobe Illustrator, Photoshop, After Effects, Premiere and Toon Boom Animate. I worked on this sporadically, so it’s difficult to estimate how much time went into it. Somewhere between 500-1000 hours, but it was a labor of love.”

November 21, 2010

(rt) Typography: Font detection, crazy bikes, & more

• Yes, there is a sort of “Shazam for fonts” (letting you snap pics to ID typefaces): WhatTheFont for iPhone.
• “Write a Bike“: Crazy typographical cycles. [Via Mira Albert-Bullis]
• Ian Curtis is spinning in his grave: “Joy Division Divorce Attorneys.”
• “If you touch…” Oh my. A topical, TSA-themed cross-stitch.
• When this is someday done in HTML5, it’ll be considered the best, most revolutionary thing ever. [Update: I probably should have added a jokey wink emoticon to convey my tone on this one. So, ";-)!" I'll shortly post a very long list of big, significant things Adobe is doing to support the advancement of HTML5, so no one need stress.]

November 16, 2010

Type: 200-billion-pt. Helvetica, WTF, & more

• There’s plenty to enjoy in this set of 40 Typographic Posters.
• “For all your puzzlement needs”: the WTF Stamp.
• Somehow it kind of had to happen: Lego Letterpress.
• How big would “Helvetica” need to be to stretch from the Earth to the Moon? 282.6 billion points. You’re welcome.

November 06, 2010

(rt) Type: Signs to Restore Sanity, citys as letters, & more

• Hah: Katrin Eismann points out the 100 Best Signs At The Rally To Restore Sanity And/Or Fear.
• From the school that is old:
  • Mark Simonson critiques anachronistic type use in films. [Via]
  • Neat tech artifacts: Pre-digital displays used tiny neon tubes for numbers.
• Shapes from type:
  • Check out these great city maps made of nothing but letters. [Via]
  • TechCrunch made sketches of Steve Jobs, assembled from his recent comments on Android.
• How about using Comic Sans as home security (ghetto design camouflage)?

November 04, 2010

Get crisp Web/screen text in Photoshop, FW

“Improved text rendering” was near the top of readers’ wish lists a few weeks back when I requested feedback on potential Web & drawing features for Photoshop, and it’s something the team is investigating.  In the meantime, these links may be of interest:

• Ksenia Chernyavska provides info on creating pixel-perfect text of small size in Photoshop.
• David Hogue has posted tips on how to Simulate ClearType Text in Fireworks CS4. [Via]

Let me agree in advance that one shouldn’t need tips & that these things should Just Work™.

November 02, 2010

Adobe’s enhancing WebKit for better typography

I’m excited to say that Adobe’s working with Google to enable better HTML-based typography, contributing the work to the open-source WebKit project.

Why not just say “Web typography”? Because HTML goes beyond the Web, supporting apps like Adobe’s new tablet publishing solution.  Trouble is, for all its strengths (e.g. separating content from layout), HTML’s type handling has been pretty limited–especially for creating print-quality layouts.

Adobe wants to help solve the problem, making HTML better suited to more demanding applications.  Check out this demo from engineering VP Paul Gubbay:

Paul writes,

The team has taken the approach of extending CSS with a few new elements utilizing the webkit- prefix so that the designer can adequately describe their intent for the content as the page is resized to simulate working across different screens.  We look forward to working with the Webkit Open Source project and of course the W3C to contribute our work back in the most appropriate way.  And, as always your comments are very much appreciated.

September 23, 2010

TypeDNA adds a clever fonts panel to CS5 apps

The Plugged-In panel from TypeDNA adds font-browsing/selecting power to Photoshop, Illustrator, and InDesign CS5:

The easy-to-use interface provides several unique tools (Similar Fonts, Font Harmony, Attribute Filters and SmartChoice) . Each tool uses sophisticated character analysis and can be used independently or combined for extremely powerful browsing and font selection. Once a font is chosen, the plug-in sends your choices direct to the document.

Check it out:

Because the panel uses Flash, you can test drive it right on their site.

(rt) Typography: Trashing & ‘Staching

• Heh: I dig these typographic mustaches.
• First-world problem, then? Passive-aggressive brawling over Comic Sans. [Via]
• Illustration/type: Journalism Warning Labels; much needed.

August 16, 2010

Adobe & Typekit team up on Web font delivery

Great news for anyone who cares about great-looking Web content: Adobe and Typekit are now offering a selection of Adobe typefaces for use in Web browsers.  Christopher Slye from the type team explains:

Every popular Web browser now supports font delivery over the web (via the CSS @font-face rule), giving designers more typographic options than ever before. We here at Adobe have been looking for the best way to get some of our most popular designs to you, so today we’re excited to announce a partnership with Typekit, the Web font pioneers of San Francisco who, since last year, have been leading the way in web font technology and delivery.

He goes on to share some details on the typefaces now offered:

Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the Web as they have been in print. Thomas Phinney’s Hypatia Sans and Carol Twombly’s Chaparral are distinctive and versatile. Adobe Text is Robert Slimbach’s newest design which a lot of people haven’t even seen yet (so far it has only been available as a registration benefit for CS5 customers) but I’m certain it will quickly establish itself as a flexible and reliable text typeface, and I’m pleased it will now get a wider audience.

Richard Lipton’s classic Bickham Script is one of our most popular display typefaces and a distinctive addition to the Adobe Web Fonts collection. More of Robert Slimbach’s work now available for Web use include Adobe Garamond, Caflisch Script, Cronos, and the “display” designs for Garamond Premier (based on Claude Garamond’s beautiful Gros Canon type).

For complete details on browser support, licensing, etc., check out the project FAQ.

August 05, 2010

(rt) Type: Radical cows, amputees, & more

• I love Massimo Vignelli’s “Melting Pot” typographical flag. (Click the image to enlarge it.)
• “I have found the greatest Unicode glyph name ever,” says Neven Mrgan.
• Uhh… I guess it’s better than “Stumpy’s” Prosthetics. (Hopalongs?)
• Dolce & Gabbana’s determined to ride that damn Mistral font all the way down, Strangelove-style (til it’s cool again?).
• Yuck: The “Hairvetica” Font. [Via]

July 03, 2010

Typography: Amazing hand lettering, bizarre old ads, & Han Solo

• De la vieja escuela:
  • Woodtyper.com offers gleefully archaic “Notes on Large and Ornamented Type and Related Matters.” [Via]
  • “No Flying Machines Over Seattle!” Discount menswear ad, 1917
  • Victorian-era Phaeton is excellent, and excellently named. [Via]
• Enjoy the gorgeous lettering of Irina Vinnik. [Via]
• Bizarre & excellent: “Wash your Han S.”
• Dave Cross shows off how to create a typographic portrait using Photoshop.
• PSDTuts features “53 Mind-blowing Uses of Typography.” I wouldn’t lay the praise on quite that thick, but some nice pieces are scattered throughout.

July 01, 2010

Zapfino: Kid-tested, designer-approved

Heh–my friend Matthew’s 3-year-old son Cooper is learning Illustrator (!), and here he reveals his taste in fonts:

[Update: Some WordPress voodoo is afoot, auto-destroying my object/embed code. Here's a link to the video.]

I’m with the little guy: we typeset our wedding programs in the big Z.

June 27, 2010

(rt) Type: Comic friggin’ Sans, World Cup type, & more

• “I’m Comic Sans, and I’m the best thing to happen to typography since Johannes f*ing Gutenberg!” [Via]
• The New Lens Flare: Typographical hotness courtesy of CSS3.
• Whating them in all night? The perils of careless font choices. [Via]
• Typographic World Cup t-shirts.
• “Ship It!” Check out this groovy pixel-paper card for Panic’s Transmit 4 launch.

June 21, 2010

Video: Classic jazz typography, animated

The work of Reid Miles comes to life as classic album covers get set in motion:

[Via]
Update: Here’s more info about the project.

June 09, 2010

(rt) Type: Never Gonna Give You Up edition

• “Jonas & Francois” make some seriously custom typographical footwear. [Via]
• Typographical Rickroll: you’ve been warned. [Via]
• “Kinetic typography” is often pointless and clichéd, but this Ten Commandments bit is nicely done.
• San Francisco is home to a calligraphic treasure trove? Who knew? [Via]
• “No.” is a blog purely of groovy numerals. [Via]

May 22, 2010

(rt) Type: Asian excellence, Hebrew remixes, & more

• Luscious type & more: “100 Artworks From the Top Digital Artists in Asia.”
• “Cutting libraries in a recession is like cutting hospitals in a plague.” Well said.
• Neat: Hebrew Translations of Latin Logos. (My Hebrew-speaking friends promise I’m not being punked! :-)) [Via]
• What possible need could the Adobe Seattle shuttle bus have for this??

April 27, 2010

Info on the fonts that ship with CS5

If you’ve ever wondered about prosaic but potentially important questions like

• What fonts are installed by the basic font set
• What additional fonts will be installed by the supplemental set
• What font set(s) each product will install
• What font set(s) each product will include on the product DVD

then check out this post from Nicole Minoza in Adobe’s Type group.

March 10, 2010

Colosseo: A letterpress rendering of the Roman Coliseum

You don’t need to be a type nerd to enjoy Cameron Moll’s new Colosseo letterpress project, a year-long labor of love:

The video starts a bit slowly, so if you’re pressed for time you can jump to the 4-minute mark where Cameron starts describing the project. Around the 6-minute mark you can see a time lapse of Illustrator being used to create some of the intricate textures on the building’s facade. Amazing stuff.

March 06, 2010

(rt) Infographics: Hot Pockets, transmogrifiers, & more

• All the ingredients in a ham & cheese Hot Pocket get laid out in a rad typographic poster. [Via]
• From XKCD: “Kid with Transmogrifier” FTW! [Via]
• Linzie Hunter makes fun, funky map illustrations. [Via]
• Massive infographic: Google facts & figures.
• This infographic “describes 95% of films, 40% of best picture nominees,” says Roger Ebert.

March 03, 2010

(rt) Type: Obsessions, apologies, and “little cows”

• Obsessive/productive:
  • Et tu…? It’s “300&65 Ampersands.” [Via]
  • CreativePro rounds up Jessica Hische’s full set of drop cap letters, from A to Z. Check out her site for higher-res glory.
• “Bestiary” features lovely type & color palettes.
• Letters as a war machine. (Gerwalk much?)
• The Panic guys cleverly used Helvetica slashes to emulate the look of air mail in email.
• Dig this letterpress “Ctrl Z” apology card; nerdy & sweet. (And yes, I too would prefer “Cmd-Z.” FWIW, our toddler calls the Cmd/Apple cloverleaf shapes “little cows.” Go figure.) [Via]

February 26, 2010

(rt) Type: Beasts, non-sequiturs, and more

• LAIKA is an interactive typeface, changing orientation and weight as its observers move. Check out the demo. [Via Craig McKibbin]
• Yours truly:
  • Awesome: Mike Rankin makes a wordcloud from responses to my “Sympathy for the Devil” piece [Via]
  • My old résumé site (c.1997) featured non-sequiturs flashing by above the text. Apologies to Douglas Coupland, Jenny Holzer, and anyone else whose text I ripped off. And no, I’m not going to show you the execrable rest of the site.
• Dearly departed:
  • RIP Bob Noorda, designer of the classic NYC subway signs. (I’ve got an enamel “Bklyn Bridge” original hanging in my office. I used to change trains there when I first moved to NYC.)
  • A headstone mourns the “soon-to-be-forgotten hyphen.”

January 13, 2010

(rt) Type: Knuckle sandwiches, painting with light, and more

• “This is for using Comic Sans, you bastard!” Check out more from Nebojsa Cvetkovic.
• Beautiful: Arabic calligraphy written with light.

• Alphabet City: Cool letters-as-buildings drawings from Scott Teplin. [Via]
• If MC Escher designed a typeface, it might well resemble Priori Acute. [Via]

December 24, 2009

(rt) Type: Know your history, Great letterpress, & more

• I love this groovy letterpress typesetting from Perky Bros.
• Know Your Type: Histories of Futura, Clarendon, and other faces.
• If at first your get-rich-quick scheme fails to draw suckas, just promise another zero.
• “Ligature, Loop & Stem“: Beautiful typographical products, gratuitously obtuse nav.
• The alphabet spelled out using letters from famous logos.

November 22, 2009

(rt) Type: Krakens, font finders, & more

• “This typography is making me thirsty…” Check out Kraken rum. (I think I met this beast on honeymoon.)
• Adobe’s cool Font Finder lets you dial in parameters to browse 2,200 typefaces.
• Here’s an interesting type treatment for an alternate iPhone lock screen.
• Clever JavaScript trickery = Scollbar typography. [Via]

November 02, 2009

(rt) Type: E.Coli as font, El Vetica, & more

• Handmade:
  • Jessica Hische has posted an alphabet’s worth of gorgeous “hand-crafted decorative initial caps” on Daily Drop Cap. Her portfolio site is pretty bitchin’, too.
  • I dig the hand-drawn swoops of Si Scott’s typography.
• Type + Luchadores = Radness. Check out El Vetica. [Via] (Gratuitous personal tangent: You cannot handle the cute.)
• A typographical infographic: Popular Names in Popular Music, 1891-now.
• Perfect for a new Jack in the Box logo design? Dutch Designer Wins €10,000 for a Font Grown From E-Coli. [Via Marc Pawliger]

October 16, 2009

(rt) Type: German chronographs, Photorealistic 3D type, & more

• Looks like a cool tutorial on “extreme typography” in Illustrator (full reading requires site membership).
• Gollum-flavored license plate spotted at lunch: PRSHSSS. We likes it…
• “IT IS TEN PAST NINE…” Cool German timepiece. Even comes as an iPhone app! [Via]
• Nerd-tastic Cmd-Z necklace.
• Quiz: So you think you can tell Arial from Helvetica?
• Motion
  • Kinetic typography (photorealistic 3D text as metalwork). Here’s the background info.
  • The “Bored to Death” titles feature fun typography in motion.

October 04, 2009

A little Adobe-flavored bloodletting

Longtime InDesign PM Will Eisley has decorated his inner forearms with some bold type (larger image). Replying to my sharp-eyed wife, he says, “Yes, the marks are color and grayscale bars which are part of InDesign’s printing marks.” Hard core.

Next up, he says is “a series of 3′s in ITC Franklin Gothic Heavy. One of the best 3′s in all of typography, IMO.” Will also recommends checking out Body Type, dedicated to tattoo typography.

Previously:

• The Adobe logo as tattoo
• This blog’s logo as tattoo

[Photo courtesy of John Cornicello]

September 25, 2009

(rt) Type: From gorgeous to (literally) cheesy

• Beautiful collections:
  • Typarchive is all about hand-lettered sweetness. [Via]
  • “For Your Ocular Amusement…”, it’s LetterheadFonts.com. You knew I’d love these ones. (via Marc Pawliger)
• “Smart, tough, and sexy. Hello Tungsten.” Great font, great name. [Via]
• Windows termination-inspired:
  • Computer lingo x Huge typography = Political statement.
  • Nerdiest/most painful/most puzzling typographic tattoo ever?
• Fun, splashy type treatment for NY Times “T” Magazine.
• Hah! Cheese or Font? (It’s no “Food, Sex, or Cars?,” however.) [Via Adam Jerugim]

September 19, 2009

Stop-motion grooviness: Type & Legos

Being a fan of stop-motion filmmaking, I thought I’d share a couple of great recent finds. (Full-screen viewing recommended in both cases.)

“Handcrafted with love by BYU design students and faculty, for the 5th Typophile Film Festival. A visual typographic feast… Everything in the film is real–no CG effects!” [Via Marc Pawliger]
Meanwhile, as for “8-Bit Trip,” good lord:

“1500 hours of moving Lego bricks and taking photos of them.” And I thought Gondry’s Fell In Love With A Girl vid was extreme. [Via]

September 16, 2009

Wednesday Type: Sentient muffins, Kerning in space, & more

• “63 expletives, 1 sentient muffin.” Yeah, that’s a pretty typical morning for me. We Are The Friction.
• “Kern All Letters Before Fuel Runs Out.” (All Your Glyphs Are Belong To Us.) Peep Veer’s Kern In Space.
• I’ve been enjoying the typography in the new Absolut ads ; Here’s the whole set of videos, spelling out their message.
• xkcd has fun bustin’ on Papyrus. [Via Tapani Otala]

August 30, 2009

(rt) Type: The Bonassus, OCD, CSS, & more

• All hail the Bonassus! Fun vintage typesetting. (And check out the back story from Ricky Jay.)
• A map of Paris, expressed as linocut typography. (The ‘net loves it some OCD madness…)
• Typarchive offers up some hand-lettered sweetness. [Via]
• “Quick“: a nice little type-nerd joke. (And by the way, what’s the deal with quick brown foxes in type, anyway? CreativePro explains.)
• I dig the big, bold CSS typography of Oliver Kavanagh. [Via]

August 17, 2009

Cool interface demos o’ the day

• SLAP Widgets are “real live plastic and silicone objects that are used in conjunction with a multi-touch table to allow users to control interface values through physical push buttons, sliders, knobs, keypads and keyboards.” Here’s a very cool (albeit slow-loading) video of the system in action*. (Can Slap Chop integration be far behind?)
• Fontplore is “an interactive application designed for searching and exploring font databases… It does all that on an interactive table, using tangible objects to navigate and control actions.” The site includes a brief video demo.

I keep wanting to see great font exploration & management built into Adobe apps. TypeDNA offers a cool Photoshop-plug-in, using optical character recognition to determine a given font’s name, suggesting font harmonies, and more. I’d like to see these concepts taken even farther, offering browsing, comparison, activation, and purchase in all Suite apps via Flash panels.

* Who knew that Frustrated Total Internal Reflection is a multitouch technology & not just the story of my teenage years (okay, most of my years).

August 03, 2009

(rt) Type: Graffiti, lard, & cars

• Check out this groovy typographic soap. [Via] (Zalman Stern remarks, “Yeah, just two questions for the creator: What is the font? and Have you ever been asked to leave a liposuction facility under suspicious circumstances?”)
• Writ large: use a Toyota to draw each letter of a font. [Via]
• BuzzFeed rounds up some hipster bathroom graffiti. [Via] (At Georgetown, dudes made a million grout puns (“Grout Scott,” etc.).)

July 17, 2009

(rt) Type: Clever logos, tiny letterpress, & more

• Hope & Fear, nicely typeset
• TypeInspire: Typographical inspiration o’ the day (via @motionographer)
• Super cool tiny letterpress books
• Logo Inspiration With Clever Typography (via @bbb_999)

July 09, 2009

Classic type, new and old

• Inspired by WPA posters, Jeff Knowles and Neville Brody created the typeface New Deal for the new film Public Enemies.
• BibliOdyssey pulls some highlights from the Pratt Institute Libraries’ collection of more than 1200 Ex Libris (bookplate) images. (The F. Ranis piece is among my faves.)
• Check out the excellent (and excellently-named) Phaeton, from Kevin Cornell & type designer Randy Jones. See also Randy’s similarly cool Olduvai. [Via]

June 26, 2009

Friday Type: Animated excellence, great logos, & more

• In motion:
  • Chris Gavin’s stop-motion TXT ISLAND rocks*.
  • “This summer…,” it’s Big. Red. Text! [Via]
• Bleh:
  • Why can I not resist mentioning this jock strap font?
  • Bibliodyssey features a “Grotesque Alphabet” from the 16th century.
• Logos:
  • myInkBlog rounds up some cool Logo Inspiration With Clever Typography. [Via Bruce Bullis]
  • To that batch, I’d add this Mummy logotype.
• Music:
  • Metallica’s “Master of Puppets” rendered in the Modernist style. [Via Khoi Vinh]
  • Check out the Chopping Block’s billowing treatment for Phish.

* To quote a YouTube commenter: “When I saw all the cranes piling up the buildings, I though ‘OMFG, this guy is nuts! Look at how much time he spent!’” Agreed.

June 23, 2009

Tip: Committing a text edit in PS and AI

Reader “ray” brought up a good point:

“On the mac, when editing text in Photoshop, hitting the enter key finishes the edit* and deselects the text. Hitting escape cancels the edit and reverts the changes.

In Illustrator, hitting enter inserts a carriage return (line break), while hitting escape finishes the edit. This inconsistency is very frustrating, as my muscle memory for these actions is constantly wrong.”

Understood. There is a consistent alternative, though: in both apps, hitting Cmd-Return/Ctrl-Return will commit your changes. Hope that helps.

* Note that on the Mac, Return & Enter are different keys. Return inserts a carriage return (line break), and Enter finishes the edit. Cmd-Return and Cmd-Enter both finish the edit. So, when you want to be done editing text, just remember to add the Cmd/Ctrl key + Return/Enter regardless of app/OS and you should be all set.

May 27, 2009

Wednesday Type: Things made from things

• “Clock Clock” turns 24 analog clocks into one big “digital” display.
• This Rubik’s Cube stamp promises to print the entire alphabet.
• Thomas Broome builds worlds out of subtle lettering. [Via]
• In a similar vein, H5′s video for Alex Gopher constructs a city of words (screenshots).

May 21, 2009

Thursday Type: Steve Jobs, flying milk, & more

• Dylan Roscover has used typefaces from Apple ads to render a beautiful portrait of Steve Jobs. (Make sure to click the image to see a larger version.) [Via] Fair warning: seeing this portrait gave me weird dreams.
• To borrow from AJ Soprano, “What, no {freakin’} Papyrus??” Still, this take on photographers’ logos rings pretty true.
• Milk goes airborne to create letters in Jónas Valtýsson’s Sequences project.
• Yulia Brodskaya works in cutout paper, lending dimension to pretty swashes.

• Overviews & tutorials:
  • Photoshop forum user Phosphor has written up detailed tips for navigating through & editing text in PS.
  • On PSDTUTS, Alvaro Guzman has created A Comprehensive Introduction to the Type Tool.
  • Alex Beltechi shows How to Create a Richly Ornate Typographic Illustration in Photoshop.

May 11, 2009

Monday Adobe news bits: NYT Reader, “Clean” font, & more

• The New York Times has ditched Microsoft’s WPF technology and has introduced Times Reader 2.0 a 2.4MB Adobe AIR application. The app downloads & displays the entire day’s Times (including an interactive version of the crossword), so you can carry it wherever you go (e.g. planes, trains). Here’s a quick demo plus the download link. [Via]
• Adobe is getting a new corporate typeface that you’ll be seeing in future product updates. Clean (screenshot), designed by Robert Slimbach, is already used in the two-character application icons. (“PS,” etc.) [Via]
• Samsung’s new LED flat-screen TV has Flash support built in, enabling developers to deliver richly interactive content on these screens. I’m not sure about streaming HD video, but Adobe’s Digital Home announcement at NAB last month talked about embedding Flash for that purpose. (Flash Player PM Justin Everett-Church recently bought a Samsung TV and discovered that the TV’s documentation ships as SWFs on a USB memory stick.) [Via Mayank Kumar]

May 10, 2009

Sunday Type: Letters as particles, leaves, & more

• Stihl takes a whack at the news with their various power tools.
• Motion
  • Type materializes, swirls, and explodes in this Audi “Filter” spot. The making-of piece makes one appreciate the enormous labor that goes into even a short piece.
  • Mercedes-Benz drives through a world of type. Love that lightning.
  • Nico Casavecchia’s La Mancha uses type to beckon viewers to “the Spain of Don Quixote.” (Man do I wish I could speak Spanish in that voice; I could really irritate the family.)
• Furniture
  • The laser-etched Type Tray is meant to keep your, ah, family ampersands frosty.
  • Dig this “Limited Edition” chair (for anything but sitting, of course).

April 14, 2009

Quick text tips for Photoshop

I’ve recently had gotten a few type-related questions, so thought I’d jot down a few suggestions:

• Support for type styles (i.e. the ability to define a set of text characteristics as a style, then to modify the style & have text layers updated) was the top requested feature among those I proposed to improve management of complex PSDs. Photoshop doesn’t yet support type styles, but in the meantime a couple things may help:
  • You can select multiple text layers at once, then change their characteristics via the Character & Paragraph panels. Shift-clicking or Cmd/Ctrl-clicking works, or you can select a text layer, then choose Select->Similar Layers to select other text layers.
  • You can grab the type tool, set up the characteristics you want, then make a new tool preset (Window->Tool Presets, or hit that T-shaped icon in the upper left corner (y’know, the one that neither you nor any other human being has clicked :-)). You can then choose among these presets via the Tool Presets panel.
• Adobe Evangelist Julieanne Kost pointed out a trick I didn’t know: “To change the Type tool’s default options, the key is to close all documents. Then choose the Type tool and select your font family, style, size, anti-aliasing, alignment and color. Whatever options you choose, will become your new default.”
• Julieanne makes another good point: While typing text, hitting Return will add a line break instead of getting you out of text mode. Hit Cmd-Return (Mac)/Ctrl-Return (Win) to get out of text mode.

For more info, see my old 12 Tips for Photoshop Text post.

April 03, 2009

Friday Type: Skulls, posters, & more

• Having grown up on skate graphics, I dig Ray Frenden’s hyperkinetic hand lettering.
• I want your skulls… Turn type into a 3D-looking death’s head in this tutorial.
• I love the excellent simplicity of these Really Short Films.
• Olay buries numerals in their new ads.
• Peep this Typographic World Map by Russian artist Vlad Gerasimov. [Via]
• typo/graphic posters delivers… well, you know. And lots of ‘em.

March 15, 2009

Sunday Type: Fast cars, tiny letters, & more

• Need for Speed: The Art of the Title Sequence shows off some great examples of high-speed type & imagery from movie title sequences.
• The Periodic Table of Typefaces drops some serif science. [Via]
• Aoyama Hina makes ridiculously delicate, intricate papercut lettering. More photos are on Flickr.
• Smashing Magazine has rounded up 50 Stunning Photoshop Text Effect Tutorials (more than a little overwhelming, but sure to contain some gems).
• Sometimes one letter makes all the difference.

March 08, 2009

Sunday Type: Comics, zombies, & more

• Poor Papyrus: It’s on the hit list of this Simple Pledge. (Man, next thing you know, photographers will be told that black jeans & fanny packs are on the way out.)
• “We meet again, my dear doctor…” Blambot presents a detailed but accessible survey of Comics Grammar & Traditions. [Via]
• Graphic Mania features a roundup of fresh 3D typography. The fountain of type for the Zune Marketplace sorts me out.

• “Nazi Zombies!!” Austin, you have been warned.

February 16, 2009

Slick typographic apps: Hidden messages & more

• Stewart Smith’s Histoface lets you embed secret text into an image’s histogram, making it show up in Photoshop’s Levels dialog. That’s rad. IronicSans has the details. [Via Nicolas Chaunu]
• “Whip out your iPhone and snap a photo, and WhatTheFont for iPhone will identify that font in seconds!” How freakin’ great is that?
• If that’s up your alley, check out i love typography’s round-up of iPhone typography apps.
• TypeDNA’s interesting FontShaker offers “a new way to visually explore the fonts you have installed locally using Flash. It also gives you a place to save comments, tags, rating and samples… We have also started to add the ability so that you can open a font file in Photoshop from the flash movie.”

February 02, 2009

Typographic density & more

• Density:
  • The groovy Wordle is “a toy for generating ‘word clouds’ from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes.” So go rock it! [Via]
  • 389 Years Ago charts African American history.
  • Missed Connections turns Craigslist notices into attractive maps. [Via]
  • This year’s Grammy Awards feature a typographical portrait of Thom Yorke. [Via]
• Double Buttcheek Score: Scrabble-inspired pillows are among 15 typography-based objects. See also the
  Scrabble keyboard. [Via Bryan O'Neil Hughes]
• Jen Renninger brings the feel of old-school flash cards to her Modern Design deck.
• Authentic Ink is a drippin’ good old fraktur font.
• Hand-made fonts beg to be touched. [Update: Reader Hanford Lemoore reports getting malware notices with the link, so I've removed it from the main text.  I'm not seeing any problems (at least via Mac browsers), so here's the active link if you still want to click it.]

January 10, 2009

Saturday Type: Zoos, “Buckets of Fail,” and more

• The NYT features the nicely typeset Buzzwords of 2008. (Let’s hear it for photobombing!)

• Design Won’t Save the World…: Wow, that’s some bracing feedback.
• Jamie Gregory has made a super fun Zoological Typeface, specifically for zoo signage. [Via]
• Just My Type constructs the entire alphabet using just linear & radial gradients.
• Fabio Sasso shows how to create “smoke type” in Photoshop in 10 steps. (See PSDTUTS for lots more PS/smoke-related inspiration.)
• Here’s a large set of the opening titles of B-movies. (Buckaroo Banzai was a B-movie? And Dune?) [Via]

January 06, 2009

Tuesday Type: A great utility, more tiny Obamas, & more

• Flipping Typical is a beautifully simple, browser-based way to compare words set in the different typefaces installed on your computer. Awesome. The “WTF?” (About) page contains more info. [Via]
• Type from novel objects:
  • Garamond powerline
  • Obama dingbats
  • Molecular typography [Via Tapani Otala]
• Talk about “The tyranny of choice”: YouWorkForThem rounds up “300 of the best digital Blackletter typefaces.” If there are 300 “best” ones, how many must there be in total? And how many could a person need?? (My logotype above is a mash-up of two.)
• Paris-based nobrain has created a whole series of groovy 5-second identities for France’s TF1. [Via]
• Ecofont claims to use 20% less ink than other fonts. [Via]

January 04, 2009

Mo’ betta Star Wars text

Adobe’s Russell Brown has one-upped (ten-upped?) my suggestions for creating Star Wars crawl-style text in Photoshop.  He’s created a video demo that shows off the whole process and adds some new twists.

Previously: Russell did something similar with my 12 Tips for Photoshop Text, producing a demo that busts out the tip list to 16.

December 28, 2008

“Star Wars, nothing but Staaar Waaars…”

Now that Flash CS4 offers “postcards in space”-style 3D transformations, you can do all sorts of simple, interesting things. On CreativePro.com Jeremy Schultz has posted a tutorial on creating a Star Wars-style text crawl using the new app.

Photoshop CS4 offers a couple of interesting new ways to do something similar. First, because Smart Objects in CS4 now support perspective transformations, you can create some text, then transform it non-destructively while keeping everything editable. Here’s a quick recipe:

1. Create your text. I suggest clicking & dragging out a rectangle using the text tool, then pasting in your text.

2. Choose Layers->Smart Object->Convert to Smart Object.
3. Hit Cmd-T/Ctrl-T to enter Free Transform mode.
4. While hovering over one corner of the transform rectangle, hold Cmd-Opt-Shift/Ctrl-Alt-Shift, then start dragging. Hit Enter/Return when done.
5. To change the perspective effect applied to the Smart Object, just hit Cmd-T/Ctrl-T again and you’ll be right back where you were. To edit the text, double click the SO layer to edit the original content in its own window.

Photoshop CS4 Extended offers another cool option as well: turning the layer into a 3D postcard. Try this:

1. Create the initial text layer as described above.

2. Choose 3D->New 3D Postcard From Layer.
3. Hit K on the keyboard to select the 3D Rotate Tool.
4. Click and drag on the layer to rotate it in 3D space. Try holding Shift, then clicking and dragging vertically.
5. Alternatively, use the on-canvas 3D manipulation widget and/or the other object/camera manipulation tools to rotate the 3D postcard layer.
6. To edit the text, double click the name of the text layer listed in the Layers panel beneath Textures-Diffuse.

Is one method better than the other? Not necessarily. Going the Smart Object route, you can use regular Photoshop transformation options & directly apply filters non-destructively. (Plus, of course, you’re not required to own Photoshop Extended.) The 3D postcard method offers much richer ways to manipulate the object using real 3D effects–for example, changing the focal length of the camera that’s viewing the text. It also lets you apply 3D lights, etc.
One other thing: After Effects has supported postcards in space for many years, and the Adobe Exchange features a downloadable template for AE that makes the Star Wars effect easy.

Thanks to Bill Murray for the title inspiration.

December 21, 2008

Sunday Type: NYC to GA

• In my office I’ve got a black metal-and-enamel “Bklyn Bridge” sign from the subway station where I used to switch trains when I was new to New York. (No, I didn’t steal the sign–though I didn’t ask the seller a ton of questions.) I miss the city, and I enjoyed reading The (Mostly) True Story of Helvetica and the New York City Subway. [Via]
• “Mmm… sexy type.” Seb Lester has skills. Check out his lovely F-bomb. [Via]
• John Boardley of “I Love Typography” has started the My Favorite Letters Flickr Pool where you can share you favorite letters of your favorite typefaces. [Via]
• Filippo Minelli’s Contradictions project “writing the names of anything connected with the 2.0 life we are living in the slums of the third world is to point out the gap between the reality we still live in and the ephemeral world of technologies.”
• Type-related quip o’ the month: “The runoff in the Georgia Senate race was won this week by Saxby Chambliss, who is the incumbent Republican senator and not, as I believed, an obscure font.” –Amy Poehler

November 24, 2008

Monday Type: Star Wars, light paintings, & more

• I don’t see an image credit, but Love Letters may get you pining for a Selectric.
• Arabic calligraphy: lovely. Painting with light: groovy. Check out the combo.
• Flickr user Maura has amassed a collection of great bottlecaps. [Via]
• The site also features a set of Star Wars ABCs. (Let’s hear it for Porkins!)
• Smashing Magazine hosts a huge round-up of vintage & retro-styled type.
• 3D
  • GoMediaZine has an interesting tutorial on using Illustrator + Photoshop to create non-cheesy 3D type.
  • Dig this extruded Print Magazine cover design. If it’s up your alley, see also the hugely detailed making-of article.

September 14, 2008

Vintage Sunday

• "Dyna Moe" has produced the excellent series Mad Men illustrated.  (Yes, I resisted watching that show for a long time, then gave up.  You should, too.)  Love Peggy, Sal, and Joan, but Don looks too generic & happy.  Useful bonus: Sally Draper’s Cocktail Cheat Sheet. [Via]
• Veerle rounds up numerous classic movie title sequences.  The premium-blend mentholated Thank You For Smoking would fit right in on Mad Men.
• Gene Gable’s posted a great collection of letterheads.
• Motortype: Adam Polselli rounds up a set of lovely vintage car logos.
  

August 07, 2008

Thursday Type: The sacred & profane (well, mostly profane)

• Good use of bad words:
  • Why America is [Screwed] Graphically, At Least puts the "graphic" back in graphic design.  Coarse, but really funny.  [Via Bryan O'Neil Hughes] [Update: New video URL thanks to Mark Ross.]
  • Legibility: that’s how I roll.
• Check out JK Keller’s very cool Slitscan type generator for Illustrator [Via Maria Brenny]
• Photography:
  • Richard Roche shares 10 great photos of found type.  I love the "Alaska" boxcar especially. [Via]
  • The Gallery Hotel Art in Florence keeps its lettering on the DL, using bent wires that spell the hotel’s name in a shadow when lit by a spotlight.
• Logos:
  • Dig this "TypeFACE" logo.  (Much better than making an L on your forehead.)
  • This bit of UK pride riffs smartly on the classic "I {Heart} NY."
  • So does the CityRacks bike-rack project logo.

July 24, 2008

Write Here, Right Now: Font vids o’ the day

• Font Conference Disrupted by Kidnapper: "In a shocking development, Ransom hijacked the conference’s AV system and interrupted the contentious debate with a threat to Courier and his daughter, Curlz MT."  Deeply, deeply nerdy… but funny & well done.  Check out the video. (I’m gonna look at Futura in a whole new light.)
• Write Here, Right Now: Gemma O’Brien (?) is a true woman of letters.  Now she’s posted the making-of video.  Yeah, that’s gonna leave a mark.
  

July 17, 2008

Great #$!@!’in Type

• What the %@^! does one call those "random non-alphabet characters to indicate cursing?"  Answer: Grawlix.  (Bonus cutting aside: "Is that the sound of a designer waiting for Adobe Updater to complete?"  Oh, from the top rope!) [Via]
• On Flickr, user "el estratografico" collects "retronomatopeya"–classic sound effects in cartoons.
• Batman may have gone all modern & hardcore, but "Las onomatopeyas o Batsigns" showcases the sound-effect renderings of his classic, corny past. [Via Rob Corell]
  

July 14, 2008

Monday Type: Vintage bits, hand jives, & more

• In their Sunday Vintage Type post, i love typography shares more good links than you can eat.  It’s worth a click if only for that first gorgeous Karmann Ghia logotype.
• Hands of Fate:
  • I dig Douglas Wilson’s Vernacular Typography Polaroids–Polaroids taken of mostly hand-painted signs over the past four years all across the United States. [Via]
  • Do great typographers have great handwriting?  Judge for yourself.  [Via]
  • Type seldom looks worse to me than when a faux-handwriting or brush font gives itself away via perfectly repeated characters.  House Industries shows off how automatic character substitution through Open Type addresses the problem. [Via]
• On the Web:
  • Typetester lets you compare multiple typefaces easily.  (This is the sort of thing I’d love to see running in streamlined form as a Flash or AIR panel inside Creative Suite apps.)
  • Ralf Herrmann reviews kerning & Open Type features in Firefox 3 .  (A Web browser supporting ligatures?  I really never thought I’d see it.
• Think type is too easy to steal?  Fight back with a 17.5lb cast iron ampersand. Bam!
• Photoshop type chops:
  • Veerle shows off the use of Smart Filters on text in Photoshop CS3.
  • Create reflective liquid type in Photoshop.

June 13, 2008

Type as illustrations & more

Letters as shapes:

• Cameron Moll talks about techniques for designing with type characters–creating shapes and illustrations using just letterforms.  "Don’t attempt this in one sitting. I take it back–this is the most important tip. Not only is type character designing extremely time consuming, it’s also monotonous work that requires a constant zoom in, zoom out dance to get things right."
• He points out some cool examples of these techniques in action, including the all-type design for the Seed Conference.  (I know I’m betraying my age & lack of CSS currency, but I’m surprised by the typographic fidelity that’s possible in modern Web browsers.)
• He also points to Veer’s Flash-based Type City, an interactive journey through buildings made from letterforms.  (Lovely letterpress prints of the pieces are available.)
• Related bits from the archives: Bembo’s Zoo is a fun bestiary from Roberto de Vicq de Cumptich & Matteo Bologna’s; click any letter to see it turn into an animal made from letters.  If that’s up your alley, peep their follow-up in the type-based portraiture in Words at Play.

On other fronts:

• Bembo: First Blood is just one of dozens of typographically inspired movie titles. [Via]
• Ever wanted to see the typographic love child of Garamond and Zebrawood? [Via]

• I haven’t tried it myself, but Macworld reviews & recommends Path Styler Pro for creating stylized type & logos.
  

May 21, 2008

Viva frilly bits

Who doesn’t like the occasional dingbat & swash?

• Cameron Moll demonstrates great attention to detail with the little embellishments on his site.  In response to reader questions, he offers 25 resources for ornaments, fleurons, and "frilly bits."
• On a related note, Illene Strizver answers questions about typographic dingbats on CreativePro.com.
  

April 23, 2008

Beards, Big B’s, and other type bits

• Build fonts right in your browser via the very cool FontStruct. [Via Chris Kantarjiev]
• My friend Bryan sometimes grows what’s known as The Beard, a semi-autonomous entity with its own wants and needs (e.g. "I’m not quite ready to go, but The Beard is getting antsy"; "The Beard will speak now…").  This font would be perfect for him–er, them. [Via]
• The Sulzbacher Eszett celebrates forms of what I’ll always think of as "that German Big B thing."
• Say it with me, say it with your chest: I {Heart} Transitive Pictographic Verbalizations!
• One of my favorite artists, Jenny Holzer, projects the poetry of Wislawa Szymborska. [Via]
• Receding Hairline features Ten typographic mistakes everyone makes.  (C’mon, you know you’re curious.)
• Piranha Bar has fun mixing fun 3D-ish text with illustration in a pair of spots for Failte Ireland.  Background is in this article.

March 29, 2008

Saturday Type

• I’m not quite sure what it has to do with bags, but I like the offbeat letter animations at Crumpler ABC. [Via]
• Making things from type:
  • London Kerning: check out a map of London constructed entirely out of type. [Via]
  • I came across this nice portrait in the Flickr Typography Friday pool.
• Historic:
  • BibliOdyssey surveys pretty lace typography.
  • Zeva Oelbaum photographs hidden Biblical marginalia. [Via]
• Design Meltdown presents a selection of sites featuring Giant Type.  I like Citrus7 in particular.
• Check out "Big Cyrillic pixels" from Fiodor Sumkin.

March 26, 2008

Fire, ketchup & Aquafresh = typography; more

• 7 hours + a lot of gasoline = Fire Poi typography. [Via]
• The crew at Autobahn has created fonts by squeezing out what looks like ketchup & Aquafresh, then digitizing the results in Illustrator.
• I Love Typography wants you to feel the love with their iPhone wallpapers.
• For more love try Times Square and this collection of 15 love banners.
• "Liam Ealone": Give people a type-savvy brush-off with None Of Your Business Cards. [Via]
• My mom learned to type years ago and still uses the numeral 1 in place of lowercase L’s (which evidently weren’t on her generation of keyboards).  Mabye she wi11 enjoy a whole blog devoted to signs written in all caps, except for the l’s. [Via]
• Father and son (?) team paint the alphabet together in 4 minutes. (Maybe it’s because I’ve been up since 2am due to fatherhood, but somehow the result is cooler than it may sound.)
• Argentina’s Sudtipos foundry creates a swatch-rich environment.
  

March 24, 2008

3D text goodness

• Marion Bataille’s ABC3D popup book looks terrific; here’s a video of cruising through the pages. [Via]
• You The Designer features 25 Tasty 3D Graphic Design Treats, all centered around lettering.

Side note: I keep trying to tell developers that I think there’s an opportunity to knock together a very simple 3D extrusion/adjustment environment as a Photoshop plug-in, leveraging PS CS3 Extended’s ability to manipulate 3D layers.  No one has yet seized the opportunity, but I’ll keep trying.

March 21, 2008

Type In Motion

• Motion graphics firm National Television lays on the delightful treatments in these two spots for British Airways. [Via]
• Pixar artists put more love into the margins than most folks do into the main subject.  If you like their work, check out Thunder Chunky’s interview with Pixar title designer Susan Bradley. [Via]
• Typeflash lets you whip up animated text, then share the results.
• Retro fabulosity:
  • The video for Justice’s DVNO is loaded with old-skool action. [Via]
  • Design firm Laundry lays down some splashy type stylings around their site.  Click the Virgin Mobile (which is not, as I first read it, “Virginmobile”) link to see some diggable animations. [Via]
• Always hilarious: Tenacious D’s Inward Singing (loaded with profanity, just so you know before clicking).
• Designers Leroy & Clarkson put type in motion for Bio, the biography channel. [Via]
  

March 05, 2008

Recent Typographic Tastiness

• The Uppercase Journal features a collection of great-looking vintage typewriter tins.
• Flickr features a “Folk Typography Pool,” consisting of lettering found all over the place.  I especially like the now-requisite Obama imagery.  The whole thing reminds me of how notoriously bad auto body shops’ signs are–a phenomenon honored in Brian Stuparyk’s free MC Auto font.
• Speaking of bad:
  • What results from bad kerning? Keming. Love it. :-)
  • Apostrophe Atrophy is a photographic collection of bad typography. [Via]
  • That’s gonna leave a mark: Wrong Font Chosen For Gravestone.  (At least it wasn’t Comic Sans.)
• How excellently simple are these Oil of Olay ads?
• Design Week honors the top film title designs of 2007.  Pity that we can’t see them in motion here.
• Peep Craig Ward’s illustrative typography and typographic portraits. [Via]
  

February 02, 2008

Saturday Type: Lip tats to Woody Allen

New alphabets have emerged:

• With his Twenty-Six Types of Animals, Jeremy Pettis uses type for “channelling the essence of the beast.” [Via]
• The Daily Mail has amassed a rather amazing butterfly wing alphabet–each letter found in nature. [Via]
• Ow, ow, ow: if you’re not too squeamish, check out Thijs Verbeek’s Clothespin & skin alphabet. [Via]  (In a similarly painful vein (no pun intended), how about a little Mozzer on your lips? [Via Bryan O'Neil Hughes])
• The Politically Incorrect Alphabet is more cute than offensive. [Via]

Elsewhere in the world of type…

• Fun with cultural detritus:
  • I dig Symen “Enkeling” Veenstra’s lovingly crafted Spam Series. [Via]
  • The Surrealist riffs on the visual language of England’s gossip rags with this tabloid text generator.  (I’m waiting to see a Swedish version.)
• Also hailing from Jolly Ol’ is this rotting London grocery store sign.
• You’ll want to don safety glasses before inspecting these flair typefaces from the 70′s (scroll down til you hit the motherlode).  My wife will always refer to Bookman as “that yacht club font.”  [Via]
• Staying on the them of puke induction, what’s up with the font used for The History of Visual Communication?  Type is a little like wine with me, in that I never feel confident in my tastes.  In both cases I’m kind of reassured when I hit something and can say, “Okay, that’s just foul.”
• Type goes beautifully, organically creepy in this ad for The Spiderwick Chronicles.
• BibliOdyssey features a terrific collection of historic ornamental typography.
• Cristian Kit Paul chronicles Woody Allen’s typographic repetitions.  Apparently the choice of Windsor goes back to asking designer Ed Benguiat for advice over breakfast. [Via]

January 29, 2008

State of the Typographic Union

The frontrunners: Sens. Barack Obama and John McCain.  So says the Boston Globe, analyzing the type treatments of the US presidential candidates.  Of Obama: “Clean pen strokes evoke a well-pressed Armani suit.”  Of McCain: “Everything about this logo says you can buy a car from this man.”  [Via reader Tim]

Elsewhere in the world of type:

• 3Dishness:
  • Nik Ainley (previous) discusses his 3D typographic techniques on Digital Arts. [Via]
  • Nelson Balaban goes in a similar direction with Xtrabold. [Via]
  • John Caserta’s “Dimensional Forms” are 3D foam blocks that can assume the appearance of different letters when seen from different angles.  Check out the video on the left. [Via]
• FontShop has revealed their picks for Top Ten Typefaces of 2007.
• Tania Mouraud goes enormous with How Can You Sleep.
• Were these guys trying to be ironic? [Via]
• The Musalman, operating since 1927, is the only handwritten newspaper in Asia.  The Last Calligraphers tells its story. [Via]
  

January 12, 2008

Urban typography & more

• Years ago, the design group at AGENCY.COM (of which I was part) was treated to a fun and informative talk from typographer Jonathan Hoefler.  He showed & discussed snapshots of type found just in our area around NYU, and in 2000 his partner Tobias Frere-Jones undertook a study of building lettering in New York (see samples).  Now their company (Hoefler & Frere-Jones) offers Gotham, a typeface inspired by the city’s visual vernacular.  The site offers a cool way to test drive typefaces, Gotham included.
• Post Typography makes all kinds of visual goodness, typographic & otherwise.  Dig their Daydream Nation in particular, plus the subtlety of Home.  And though it’s not type per se, I like the look on this little dude’s face.
• OCD yeah you know me: Non-profit Broadcloth fills in letters like there’s no tomorrow. [Via]
• Mark Simonson’s Mostra offers Art Deco tastiness. [Via]
• Oded Ezer’s Typosperma project, designed “to create some sort of new transgenic creatures,” is… well, it’s real different.
• The Atlantic features a video interview with Michael Bierut about typography and design. [Via]
• Want to bump up the grade on your term paper?  Use a serif font like Georgia & leave the sans serif strugglaz in the dust.  (Hmm–I wonder how this applies to what people think of the blog.) [Via]
  

January 03, 2008

CSS weasels rip my flesh

Having just stumbled across the crazy-handsome I Love Typography, and having just talked about The Elements of Typographic Style being applied to the web, I have to slap my forehead–again–at my inability to get this blog to look consistent across browsers.  You might think that after 14 years of development, Web browsers would have made all this a non-issue.  You’d be wrong.

I’m specifically irked that I can’t get Firefox to display the titles of posts at anything approximating the correct size.  Check out how they look in Firefox vs. in Safari & Internet Explorer.  Typically it’s IE that gets taken to the woodshed for its standards-compliance, but in this case Firefox is the odd man out.  (Tell me, though, that both Windows browsers’ failure in 2008 to anti-alias the text is just an artifact of my running Vista on a Mac.  Please…?)

I’ve been using Cultured Code’s beautiful little Xylescope app to inspect my pages & tweak the CSS values.  Safari & IE respond obediently when I tweak the size of h3.title; Firefox, eh, no response.  And it’s obviously possible to get Firefox to honor font sizes; the author name on this page, for example, renders the same in Safari & Firefox.

I also failed to understand why the appearance of the comments area would differ between Safari and Firefox (the latter showing the text much larger).  Now that I’ve updated to Safari 3, though, I see that it displays the text as Firefox does.

I spent the early part of my career wrestling with browser incompatibilities, so I know this kind of thing shouldn’t surprise me.  I guess I just figured that, all these years later, something so simple should be a no-brainer.

Tangentially related: Man Against Weasel.

[Update: Thanks to Mark and Fredrik and their super quick & accurate suggestions, I've been able to nix the FF rendering problem. Viva the wisdom of crowds.]

Type, from the Bible to the Beatles to Browsers

• Calligrapher Donald Jackson approached the Benedictine monks of Saint John’s University and Abbey in Collegeville, Minnesota, with his life-long dream: to create the first handwritten, illuminated bible commissioned since the invention of the printing press.  You can see numerous samples & read more about the process in this Library of Congress exhibition.  The Adobe type guys have been screening a BBC documentary on the work here at the office.
• Experimental Jetset created the "John & Paul & Ringo & George" shirt, only to be "sincerely flattered" by dozens of imitators–many of whom they’ve cataloged on their site . I dig "Juan y Pablo y Jorge y Gringo" especially. [Via]
• In The Elements of Typographic Style Applied to the Web, Richard Rutter attempts to apply the principles of rhythm, proportion, harmony, and more in a Web context.  [Via]
• Campbell’s Soup has created an excellent–and functional–anti-hunger display that uses soup cans to construct (and deconstruct) a word. [Via]
• Sharon Mount’s Tiny Buildings blog is all about her beautiful little creations–tiny buildings created from type-clad bits of paper. [Via]
• The March of Dimes renders babies with type to answer parents’ questions. [Via]
• If you’re looking for retro inspiration, check out Roadsidepictures’s Flickr set of 60′s supermarket signage. [Via]  See also his set of 60′s Polaroids of signs in Washington.
  

December 19, 2007

Trajan: The hack designer’s friend

“Trajan Trajan Trajan…”–it’s the Marsha Brady of fonts, at least when it comes to movie titles & posters.  Kirby Ferguson rips hack designers a new one in this very funny video.  Mark Hamburg quips, “If we want ‘cinematic’ UIs, then we obviously need to revise our typography…”

In other typography news:

• A new tutorial promises to teach everything about text in Photoshop. [Via]  I haven’t probed & can’t vouch for its quality.  For more tips, see my 12 Tips for Photoshop Text, which Russell Brown demos & expands upon in this video.
• Jenny Beorkrem makes very cool typographical posters of cities. [Via]
• Rob Rohan talks about Nciku, a tool that enables you to look up Chinese characters by drawing them. [Via]
• Eric Gill: great typographer, reeeal sketchy dude.  I think I’m going to be raising an eyebrow at BBC posters for a while. [Via]
• Jon Tan has put together the Web Fonts Test Suite, useful for seeing the core Web fonts set with varying sizes/styles.   (Baskerville sure has a pretty italic ampersand.)
• Depending on your political leaning, you might enjoy this little bit of typesetting.  (Well, you might just enjoy the clever design treatment in any case.)
  

December 07, 2007

Flash/Amazon-powered typography & more

• Yugo Nakamura & Keita Kitamura’s Amazetype uses Amazon Web services to spell out artists’ names using pieces of their work.  Here’s an example done for "the Beatles".  [Via Miguel Marcos]
• Marian Bantjes has drawn up a lovely influence map, cataloging the contributors to her style.
• Pentagram’s offering a neat-looking wall calendar.  If calendars are up your alley, see also Massimo Vignelli’s inexplicably beloved (?) Stendig calendar. (Beware the pompous accompanying copy.)  [Via]
• I love the simplicity of The Italic Poster. [Via]
• I feel like pouring one out in mourning for Zapfino, the latest once-lovely typeface to get pummeled by every hack within range of a computer.  (Did it get bundled into CorelDRAW or something? >;-))  In its place, I quietly suggest Alejandro Paul’s Affair typeface (the same one seen in that Swash belt buckle).
• BMW uses a thousand words to describe everything but the driving experience.
• Paula Scher’s beautifully type-heavy paintings are on display in NYC. [Via]
• Flickr hosts a set of images showing spelling via body parts (nothing NSFW, mind you).   [Via Miguel Marcos]
• I don’t speak Japanese, but that doesn’t dilute the impact of this text-centric poster on global warming. [Via]

November 30, 2007

Friday Typography: Killer belt buckles & more

• Swash, meet buckle: Veer offers a kickass belt fastener.  If that’s up your alley, see also their type-spattered umbrella.
• Terri Stone of CreativePro.com has uncovered a number of fun, time-wasting type tools:
  • TYPEflake* lets you create snowflakes using letters, then email the results.
  • The Cake Writing Generator lays down your words in icing.
  • DanceWriter spells things out using bodies in motion.
• Speaking of bodies-as-type, peep Hijack Your Life’s Hand typography. [Via]
• Interested in cool hand-drawn type?  Check out WMMNA’s Hand Job review, with samples.
• Dig the old-school broadsheet sensibility of this White Mischief poster, and the hacked-up negative space on the Howl cover.
• Creative Techs talk about dealing with issues related to Helvetica in OS X Leopard.  [Via Lynn Grillo]
• The Type Directors Club has put out a call for entries for new goodness.
• The latest edition of Type Talk covers proofreaders’ marks and other tweaky but potentially interesting bits.
• Mentioned earlier in the week, the Adobe Design Center featuers an article on typographic design with Photoshop
  

October 26, 2007

Friday typography: Leopards, Ketels, & more

• Veerle’s got a tutorial on replicating OS X Leopard’s "inset text" effect via Photoshop & Illustrator. [Via]
• Typographica talks about embedded Web fonts . "The fonts you’re allowed to embed legally aren’t worth using; the fonts that are worth using aren’t embeddable." [Via]
• Thorsten Wulff’s posted a video interview with Gary Hustwit, director of "Helvetica." Speaking of that famous face, check out the Helvetica Mug.  See also Douglas Coupland’s thoughts on Helvetica.
• The Washington Post comments on those text-only Ketel One ads. "My dad started crying, I started crying, my brother started crying," says Carl Nolet Jr., who sounds on the phone like he’s not kidding. "It was exactly what we wanted to say. It was simple, it was black and white, it was genuine."
• Shotgun Magazine features a tutorial on creating a cool slow shutter text effect in Photoshop. [Via]
• On CreativePro.com, Ilene Strizver’s posted a variety of good tips for working with text in InDesign and Quark.
• Michael Perry loves hand-drawn type & has given his collection a salty name.

October 08, 2007

Thug fonts, Queequeg, Elvish, & more

Amidst this whole non-stop Flash fest, let’s clear the palette with a little typography:

• Call him Quinnqueg: Justin Quinn’s typographic art (more here) is inspired by the doomed obsessiveness found in Moby-Dick: “By repeating a spiraling, swirling labyrinthian structure, Quinn places himself in the role of Ahab who continually redraws his charts which travel nowhere and only to go into themselves.”  Oh, and he uses only the letter E. [Via]
• It’s a typographic neutron bomb: Nike France zaps the person, leaving only artifacts & letters.
• The clean, curvaceous strokes of Marian Bantjes swirl through a whole campaign for Saks. [Via Maria Brenny]
• Dig the striking type & art direction in The Economist’s latest campaign.
• In Dr. Copperplate & Mr. Gothic, Armin Vit ponders good uses of the often-abused Copperplate Gothic. [Via]
• LL Tipografia offers some tasty wares; love the little running man in LL SanSiro.
• To create Ballers Delight, Mr. Chank Diesel led 50 workshop participants through some old-fashioned arts & crafts: “Each individual letter was constructed out of beads and gems on small canvas boards measuring 5″x7″. Letters were then photographed and the resulting pics were used for making a thuggish new grunge font with a big hip-hop influence.”
• Speaking of grunge fonts, check out StereoType‘s “Bagpack.” [Via]
• If you’ve been needing Elvish fonts (it’s okay–you know who you are), DaFont’s got your back. [Via]
  

September 23, 2007

*Bahw-tchika-WAhow* typography

"When I hear ‘The 70′s’, I reach for my gun…"

I picked up a 1974 Car & Driver at a vintage goods store a few years ago, and after thumbing through the pages, I wanted to put my head in an oven.  Honestly, I have to thank my parents for letting me miss most of that godforsaken decade, beset as it was by Bookman Swash, brownness, and gas shortages.

Ah, but maybe things weren’t quite that bad.  Gene Gable presents a tour of 70′s typography*, showing the ways that evolving technology enabled new type treatments.  Check out part 2 for more horrific excellence.

In the vein of type treatments that cry out for a greasy bass line (or maybe an acid rock riff), peep these others I’ve stumbled across:

• Oscar Wilson; more here.
• Eduardo Recife [Via]
• The Tagtool blog ("Una noche de raw beats!")
• Wu-Tang Clan, as rendered for Scion

* Hey, is that the Photoshop family logo? >;-)

September 20, 2007

Typography: Of Highways & Hell

Time for another typographic gathering:

• The NYT includes a really interesting piece about the development of Clearview, a new typeface for road signs.  Typographica.org has a bit more.  (Tangentially related at best, but fun: Something Awful features a Photoshop contest for creating offbeat road signs.  Viva the Invincible Moose! [Via])
• Adobe has announced Font Folio 11, offering more than 2,300 fonts from the Adobe Type Library in OpenType format, includes 176 new fonts.  Here’s more info.
• CreativePro.com’s got tips on importing text into various Adobe apps.
• The past:
  • Sam Potts points out cool antique trunk labels. [Via]
  • Jon Hicks notes a vintage Typography photo set on Flickr.[Via]
  • John Downer, creator of the great Brothers typeface, has produced the similarly sturdy Iowan.
• The future:
  • Wired’s Geekdad section talks about how to help kids make their own fonts.
  • The subtly curvaceous Subtil has won the Type Directors Club 2007 competition. [Via]
  • Comic Sans is not your friend; thus spake John Stossel on graphic design [Via Anne-Marie Concepcion]
• The quick:
  • Dave Shea has gathered nice examples of type in motion.  Dig the Ocean’s 11 one in particular. [Via]
• The dead:
  • Skull-a-day blog has posted a groovy (and not so hellish) free skull font. [Via]
    

August 31, 2007

Superheroic typography

• Sam Potts sets cool type (“All projects 100% Times Roman-free,” he promises).  Check out his designs for pal John Hodgman’s The Areas of My Expertise; the Brooklyn Superhero Supply Co.; and more.  Sam was kind enough to let me pick his brain at his studio in NY last week.  While we were talking, a shipment of Gmund paper (made in Germany from recycled beer bottle labels) arrived. “I’ll sleep with this paper,” he said, “if it’ll have me…” [Via Maria Brenny]
• Giant typography as high school prank: The students of Davidson punk rivals Darby via sabotaged flip cards. The stunt echoes the Great Rose Bowl Hoax of 1961.
• Take care when you rotate type, or you might end up with something like the WTF Mac Store. [Via].  Elsewhere in the Dept. of Signs Begging to be Misread, my wife remembers two signs in stairwell in Seattle right next to one another: one for “Gary’s Den” (the words stacked) and the other for “Rage” (some sort of boutique). With no distinction in background color it read as “Gary’s Rage Den”.
  “Every single time I stood in line at the Neptune,” she says, “I replayed the same line of questioning in my head about angry, angry Gary and his need for a Rage Den.”
• A bit of historical fun: the NYT features an image of the Women’s Typographical Union aboard a float in 1908.
• FontShop’s magazine devoted to all things typographic has a new issue, Font 006, cruising through the snail mail system.  Previous issues are online on the site. [Via]
• Steve Patterson has produced a nice, approachable tutorial on creating faux 3D text in Photoshop.  The cheese factor is refreshingly low.
• Typographica list their Favorite Fonts of 2006. [Via]
  

August 01, 2007

More gigantic typography

• 6,272 Post-It notes form a giant, editable "TO DO" on windows in Brooklyn’s DUMBO neighborhood.  Passersby are invited to jot their own to-do lists on the notes.  I love it.  (Consider this "Solve Gordian knot of ever-increasing power & complexity in Photoshop; also buy new shoelaces," written in absentia.)   More photos of the work are on Flickr.
• In her Type the Sky project, Lisa Reinermann captures buildings that form letters against the sky, creating a photographic font.  [Via]
• For more big letters, see previous type entries filed under Enormousness.
  

July 25, 2007

New typographical goodness

• In Words Are Pictures, Craig Ward creates beautiful type treatments.  I especially like his A-Z ligatures and Lucha Libre. [Via]
• The Photoshop Roadmap blog pulls together tutorials for The Best 80 Photoshop Text Effects on the Web.  "This guide includes 78 Photoshop tutorials and 2 impressive collections of Photoshop Actions, plus 3 books on the subject." [Via]
• Digital Arts features a tutorial on making 3D type using Photoshop plus a 3D app.  I continue to look forward to a developer packaging simple 3D creation tools (extrusion, lighting, warping, etc.) as a plug-in for Photoshop Extended, so that all this stuff can be done in one place while staying re-editable. [Via]
• Type purists might squirm a bit, but Macworld offers advice on bulking up your font collection quickly & affordably.

July 10, 2007

This font goes to 10,116pt.

• The designers at Pentagram talk about how they created a giant NY Times logo (10,116-point Fraktur) for the publisher’s new headquarters.  Interestingly, each letter is comprised of numerous small, three-dimensional “beaks” that enhance the sign’s visibility from the street.  [Via]
• How about lettering via “military-like technology for criminal mischief”?  We Make Money Not Art hosts an interview with the Institute for Applied Autonomy.  Their Streetwriter is a giant printer disguised as a cargo van, while GraffitiWriter offers radio-controlled pranking:
  

  “Studies have shown that in nearly 100% of the cases, a given agent of the public will willing participate in high profile acts of vandalism, given the opportunity to do so via mediated tele-robotic technology.”

• From the Ministry of Silly Type Tricks: Flip text using Unicode. [Via]
• Graffiti artist “Eine” has painted a set of very cool East End Shopfront Letters. They can be assembled into words via this little app. [Via]

[Update: In response to Ramón Castañeda's comment below, Thomas Phinney replies, "Ramón is right. Fraktur typefaces usually have a forked top to the ascenders (h, k, etc.), more curves in the lowercase (less rigidly hexagonal shapes than Textura), and all (not just some) of the caps will have curvy or squiggly shapes replacing vertical lines.  This page even shows the NYT logo among the Textura samples, an unexpected bonus).  Not that I think this is a big deal, by the way. If the worst typographic errors we have to worry about were people confusing different styles of blackletter, we'd be in pretty good shape. :)"]

July 01, 2007

Sunday typography

• Cartype is "a comprehensive collection of reviews and study of typographical applications of emblems, car company logos and car logos."  I love the richness of visual & historical detail (e.g. check out the Alfa Romeo page).  Semi-related/previous: Logotypes.ru, which offers downloadable vector logos (perfect for tattoo-making ;-)).
• Russell Brown has created a "Dancing with Type" tutorial, showing how to wring some good stuff out of Photoshop’s type-on-a-path features.  (Forgot about those, did you?  Everyone does!)  Previously: Russell’s 16 Tips for Photoshop Type.
• This "Claire/Dave" ambigram is really nicely executed.
• The Yazigi Language School promotes itself through drawings made from text.
• With Blaktur you can almost taste the blood sausage. [Via]
• Type foundry Tiro (featured in the latest Adobe Magazine) offers a beautiful specimen sheet of their lovely Plantagenet face.
• For hot T’s-on-tee’s action, check out Skreened’s shirts. [Via]
  

June 15, 2007

Friday Design: Booze, kids, and cutlery

• Urging responsible driving, Saab illustrates the effects of alcohol on one’s attentiveness.  Working towards the same objective, Guiness tries blurred beverages & scrambled type.
• Check out Jamie Wieck’s "Decisions, Decisions" flowchart, derived from his hatred of restaurant rules. [Via]  Jamie has also made a super-cool business card that blooms.  Jung von Matt has created something similar, a b-card for a landscape architecture firm that blooms into a little garden. [Via]
• Chronically short on utensils?  Consider carrying punch-out cutlery as a business card. [Via]  See also lockpicks as business card.
• Speaking of business cards, Creative Bits hosts very cool examples; see also this collection on Flickr.  I dig Scott Ott’s creation, and I’m glad to see the Chopping Block get a nod.  (Their collateral includes "Chop Sticks," stickers useful for adding a nicely chopped notch to just about any surface.) [Via]
• Cookiemag features options for commissioning interesting portraits of kids. [Via]
• Photoshop user researcher Julie Baher spoke in an AIGA conference in Nashville a couple of weeks ago & says a highlight of the trip was Hatch Show Prints gallery.  These guys have been kicking out the letterpress jams since 1879.

June 03, 2007

Typography: Tats, comics, & more

• On Slate, famous authors discuss their favorite fonts.  As expected, they can wax entertainly rhapsodic about typefaces.  But Courier?  Yes, well, I guess it’s not distracting anyone with its raw beauty.
• Thomas Phinney has posted tons of info from the recent TypoTechnica conference, including Adobe’s presentations at the show.
• Body Type catalogs "intimate messages etched in flesh." [Via]
• The latest installment of TypeTalk offers useful tips on word spacing, unit differences between Quark & InDesign, and more.
• Kerrang! Dig a whole site’s worth of Comic Book Fonts. [Via]
• Ever wonder what typeface a particular company uses?  Here’s a handy list.  One addition from personal experience: British Airways uses Mylius.  (Of course, the list being a Wiki, I should probably just add that…) [Via]
  

May 15, 2007

Web type that doesn’t suck, Historic typography, & more

• Beautiful type specimen books from the 1920′s appear in this Flickr photo set. [Via]
• Tiny type–from cuneiform tablets to spies’ microdots–is on display in Cabinet Magazine’s A Minor History of Miniature Writing [Via]
• Michael Bierut offers Thirteen Ways of Looking at a Typeface, naming various ways to choose the right font. [Via]
• Aiming to make Web typography suck less, Jon Hicks (designer of the Firefox logo, among other things) has created a quick, useful primer on Web type. He’s provided related links as well.

May 09, 2007

Type as image, color workflows, & more in Design Center

The Adobe Design Center shakes the bottle & lets some new content spray:

New Dialog Box:

• Type is image by
  Paula Scher

New Tutorials:

• Color workflows for Adobe Creative Suite 3 by
  Adobe
• Transparency in Adobe Applications by Adobe
• A Designer’s Guide to Transparency for Print Output by Adobe
• Remove spots from an image in Photoshop Lightroom by Matt Kloskowski
• Organizing a local site in Dreamweaver by David Karlins
• Building a video player with Flash by R Blank
• Creating nested sequences with Premiere Pro by Terry Nauheim
  

And as always, don’t forget to check out the Adobe links on del.icio.us. Info on how to contribute links is here.  [Via]

May 03, 2007

Type bits: What fonts come with CS3; Why Web type sucks; more

Time for another round up of interesting typographical bits:

• Creative Suite 3 ships with quite a few fonts.  Thomas Phinney lists ‘em here.
• The type designers at Vier5 are adamant that "you cannot work with modern pictures and at the same time use the typefaces of the last 50 years. The time for these typefaces is gone," and that only their new designs will suffice. The commentariat at Design Observer promptly takes ‘em to the woodshed.
• I came across a short & interesting video on letterpress printing–worth a look despite the terribly mannered speaking style. [Via]
• A panel discussion at SXSW is captured in this podcast on why "Web typography sucks" [Via] . [Update: the presentation slides are here (thanks, Thomas).]
• Hoping to counter the suckage, CSS Zen Garden presents Tips for Timeless Type . It’s funny: we’ve come so far from when I started on the Web (tsk tsking at print designers who asked me to change the leading of body copy), and yet I still can’t get the point sizes on this blog to look consistent in Firefox vs. Safari & IE.
• CreativePro features a piece about opening up to OpenType–leveraging the power of this very rich format.  Scroll to the bottom for a quick visual demo of the power of alternate characters in punching up a type treatment–something I put to good (hopefully not gratuitous) use on the programs for our wedding.
• Ever wonder what comic book onomatopoeia would look like in Arabic?  (Who hasn’t, I know.) Wonder no more. [Via]
• The edict not to "risk sounding ridiculous" in various languages is illustrated through word balloons.  Hopefully when me talk German one day, I sounded a bit better than this. [Via Dirk Meyer]
• Think setting type on a computer can be a drag? Your ancestors faced tuberculosis & lead poisoning, not to mention death by Grape-Nuts.

March 24, 2007

Fruity typographic goodness

In the wake of those great nautical posters, check out this collection of historic fruit crate art. It’s tough to name faves, though I really like Dynamo Apples and these double A’s & arrow.  I suppose Gay Johnny would resonate a little differently nowdays, though. [Via]

On an unrelated typographic note, if you’re having trouble identifying a font, you might find this Flickr group useful. [Via] Oh, and see also What The Font.  (Me, I just cheat and bug Tom Phinney ("I’ll trade you a Glyphs palette for six correct font ID’s…").)

March 18, 2007

Font of the Ancient Mariner; more

//na// Savory type bits:

• Flickr is hosting a collection of 19th-century shipping posters, decked out in beautiful typography.  I wonder whether the Kingfisher (most thrilling billed?) knows this "15ft penguin." [Via]
• The AdGoodness blog spied a neat ambiform DND sign.  (More on ambigrams is here).
• "Akzidenz Grotesk, you’ve got me possessed…"  Eh, clearly, to the point of someone making a video complete with custom sountrack.  Personally, I’m holding out for an ode to Officina. [Via] (See also the Helvetica Movie.)
• Update: Those math-y Google nerds aren’t the only ones who can geek out hard with a recruiting ad: the folks at Lunar BBDO took a chance by typesetting posters in a dingbat font.  Check out the story for more examples of their work, and scroll to the end for a little challenge.
  

February 27, 2007

What does Marcellus Wallace look like?

That’s the question on Sam Jackson’s mind in this little (and profane) typographic study.  See also a second, apparently independent take on the same idea. [Via]  On other typographic notes:

• Julien Vallee does distressed letters in this little stop-motion piece. [Via]
• Should you ever need to get your M*A*S*H on, here’s a useful collection of free stencil fonts. [Via]
• By the way, some folks have been meaning to ask: what kind of font are you?
• The latest CreativePro.com type column covers some good basics (widows & orphans, InDesign’s composition options, making Open Type fonts, etc.).
• See the typography category here for many more bits.
  

January 25, 2007

Mo’ betta tips for Photoshop type

Author & Photoshop TV personality Dave Cross shares a wealth of tips for working with text in Photoshop in a 10-page PDF on CreativePro.com.   The chapter (excerpted from Dave’s book) gives succinct answers to a variety of questions (how to fill type with a texture, how to insert a copyright symbol, when to update type layers, etc.) and should be worth printing out for future reference.

For more tips, see my 12 Tips for Photoshop Text, which Russell Brown demos & expands upon in this video.  For more type bits, see the Typography category of this blog.  And while I’ve got your ear:

• Veer says, "Next time you have to explain kerning to a layman, you’ll have a live demo just a zip away"–and with the sweater they’re offering, they’re right.   Nice. :-)
• CreativePro has also launched TypeTalk, a monthly Q&A on typography.  If you wonder things like which direction the apostrophe should face before "’70′s," for example–and yes, I do–the column should be a good read.

January 03, 2007

Typography laid bare

• PingMag discusses the origins, history, and state of Iranian typography & provides numerous beautiful examples.  I dig these two in particular.
• Taylor Lane has created a series of typographic pinups (fair warning: there’s some glyph-heavy nekkidness). [Via Marc Pawliger]
• In an inverse vein (not pictures made from letters, but letters from pictures), Giornale Nuovo offers a brief history of figurative alphabets. [Via]
• Joshua Smith has posted a gallery of cool type treatments (including his own logotype) on Hydro74.  The rest of his site is worth a visit for dynamite illustrations & more. [Via]
• Type for you is a new typography blog, containing links to useful resources like Typies’ 15 tips to choose a good text type. [Via]

November 18, 2006

Biggest. Typography. Ever.

• geoGreeting leverages Google Maps, letting you assemble animated greetings by using satellite photos of letter-shaped buildings.  Ridiculous!  Check it out! [Via]
• Along vaguely similar lines, FireHorse Studio has fun with lettering in a 15 second teaser trailer for Toyota. [Via]
  

[Update: That giant "MOMO" signature (mentioned recently) would qualify as well. And so would the 8-foot LED letters of Mary Ellen Carroll's Indestructable Language installation in Jersey City.]

October 10, 2006

Fresh typographic action

• The Urban Typography Project features limited edition
  letterpress prints depicting some of Salt Lake City’s vintage signs.

• The Tiffin Directory looks fresh and contemporary–not bad for a catalog from 1922.
• Fiodor Sumkin is back with more good action.
• Buffet Script is just lovely (and a guy can’t use Zapfino all the time). [Via]
• James Clar makes 3D Display Cubes that each use 1000 LEDs to create 3D forms and animations. Each one runs a cool $3,000, but they sure are pretty, and the site offers a tutorial for designing 3D content in Photoshop. [Via]
• LOST is a typographical triptych, moving letterforms meant to be played across three adjacent monitors. [Via]

August 21, 2006

Letters del Fuego; Catch Me If You Can

August 15, 2006

Mo’ fresh type

• I love the old-school poster art quality of these new Toyota ads. (And if you like that style & have a bun in the oven, pay a visit to Rattle-n-Roll.)

• Who would commit the lyrics of LL Cool J to gouache & watercolor? Ray Fenwick would, among many other things. See also his great Flickr collection. [Via]
• BibliOdyssey displays some gorgeous Arabic zoomorphic calligraphy. The entry links to numerous related resources & examples.
• Misprinted Type offers a variety of free & commercial distressed type. (I might have to crack the wallet for Great Circus). [Via]
• If the graffiti thing is up your alley (or under your graffiti bridge), check out the work of Hand Selecta.
• Launched in conjunction with the 50th anniversary of the typeface, Helvetica is “a feature-length independent film about typography, graphic design and global visual culture.” I think I’d sneak into this one wearing a trenchcoat and shades, lest my true design-dorkishness show through. [Via]
• On Daily Type, a group of Russian type designers post sketches of their latest works-in-progress. I like the kind of hand-drawn, back-of-Trapper-Keeper “Van Halen Rulez!!” quality of many of the pieces.

July 17, 2006

The Joy of Text

Being kind of textually fixated these days, I thought I’d share some good type-related resources I’ve encountered lately:

• Russell Brown has created a video that demonstrates the 12 Photoshop text tips I posted earlier (plus four more).

• Veerle shows off how to create some handsome lettering effects using Illustrator art brushes & the dark, mysterious Appearance palette.
• The Playground showcases various artists creating complete, downloadable letter sets using everything from banana peels to world leaders to… well, you’ll see. [Via]
• Erik Spiekermann, author (among many other things) of the classic handbook Stop Stealing Sheep, gives PingMag an interesting interview, covering everything from the creation of corporate typefaces to the development of a new screen font for Nokia. Erik has also started his own blog.
• Design Melt Down surveys cool typography on the Web, while IHT charts the creation and rise of Georgia.
• CreativePro.com offers for a variety of tips for finding & previewing fonts online, converting fonts to OpenType, previewing Web fonts, and more.
• Emigre’s Typetease lets you set whatever characters you’d like using their online catalog–everything from the chunky O Brother, Where Art Thou face to the piratical Sabbath Black.
• Chank Diesel makes all kinds of good fonts, including numerous cool free ones. (Dig Newcastle!)
• DAIRY is a font of sorts–just one that spells out your text using milk crates.
• Is there really a Cyrillic “Ж” in the Declaration of Independence? Apparently so. (Why doesn’t English a character half so badass?)
• In For All Seasons, Andreas Müller sets type in beautiful motion. (Don’t let the need to download the file put you off; the full-screen effect works nicely.)
• House Industries makes a font comprised of trendy silhouettes. (See also silhouettes from Tech Vector.)
• [Updates: Colin Smith demonstrates how to make Superman-ly text in Photoshop, and Todd Dominey points out the very cool Cargo stencil font.]

Great lettering & happy accidents, inside Illustrator & out

Not long ago I came across the excellent hand lettering of Fiodor Sumkin. I love the intricacy with which he fits characters and shading to various shapes. [Via]
In particular, his drawing of these hands got me thinking about the enveloping functions in Illustrator. Click this image for a quick overview of how to fit type to shapes:

Using these techniques, I set out to emulate Sumkin’s work. First I traced the outline of one of his hands in Illustrator, then blocked out a number of regions. The Pencil tool works well for this, as does a Wacom tablet. The result was a skeleton for the next steps:

Then, needing to turn each region into a solid object, I copied and pasted all the paths into Flash, broke things apart, and then used the paint bucket to block them in. I probably could have used the Illustrator Pathfinder tools and/or the new Live Paint features, but old habits die hard, and I knew I could get what I needed from Flash:


At that point I copied and pasted everything back into Illustrator, then picked a font that seemed likely to fill the shapes nicely–in this case Adobe’s 60′s-style Mojo. Using the text “Word Hypnotize” and the enveloping technique described above, I got… this (click for a larger version):

Hmmph–it’s nothing like Sumkin’s lettering, and were I to try harder to emulate it, I think I’d fit each chunk of text to an envelope mesh, then use the various mesh, path, and warp tools to deform it as necessary. But you know, I kind of like the sinuous, abstract quality that resulted–a bit as if Slim Goodbody dipped his hand in an inkwell.
So, there’s my little happy accident o’ the day. Software generally makes it pretty easy to repeat the same steps over and over, so I’m glad to experience a little serendipity & creative destruction now and then.
By the way, Sumkin’s lettering reminds me a touch of Marta Monteiro’s, and for more cool lettering, you might check out Rodney White (overview/gallery). Oh, and tangentially related (at best): the look of the hand I made slightly reminds me of WWI-era Cubist ship camouflage. [Via]

June 21, 2006

12 Tips for Photoshop Text

This is one of those blog entries that start innocently enough, but which quickly become War and Peace in length. But take a second to scan it quickly if you find yourself setting text in Photoshop. Some of the tips will be familiar, but I’ll bet that others will strike you as new.
[Update: Photoshop Grand Master Russell Brown has now created a video to show off these tips--plus four more, just to outdo me!]

1. Photoshop CS2 added a WYSIWYG font menu, so that you can preview fonts before applying them. But what if you want to cycle through fonts on the document itself? Select the name of the current typeface in the Options Bar, then hit the Up and Down arrow keys. That’ll cycle through the available fonts on your system.^*

2. If you find that you’re setting the same style of text repeatedly (e.g. Times New Roman 12pt underlined, no anti-aliasing), create a Type tool preset. Click the tool preset icon (you know, that thing no one clicks in the upper-left corner), click the New Preset button, and you’ll record all your current font parameters. (This works with nearly all tools, by the way.)
3. It’s now much easier to change the settings for multiple text layers at once in CS2. Select the layers you want (Shift-click in the Layers menu to select a range, or Cmd (Mac)/Ctrl (Win)-click to select non-adjacent layers. Any changes you make to the font settings will apply to all selected layers. If you’re working with CS1 or earlier, this still works, but it’s a little more hidden: link together the layers you want to change, then hold Shift before changing the text properties.
4. If you want to curse less, hit Cmd-Return (Mac)/Ctrl-Return (Win) when you’re done setting a line of text. That way, instead of adding a line break (Return), Photoshop will commit the text edit.
5. If you’re setting paragraphs of text in Photoshop (e.g. comping up Web pages), and if the process consists of “type type type RETURN, type type type RETURN”–please, for the sake of your sanity, stop! You can simply click with the Type tool, then drag to create a text box (like this). This way, if you need to modify the dimensions of the text box, you don’t end up deleting & reseting tons of hard returns.
6. Okay, that’s cool, but what if you want to fill not just a box, but some irregular shape? Draw your shape with the Pen tool (making sure to have it set to draw paths), then hover near the inside of it with the Type tool. The cursor will change & you’ll be able to type inside the path, like this. What’s particularly nice is that the path & text stay editable, meaning that if you adjust the path, the text will reflow automatically.
7. Similarly, you can set text along a path. Draw the path, then use the Type tool to click near the outside of the path. Et voilá–text on a path in Photoshop.
8. Starting in Photoshop 6, it’s been possible to warp text by clicking the warp button on the Options Bar. Clicking it presents a range of options for warping type while keeping it editable. But did you know…
   • You can animate text warps. After creating a warp, create a second frame, change the warp, and hit the Tween button on the Animation palette. Boom–you’ve got something like this (but hopefully way less cheesy).

   • For more warping control of text, first convert the text into to a Smart Object (choose Layer->Smart Objects->Group Into New Smart Object). This provides two main advantages: you can apply a custom warp (pushing and pulling it freely, like this), and you can warp multiple text layers as a single unit. (Downside: you can’t animate a warp applied to a Smart Object.)
9. Illustrator CS2 has added a bunch of kickass typography tools–a good deal richer than what Photoshop offers. But because Illustrator now shares a type engine with Photoshop, you can set text in Illustrator using features like the Glyphs & Open Type palettes, then copy the text, paste it in Photoshop, and keep it fully editable. (Just make sure you select the letters in Illustrator, rather than the whole text object, before copying, and that you’ve clicked with the Type tool in Photoshop before pasting.) Or, if you have a lot of text in Illustrator, try exporting a PSD file (via File->Export). The amount that can be preserved–including text on a path & text in a shape–is pretty amazing.
10. Don’t blindly trust any program’s letter spacing. Take a minute to make sure your text looks decent, and adjust the kerning when letters pairs are too tight or loose. (Click between the letters, then Opt (Mac)/Alt (Win) + left/right arrow to adjust the kerning.) You may also want to see Geoff Stearns’ tips on setting good Web-res type. (The default settings for print-res work may not deliver the best results at 72dpi, and vice versa.)
11. Hold down the Cmd (Mac)/Ctrl (Win) key while you’re working on a line of text. This will let you reposition the text on the layer, without first having to commit your edit.
12. To select an entire string of text (everything on a layer), double click the layer’s thumbnail in the Layers palette.

Whew–hopefully some of that will prove useful to you. I’m sure I’ve forgotten some tips, so I may come back and update the entry later. If you’ve found tricks you find useful, please add them via the comments.
^* If you plan to do this often, you might want to go into Photoshop preferences and raise the number of undos, since each change of font counts as an undoable step.)

January 22, 2006

Words at Play

Typography + animation come together beautifully in Words At Play, the companion site to Roberto de Vicq de Cumptich & Matteo Bologna’s book of the same name. The project, a “many-splendored, multi-layered typographic tour d’amour,” showcases de Vicq’s typographic portraits of 21 renowned writers (plus Al Capone and Napoleon Bonaparte). After snagging a pair of Webby awards, the site is up for the People’s Choice award at next month’s Flashforward. It’s got my vote.
Words at Play was built by animating type in After Effects, then exporting keyframes to Adobe LiveMotion as XML (.amx). As it happens, I’ve seen speculation recently about Adobe resurrecting LiveMotion. That strikes me as quite unlikely, but there were some cool concepts (e.g. data exchange via XML, animation applied via styles) that I’d love to see revisited.
If you like Words At Play, check out Roberto’s earlier Bembo Zoo, an abecedary featuring animals drawn in letters [Via]. These guys also did a terrific portrait of Adobe co-founder John Warnock, using the Warnock Pro font created in his honor. (Random aside: I also found a portrait of Dr. Warnock rendered in PostScript, the language he invented.)
Tangentially related:

• I’m captivated by the typographic paintings of Paula Scher [Via]. She discusses her work in the video Adobe commissioned from Hillman Curtis.
• TYPEDRAWiNG uses Flash to enable drawing with letters.