“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]
Category Archives: Typography
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.
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.

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.

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.
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.
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.
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]
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]
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]
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]
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]
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
Hand lettering
I dig Pablo Delkan’s hand-drawn lettering portfolio:
[Via]
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]
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:
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?
(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]
The journey is the reward?? A fun holiday card done in Photoshop
From the folks at Viewpoint Creative:
[Via Ben Zibble]
(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]
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.
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.
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.
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]
"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]
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]
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.
FontShop's interactive type exploration on iPad
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]
(rt) Typography: Great hand lettering, iPad app, & more
- Typography Insight for iPad looks like a neat way to learn about lettering. [Via]
- “Fighting for peace…”: Check out these beautifully rendered phrases from Stephen Bonner.
- “Because You Can’t Get Sh*t Done When You’re Asleep…”
- Avast–“Prosperity” is a fun, piratical calligraphic script font.
- I like John Passafiume’s dense & diggable hand lettering on a wedding invitation.
- See also Scripts: Elegant Lettering from Design’s Golden Age.
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:
Video: For the love of wooden type
Check out this interesting collaboration between Target & old-school printing buffs:
[Via]
Paper animations of 3D lettering & more
Bianca Chang animates by cutting sheet after sheet of paper and precisely stacking them.
[Via]
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:
(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]
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.”
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.
(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]
(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]
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]
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:
Video: Fun kinetic typography
Done on behalf of the Web09 conference:
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]
(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]
(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.
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]
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.”
(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.]
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.
(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)?