January 22, 2014

So, how do you actually get Typekit fonts into your CC apps?

In under 3 minutes, Howard Pinsky shows you how to browse Typekit for great typefaces, then sync & use them:

Check out the Typekit team’s blog for more details.

8:42 AM | Permalink | No Comments

January 08, 2014

Notegraphy: Visual styling for your texts

Hmm—I’m not sure it’s a problem that needs solving, but Notegraphy offers a slick way to type a note, apply a graphic design template, and then share the results. Check it out:

[YouTube] [Via John Stevenson]

4:18 AM | Permalink | Comments [1]

November 07, 2013

Prototypo: Kickstarting font creation

I kinda can’t decide whether this is great or terrible:

Start a font by tweaking all glyphs at once. With more than twenty parameters, design custom classical or experimental shapes. Once prototyping of the font is done, each point and curve of a glyph can be easily modified.

Explore, modify, compare, export with infinite variations.

[Vimeo]

9:55 PM | Permalink | Comments [4]

November 02, 2013

A typographical “Hot or Not”

Check out The Typefight. As Webdesigner Depot writes,

The Typefight pits beautiful typographic specimens against one another in a head-to-head face-off. Each fight takes place over the course of a few days, and website visitors can vote for whichever they prefer (just click through to the individual contest pages to vote), with multiple contests running simultaneously.

7:57 AM | Permalink | No Comments

October 21, 2013

Typography, beauty, and decay

Adobe TV has been featuring brief profiles of young artists. I like this look at the work & inspiration of Angelica Baini. (I’d never heard of Miami’s abandoned Marine Stadium.)

1:15 PM | Permalink | No Comments

October 16, 2013

Animography: Animated type for After Effects

Animography looks promising:

Our animated typefaces are Adobe After Effects files with each glyph in a separate composition. A controller-composition serves as a central point from which you can customize all the glyphs in one go.

 

[Vimeo] [Via Dan Marcolina]

8:01 AM | Permalink | Comments [4]

October 11, 2013

The Brooklyn Bridge, lovingly rendered in type

Cameron Moll’s beautiful “Colosseo” print hangs in my office. Now he’s back with a three-year labor of love, “Brooklyn Bridge”:

Check out the Kickstarter page for more details. Here’s a better peek at him process of building the artwork in Illustrator:

8:35 AM | Permalink | No Comments

August 23, 2013

Animation: A paper-letter history of typography

Neat, informative work from Ben Barrett-Forrest. According to Web Designer Depot,

The History of Typography is a paper-letter animation with 291 paper letters and 2,454 photographs, detailing the history of typography. It took Ben Barrett-Forrest of Forrest Media 140 hours to create. The whole thing is really fun and educational, in addition to being beautifully designed.

8:08 AM | Permalink | Comments [4]

July 31, 2013

110 animators tackle a single typeface in After Effects

Check out Franchise Animated:

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

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

[Vimeo] [Via]

8:01 AM | Permalink | Comments [1]

July 12, 2013

A new Fonts.com extension for Photoshop & Illustrator

Browse, try, & buy right within the apps:

Fonts.com has introduced a free extension for trying and installing fonts directly through Adobe Photoshop, InDesign and Illustrator. Browse thousands of fonts and try them for free for five minutes. The extension can be used with any Fonts.com Web Fonts subscription including free plans and is compatible with CS5, 5.5, 6 and CC.

12:14 PM | Permalink | Comments [2]

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]

6:42 AM | Permalink | Comments [2]

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.

1:19 PM | Permalink | No Comments

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. 

Venus

2:20 PM | Permalink | No Comments

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.

Calligram

7:59 AM | Permalink | Comments [1]

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.

10:45 PM | Permalink | Comments [1]

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.

8:10 AM | Permalink | Comments [1]

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.

9:03 AM | Permalink | Comments [1]

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]

8:14 AM | Permalink | Comments [3]

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]

8:16 AM | Permalink | No Comments

September 14, 2012

Car logos, good & bad

8:12 AM | Permalink | Comments [1]

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]

8:09 AM | Permalink | Comments [3]

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]

8:04 AM | Permalink | Comments [2]

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

11:28 AM | Permalink | Comments [2]

June 21, 2012

Hand lettering

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

[Via]

12:24 PM | Permalink | Comments [1]

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]

4:59 AM | Permalink | Comments [1]

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:

 

8:08 AM | Permalink | Comments [7]

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?

8:48 AM | Permalink | Comments [2]

January 04, 2012

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

8:46 AM | Permalink | No Comments

December 22, 2011

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

From the folks at Viewpoint Creative:

[Via Ben Zibble]

10:16 AM | Permalink | Comments [8]

December 21, 2011

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

9:28 AM | Permalink | Comments [1]

November 01, 2011

Font games

9:37 AM | Permalink | Comments [3]

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.

8:27 AM | Permalink | Comments [4]

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.

10:44 AM | Permalink | Comments [6]

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]

8:31 AM | Permalink | Comments [1]

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]

9:02 AM | Permalink | Comments [2]

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]

7:04 AM | Permalink | Comments [2]

July 29, 2011

Typography: Neat new alphabets

8:32 AM | Permalink | No Comments

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]

9:12 AM | Permalink | No Comments

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]

8:18 AM | Permalink | No Comments

July 11, 2011

(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.
  • 11:36 AM | Permalink | No Comments

    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:

    9:03 AM | Permalink | Comments [1]

    July 05, 2011

    Video: For the love of wooden type

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

    [Via]

    8:01 AM | Permalink | Comments [2]

    June 28, 2011

    Paper animations of 3D lettering & more

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

    [Via]

    10:14 AM | Permalink | Comments [2]

    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:

    7:58 AM | Permalink | Comments [16]

    June 03, 2011

    (rt) Typography: Classic chrome, strange meals

    8:15 AM | Permalink | Comments [3]

    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.”

    8:01 AM | Permalink | Comments [8]

    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.

    2:11 PM | Permalink | No Comments

    April 05, 2011

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

    8:24 AM | Permalink | Comments [2]

    March 30, 2011

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

    8:08 AM | Permalink | Comments [1]

    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]

    9:45 AM | Permalink | No Comments

    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:

    8:42 AM | Permalink | No Comments

    March 15, 2011

    Video: Fun kinetic typography

    Done on behalf of the Web09 conference:

    8:25 AM | Permalink | No Comments

    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]

    10:01 AM | Permalink | Comments [4]

    February 28, 2011

    (rt) Typography: Jazz & Chalk

    8:04 AM | Permalink | No Comments

    February 19, 2011

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

    12:10 PM | Permalink | Comments [2]

    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]

    3:51 PM | Permalink | No Comments

    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.”

    4:18 PM | Permalink | Comments [8]

    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.]
    11:30 AM | Permalink | Comments [8]

    November 16, 2010

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

    6:52 AM | Permalink | Comments [4]

    November 06, 2010

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

    8:44 AM | Permalink | Comments [6]

    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:

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

    6:27 AM | Permalink | Comments [2]

    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.

    6:53 AM | Permalink | Comments [34]

    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.

    8:45 AM | Permalink | Comments [5]

    (rt) Typography: Trashing & ‘Staching

    6:48 AM | Permalink | No Comments

    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 GaramondCaflisch ScriptCronos, 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.

    10:32 AM | Permalink | Comments [10]

    August 05, 2010

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

    8:25 AM | Permalink | Comments [1]

    July 03, 2010

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

    7:18 AM | Permalink | No Comments

    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.

    4:09 PM | Permalink | Comments [1]

    June 27, 2010

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

    2:53 PM | Permalink | No Comments

    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.

    8:48 PM | Permalink | Comments [2]

    June 09, 2010

    (rt) Type: Never Gonna Give You Up edition

    10:13 AM | Permalink | No Comments

    May 22, 2010

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

    11:23 AM | Permalink | Comments [2]

    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.

    6:39 AM | Permalink | Comments [8]

    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.

    1:43 PM | Permalink | Comments [1]

    March 06, 2010

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

    10:24 PM | Permalink | Comments [1]

    March 03, 2010

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

    9:06 AM | Permalink | No Comments

    February 26, 2010

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

    4:25 PM | Permalink | No Comments

    January 13, 2010

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

    6:22 AM | Permalink | No Comments

    December 24, 2009

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

    7:10 AM | Permalink | Comments [3]

    November 22, 2009

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

    7:25 AM | Permalink | No Comments

    November 02, 2009

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

    9:21 AM | Permalink | No Comments

    October 16, 2009

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

    7:05 AM | Permalink | Comments [1]

    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:

    [Photo courtesy of John Cornicello]

    1:38 PM | Permalink | Comments [9]

    September 25, 2009

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

    6:57 AM | Permalink | Comments [2]

    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]

    6:22 AM | Permalink | Comments [5]

    September 16, 2009

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

    10:36 AM | Permalink | Comments [2]

    August 30, 2009

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

    7:35 AM | Permalink | No Comments

    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).

    7:05 AM | Permalink | Comments [1]

    August 03, 2009

    (rt) Type: Graffiti, lard, & cars

    1:12 PM | Permalink | Comments [1]

    July 17, 2009

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

    6:05 AM | Permalink | No Comments

    July 09, 2009

    Classic type, new and old

    7:17 AM | Permalink | Comments [1]

    June 26, 2009

    Friday Type: Animated excellence, great logos, & more

    * 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.

    1:54 PM | Permalink | No Comments

    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.

    6:18 AM | Permalink | Comments [9]

    May 27, 2009

    Wednesday Type: Things made from things

    6:28 AM | Permalink | No Comments

    May 21, 2009

    Thursday Type: Steve Jobs, flying milk, & more

    6:42 AM | Permalink | Comments [2]

    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]
    9:38 AM | Permalink | Comments [14]

    May 10, 2009

    Sunday Type: Letters as particles, leaves, & more

    10:31 AM | Permalink | Comments [1]

    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.

    9:56 AM | Permalink | Comments [10]

    April 03, 2009

    Friday Type: Skulls, posters, & more

    4:39 PM | Permalink | No Comments

    March 15, 2009

    Sunday Type: Fast cars, tiny letters, & more

    9:42 AM | Permalink | Comments [3]

    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.
    9:57 AM | Permalink | Comments [5]

    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.”
    12:00 PM | Permalink | No Comments

    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.]
    12:26 PM | Permalink | Comments [1]

    January 10, 2009

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

    10:32 AM | Permalink | Comments [2]

    January 06, 2009

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

    4:07 PM | Permalink | Comments [1]

    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.

    10:51 AM | Permalink | Comments [2]

    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.

    1:50 PM | Permalink | Comments [1]

    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
    9:09 AM | Permalink | No Comments

    November 24, 2008

    Monday Type: Star Wars, light paintings, & more

    7:51 AM | Permalink | Comments [1]

    September 14, 2008

    Vintage Sunday

    3:20 PM | Permalink | Comments [2]

    August 07, 2008

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


    7:11 AM | Permalink | Comments [3]

    July 24, 2008

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

    Faces

    • 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.
    9:07 PM | Permalink | Comments [1]

    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]
    12:31 PM | Permalink | Comments [1]

    July 14, 2008

    Monday Type: Vintage bits, hand jives, & more


    2:58 PM | Permalink | No Comments

    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:

     

    • I haven’t tried it myself, but Macworld reviews & recommends Path Styler Pro for creating stylized type & logos.
    12:33 PM | Permalink | Comments [3]

    May 21, 2008

    Viva frilly bits

    Who doesn’t like the occasional dingbat & swash?

     

    11:13 AM | Permalink | Comments [4]

    April 23, 2008

    Beards, Big B’s, and other type bits

    12:17 AM | Permalink | Comments [1]

    March 29, 2008

    Saturday Type

    1:33 PM | Permalink | Comments [1]

    March 26, 2008

    Fire, ketchup & Aquafresh = typography; more

    9:03 AM | Permalink | Comments [1]

    March 24, 2008

    3D text goodness

    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.

    10:47 PM | Permalink | Comments [4]

    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]
    6:22 PM | Permalink | Comments [1]

    March 05, 2008

    Recent Typographic Tastiness

    10:33 PM | Permalink | Comments [3]

    February 02, 2008

    Saturday Type: Lip tats to Woody Allen

    New alphabets have emerged:

    Elsewhere in the world of type…


    2:52 PM | Permalink | Comments [1]

    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:

    12:07 AM | Permalink | Comments [5]

    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]
    4:38 PM | Permalink | Comments [2]

    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.]

    3:38 PM | Permalink | Comments [10]

    Type, from the Bible to the Beatles to Browsers

    2:02 PM | Permalink | Comments [3]

    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:

    1:26 PM | Permalink | Comments [5]

    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]
    2:02 PM | Permalink | Comments [5]

    November 30, 2007

    Friday Typography: Killer belt buckles & more

    11:00 AM | Permalink | Comments [3]

    October 26, 2007

    Friday typography: Leopards, Ketels, & more


    5:05 PM | Permalink | Comments [2]

    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]
    9:16 AM | Permalink | No Comments

    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:

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

    5:31 PM | Permalink | Comments [5]

    September 20, 2007

    Typography: Of Highways & Hell

    Time for another typographic gathering:

    1:41 PM | Permalink | No Comments

    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]
    8:52 AM | Permalink | No Comments

    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.
    1:04 PM | Permalink | No Comments

    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.
    10:19 PM | Permalink | Comments [3]

    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. :)"]

     

    11:40 AM | Permalink | Comments [2]

    July 01, 2007

    Sunday typography

    9:08 PM | Permalink | Comments [1]

    June 15, 2007

    Friday Design: Booze, kids, and cutlery


    5:56 PM | Permalink | No Comments

    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]
    11:33 PM | Permalink | Comments [2]

    May 15, 2007

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

    3:59 PM | Permalink | Comments [1]

    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:

    New Tutorials:

    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]


    2:23 AM | Permalink | Comments [2]

    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.
    3:11 PM | Permalink | Comments [4]

    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…").)

    11:41 AM | Permalink | Comments [2]

    March 18, 2007

    Font of the Ancient Mariner; more

    //na// Savory type bits:

    11:07 PM | Permalink | Comments [5]

    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:

    6:00 PM | Permalink | Comments [2]

    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.
    11:18 AM | Permalink | Comments [3]

    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]
    10:45 PM | Permalink | Comments [2]

    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.]

    10:49 AM | Permalink | No Comments

    October 10, 2006

    Fresh typographic action

    11:23 PM | Permalink | No Comments

    August 21, 2006

    Letters del Fuego; Catch Me If You Can

  • French kids play with matches in Typographie-Bougies, creating letterforms from numerous candles. YouTube also offers a little behind the scenes clip for this film. (It’s kind of funny that even 90-second movies now get their own “making-of” featurettes.)
  • Most of the rest of the YouTube type section is, like most of YouTube, crap, but stumbling upon some great Saul Bass pieces (Psycho, Anatomy of a Murder, and The Man with the Golden Arm) made me think of a modern sequence that evolves that aesthetic masterfully: Catch Me If You Can.
    9:19 PM | Permalink | No Comments
  • 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.
    4:28 PM | Permalink | No Comments

    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:

    11:36 AM | Permalink | Comments [3]

    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:
    Text warping tutorial
    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:
    Outline
    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:
    Colored in 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):
    Hand
    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]

    8:30 AM | Permalink | Comments [3]

    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.)

    9:12 AM | Permalink | Comments [122]

    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.
    10:00 PM | Permalink | Comments [4]
    Copyright © 2014 Adobe Systems Incorporated. All rights reserved.
    Terms of Use | Privacy Policy and Cookies (Updated)