Case studies
A Link to the Past
NYU Gallatin AlumniLink Mentor Program Brochure
I’ve been on a bit of a “ribbon lettering” kick lately. For this brochure/identity design, I was heavily inspired by a number of different sources, both old and new.
I wanted to conjure the notion of “link,” without using a cliché chain illustration in the process. The idea of roads and paths intersecting felt apropos to the concept of mentorship, and after doing some Wikimedia Commons research on such structures, I came up with a lettering style based on the look and feel of junctions or interchanges.
"Link" lettering, process
I wanted the composition of the piece to be simple and adaptable. For inspiration, I perused my copy of Meggs’ A History of Graphic Design (best textbook ever), and came across a simple-yet-gorgeous modernist poster by Lester Beall designed in 1937 for the Rural Electrification Administration. According to Philip Meggs, the poster was intended to be “understandable by illiterate and semi literate audiences,” and although my derivation was a bit more complex, I figured it would probably get the point across fairly easily to very literate university students.
After the basic concept was designed and approved, my brother Devin Korwin helped out with some last-minute Cassandresque shading, just as he had for the “Listening to Wine” poster.
3D Ribbon Script Lettering
I’m always looking for innovative ways to set text, and in the process of creating this postcard, I thought I’d give 3D lettering a try. I wanted to use a three-dimensional “ribbon” to mimic the movement of the pen or brush in the process of cursive writing. I also wanted to reinforce the feeling of papercraft in this piece, inspired by sophisticated pop-up books, especially given the recurring theme of Gallatin’s Alumni Day activities, “Return to the Great Books.”
While the process was somewhat laborious, it was interesting to play with 3D tools to create lettering in a somewhat unconventional way. It allowed me to direct the stroke through loops, and to tie knots inside of letters. There’s something rather Tron-like about it. Perhaps I’ll try “light cycle” lettering next time, or experiment with the smoke trails left by skywriting airplanes.
3D ribbon lettering, before red color was added
Clem Snide “The Meat of Life” CD
I was fortunate to be asked to provide some design and layout for Eef Barzelay and Clem Snide’s forthcoming album, The Meat of Life, due out on February 23. The painting was done by my very talented friend Jen Uman, who has also posted some information about her process on her blog. The album is fantastic too—check it out when it’s available.
Holiday present: A.M. Cassandre Photoshop Airbrush Tutorial
A reader wrote to me today to find out more about how the airbrush effects were achieved in the Gallatin “Listening to Wine” poster design. The design had been based on the feel of many wonderful posters by Adolphe Mouron Cassandre, whose dramatic shading effects defined an era of 20th century advertising posters. As a holiday present to all who may stumble upon this post, here’s a quick and dirty tutorial to help you experiment with the stippled airbrush texture effect made possible by Photoshop’s dissolve blending mode:
- Start with a new Photoshop document, with a blank white layer as the background.
- Create a new transparent layer on which you will use your “airbrush.” (It’s a best practice to create layers instead of destructively airbrushing directly on the background.)
- On the new, transparent layer, create a circular selection using the Elliptical Marquee tool.
- On the Layers palette, click the “Add layer mask” button (looks like a shaded rectangle with a white circle inside). This will create a layer mask from your circular selection, allowing you to work on the layer without having to worry about losing the original selection shape.
- Click on the Layer 1 thumbnail to make sure that the layer itself is selected and not the layer mask. It’s sometimes difficult to tell which is currently “active.”
- Select the Brush tool from the tool bar (or press “B” on your keyboard).
- From the Brush palette, select a brush that is soft, round, and large. The exact size will depend on the application, but you can use the [ and ] keys on your keyboard to scale the brush up or down while you’re using it.
- Also from the Brush palette, use the Mode drop-down menu to change the brush’s blending mode to Dissolve.
- Make sure that the Foreground Color is set to something other than white (black is a great color to practice with), and then click and drag your brush tool across the canvas. You should see a speckled effect on the feathered edges of the brush. If you were using the “Normal” blending mode instead of dissolve, the feathered edges would be soft and clean and would lack the texture that “Dissolve” offers.
- You can vary the effect by changing the brush size and also by altering the Brush palette’s Opacity or Flow settings. Experiment in order to find the effect that works best for your application.
- Use additional layers and layer masks just as you would use vellum and stencils in the real world. Layer mask “stencils” help to define the boundaries of the shading effect, but the brush itself defines the look. Another advantage to using layer masks, rather than simple selections, is that the “overspray” is accessible if the mask needs to be moved at any point in the future. It’s like having a stencil that can travel through time!
Star Waggons Holiday Card 2009
Star Waggons Holiday Card 2009
We just put together this year’s Star Waggons holiday card. It’s yet to be printed1, so enjoy this 3D pre-visualization instead. We’re also dangerously short on snow here in Los Angeles, but if it were 30° colder outside, today’s rain storm would look something like the simulated North Pole shown above.
- Actually it’s been printed now! [↩]
NYU Stern Orientation Program print photos
This project has been previously detailed, but I recently photographed the actual booklets for posterity. Here’s how they came out.
Josh & Alyssa Wedding “Save the Date” Postcard
My fiancée Alyssa and I are not typical when it comes to our wedding planning. For one thing, we’re getting married at an unconventional venue, the Los Angeles Natural History Museum. Moreover, we both work in design, and there’s no chance in heck that we’d buy any prepackaged save-the-dates or invitations. No sir. So we’ve spent the better part of the year planning out how our wedding will look, from the décor to the communications, and the first component of this gigantic undertaking is the “Save the Date” postcard that you see before you.
Original photographs that became our silhouettes (Photo by Sakura Koontz)
We want our wedding to feel like a party. Not just any party, mind you; more like a 1960s-concert-in-the-park-meets-prehistoric-hipster-safari. Or something like that. We’ve been scouting inspiration from far and wide, and one of the first ideas that hit us was to create a “gig poster” or a vintage-style handbill to inform our potential guests of the basic logistics in advance of the invitation. I’ve designed a whole bunch of save-the-date postcards for Gallatin at NYU (as you can see on the portfolio), but this was obviously a lot more personal. We decided it would be an adventure to silkscreen the invitations ourselves using the “split fountain” technique. It was a popular method of decoration for old concert or boxing posters, but it was usually used in the background to create a bright, colorful gradient on which black type would be set and printed on a letterpress. To stick with the theme, I used a combination of different type and lettering styles, some of which mimic the rough letterpress style of printers like Hatch Show Print in Nashville and Colby Poster Printing Co. here in Los Angeles. Other lettering comes from House’s Photo-Lettering site, such as the “Save the Date” script at the top. We referenced old show prints as well as movie posters (for the “Dino Vision” logo, a pretty blatant rip of the Cinerama logo and the Sinclair dinosaur mark. For the central silhouette illustration, we combined vector traces of two photographs taken by our good friend Sakura Koontz.
The process was remarkably smooth. We’d both done some screenprinting on t-shirts before, but neither of us had any hands-on experience with serigraphy on paper. The stock we chose is French Paper’s Mod-Tone in gray, which comes with a pre-printed pattern. We designed the card to be printed without bleed, 2-up on an 8.5″ by 11″ letter-sized page, allowing us to make a very simple cut and end up with a finished product. (We printed the back side on the cheap using inkjet). Using a Photoshop mockup of the design, we determined that Pantone Orange and Rubine Red would make a nice, yummy “Tequila Sunrise” gradient. Our comp wasn’t far off the mark, but the real-life result was far better than the digital version. Before we knew it, we’d printed up about 150 of them. The right side of the screen had some imperfections in the emulsion which led to some interesting artifacts, while the left side was nearly perfect. I think the variation between different prints is one of the beautiful and lively aspects of hand-printed serigraphs. So even though we sacrifice a bit of legibility, I think we’ve really hit the mark with our attempt at creating a vintage, imperfect look.
Tune in some months from now to see what we do with our invitation!
Where the Wild Things Are Pinstripe Tribute
Where the Wild Things Are Pinstriping Art Tribute
Ever since we saw the Spike Jonze / Dave Eggers film adaptation of Maurice Sendak’s Where the Wild Things Are, my fiancée Alyssa and I have been a bit smitten. The exemplary, ultra-laid-back marketing campaign and the this-is-how-it-should-be-done film itself are a one-two punch of quality, so often lacking in mass-marketed entertainment. Right before we saw the film, we came across Terrible Yellow Eyes, a blog dedicated to Wild Things fan art, featuring loads of talented artists giving their visual perspective on the book / film. (You know the film has to be making huge waves if it’s generating this much inspiration.)
Alyssa's secondary variation
So over the past week or two we’ve been working on our own little contribution. Not sure whether or not it’ll get posted anywhere else, but we figure it should see the light of day one way or another. Besides the obvious reference (“Carol” from Where the Wild Things Are, we referenced hot rod pin striping art styles like those popularized by Ed “Big Daddy” Roth.
In terms of our method: we were originally experimenting with Scriptographer, an amazing Adobe Illustrator plugin platform that allows for all sorts of scripted tools and filters. One of its scripts, reflector, allows the user to draw on one half of the artboard while the drawing is automatically reflected, in real-time, over the X-axis, Y-axis, or both. (Yes, for those Kustom Kulture purists out there, this is definitely cheating.) But in the end, Alyssa sketched out the final geometry with pencil on paper, and I scanned it in and vectorized it with bézier curves in Illustrator. There we added color, exported to Photoshop for some texture and experimentation, et voilà, out popped the finished design.
The Connie Dial Web Presence
A few months ago I posted a teaser image from a project I was not yet ready to announce. The project has actually been complete for a little while now, so I can finally go into detail about it, as I am wont to do.
Connie Dial is author living in Los Angeles county, and spent 27 years with the LAPD. Her experience as a detective and working undercover gave her plenty of inspiration to write. With the release of her first big novel, she wanted to promote her work on the web. We built her site entirely in WordPress so that every aspect of it is easy to edit and manage.
Visually, it was decided early on that we would pursue a sort of “film noir and Art Deco meets Los Angeles Police Department” look. I gathered a collection of images that were on point; these included images from Dragnet, photos of building signage (including the iconic Broadway Hollywood sign), shots of the LA courthouse, and a selection of vintage police ephemera. I liked the wispy, foggy, “diffuse glow” feel; it lends itself well to the lighting and lens choices of old Hollywood films, and also to the smoggy feeling of how Los Angeles used to be (it’s actually not as bad anymore, save for all the brush fires we have here lately). In looking for commonalities amongst the images I gathered, I found a tendency toward the architectural detail of parallel lines and three-dimensional surfaces—the “streamline” look. It occurs also on the Beretta 9mm pistol—another cop tie-in. There’s also the motif of the sunburst, prominently used on the LAPD badge. Typographically, I drew inspiration from said badge, as well as vintage signage and newspaper design.
After presenting a slew of sketches, Connie selected a sketch that was derivative of a combination of an old Brown Derby menu and the Broadway Hollywood sign. I decided it would be well-worth the effort to create the logo as a 3D model of a rooftop sign, and to use the model as an element of a virtual landscape evocative of the zeitgeist I endeavored to recreate. In the process, I may have become a bit carried away, as I created a pretty realistic neon light system connected to the extruded letterforms. I wanted it to look as convincing as possible, and so I crafted the tubes in such a way that they could actually be manufactured—at least according to my extremely naïve knowledge of neon light design. It’s hard to tell from the resolution on the website, but when rendered up close with a glass material on the tubes, it looks pretty neat. This is why I blog about our projects—some of this stuff would never see the light of day otherwise.
Interesting note: in researching The Broadway Hollywood and its signage, I found that they had recently created a pretty nice looking website, including a slightly revamped version of their building’s roof logo. Even better: further research uncovered a new, custom typeface that was developed specifically for the building’s new branding. I love when businesses appreciate what they have, rather than trying to erase their history altogether. This is a terrific example of how things should be done—drawing direct inspiration from the building’s history and iconic visual motifs. Kudos.
Visit Connie Dial’s site at www.conniedial.com, and see this entry on the three steps ahead portfolio.
NYU Stern Orientation Program — inspiration by Erik Nitsche
(Update: photos of the printed booklet are now up.)
New York University’s Leonard N. Stern School of Business engaged with three steps ahead this summer to create a set of program booklets to be distributed to incoming students at Summer Orientation. Our work for Stern thus far (NYU Stern CACE Poster & NYU Stern IBEX Poster, for example) has leaned towards classic mid-century design meets The Naughties, when compared with designs we’ve done for NYU’s Gallatin School of Individualized Study. I’ve felt that Stern evokes a more streamlined, straight-shooting feel than the more expressive and eclectic nature of Gallatin. For this project, however, I wanted to branch off in a slightly tangential direction. The design needed to evoke feelings of: orientation; summer in New York city; a first time visit to the most overwhelming of all American cities; business; and a sense of edginess and fun.
I was particularly inspired by the work of Erik Nitsche, a modern graphic designer whose understanding of form and palette helped him to create some of the most iconic designs of the 20th century. I obsessively pored over the Flickr pool devoted to Nitsche’s work, trying to discern exactly what it was that made his work resonate. In my eventual concept sketches, I was influenced by Nitsche’s use of certain typeface pairs (Akzidenz Grotesk + Bodoni, for example) and graphic motifs, but I did my best to make it my own and keep things feeling of-our-era, rather than co-opting the 1960s zeitgeist completely.
The client had requested that several initial concepts be presented. The first set of ideas that I sketched were less related to Nitsche’s work than they were to some of the 1964 World’s Fair pieces I’ve come across, as well as mid-’60s record album art. These initial concepts had a very playful feel and a color palette that evoked New York City. I also really wanted to specify French Paper’s Dur-O-Tone in Butcher Orange as the cover stock. It’s fantastic. I created two different covers, one with a line-art illustration of Stern’s headquarters, and one with a motif evocative of a New York city manhole cover, a vinyl LP, or a stylized depiction of the summer sun (à la Rocky and Bullwinkle).
My next set of designs, which would form the foundation of the final pieces, moved more in the Swiss modernist Nitsche direction. I liked the idea of a diagram depicting a literal interpretation of “orientation.” I liked the associations with the summer season and the earth’s axis being tilted at 23.44°. I also liked the concept of a Little Prince-like planet with New York City as a major topographical feature. The colors I had chosen for this group of sketches was a lot more subdued, in contrast with the orange-and-blue palette of the previous concept. The feedback I received indicated that the perfect compromise was to combine the geometry and basic form of the modernist concept with the brighter, happier colors of the World’s Fair concept.
After selecting from a handful of colorways, we arrived at the final palette and polished the design to completion.
Interior spreads include several photo-illustrations based on the photography provided by NYU along with an extension of the arrow motif from the cover design. The inside cover also includes a map of the Washington Square Park NYU Campus area with important orientation locations highlighted by color for quick reference.
Subscribe |
Search |
Categories |
Archives |
Associated Sites |
Friends |
Recommended Reading |
- Ed Rondthaler's Life with letters …as they turned photogenic
- House Industries: The Book
- Iron Fists: Branding the 20th-Century Totalitarian State by Steven Heller
- Meggs' History of Graphic Design
- The Alphabet Thesaurus, Vol. 2
- The Elements of Typographic Style by Robert Bringhurst
- The Graphic Artists Guild Handbook