- 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)?
Category Archives: Typography
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™.
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.
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.
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.
(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]
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.
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.
(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.
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.
(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]
(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??
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.
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.
(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.
(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]
(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.”
(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]
(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.
(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]
(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]
(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.
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:
[Photo courtesy of John Cornicello]
(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]
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]
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]
(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]
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).
(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.).)
(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)
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]
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.
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.
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).
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.
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]
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).
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.
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.
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.
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.
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.”
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.]
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]
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]
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.
"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:
- Create your text. I suggest clicking & dragging out a rectangle using the text tool, then pasting in your text.
- Choose Layers->Smart Object->Convert to Smart Object.
- Hit Cmd-T/Ctrl-T to enter Free Transform mode.
- While hovering over one corner of the transform rectangle, hold Cmd-Opt-Shift/Ctrl-Alt-Shift, then start dragging. Hit Enter/Return when done.
- 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:
- Create the initial text layer as described above.
- Choose 3D->New 3D Postcard From Layer.
- Hit K on the keyboard to select the 3D Rotate Tool.
- Click and drag on the layer to rotate it in 3D space. Try holding Shift, then clicking and dragging vertically.
- Alternatively, use the on-canvas 3D manipulation widget and/or the other object/camera manipulation tools to rotate the 3D postcard layer.
- 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.
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
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.