retro
Seattle World’s Fair Platter
Souvenir platter from the Century 21 Exhibition / 1962 Seattle World’s Fair, scored on eBay.
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!
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!
Metal architectural lettering
One of my favorite aspects of living in Southern California is the local architecture and its accompanying signage. Many of the schools in my area were built in the 1950s, 1960s, and 1970s, and lots of them utilize gorgeous, low x-height, geometric titling faces like the ones on which Neutraface is based. The Southern California Regional Occupation Center, circa 1969, has some particularly nice signage adorning its sturdy, imposing Battersea-esque industrial architecture.
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.
Cosmographs update
After my recent post on harmonographs, I ponied up for a copy of the Photo-Lettering Alphabet Thesaurus, Volume 2. And now that I can read the book in “full resolution,” I learned a bit more about these mysterious space drawings. The following is transcribed directly from the book:
The figures on the following pages are a unique graphic arts innovation. Photo-Lettering has picked the name “COSMOGRAPHS” to describe these intriguing, orbiting motifs. They represent a significant, modern art-form, for here is scientifically-produced art that unerringly reflects the pitch and flux of this electronic era…free forms unencumbered by traditional patterns…designs with internal momentum capable of exercising a subliminal influence. These are not superficial ornaments; they possess a visual harmony with an enchantment that sets a dominant mood or tone.
Cosmographs are the product of an invention by Edward Lias, physicist in sound. They are visual records of patterns produced by interfering sound waves. Each figure represents a harmonious musical chord or triad. The adjustment of tonalities to different ratios produces the varying formations. The potential of effects is limitless. Here science and art literally join hands in the unity and harmony of basic universal motions.
This introductory showing of cosmographs will no doubt suggest a variety of interesting and practical uses. The designs are available from Photo-Lettering Inc. in SpectraKrome color prints, or black and white glossies from reproduction…as shown or flopped over… positive or negative. Size should be measured on the longest dimension. Prices are adjusted to the intended use.
And later:
Cosmographs are useful for setting moods, attracting attention, decorating backgrounds, and adding distinction to printed matter. Some specific applications include record albums, book jackets, trademarks, letterheads, package designs, wallpaper, murals, displays, TV spots, etc. Also special uses in the areas of electronics, music, art, architecture, fashion, industry, etc.
I think the persuasive 1960s copywriting is almost as good as the designs themselves!
Harmonographs: Drawings of the Future
Harmonographs: Drawings of the Future
My path to discovering the world of “harmonographs” is slightly convoluted. It all began when House Industries announced that it would be digitizing and selling selections from the Photo-Lettering, Inc. type collection. Now, besides the fact that this will allow digital designers such as myself to take advantage of the analog type of yesteryear, House plans to sell the fonts in a more affordable way—one headline at a time. Just like Photo-Lettering did back some decades ago, House will allow designers to specify headlines for typesetting and then order only the glyphs that are necessary for the job. This keeps the cost to the designer/client down, and will hopefully stimulate volume sales. It’s revolutionary. I can’t wait.
House 3009 Catalog Cover
So how does this relate to harmonographs? Well, after hearing about House Industries’ plans, Grain Edit recently posted some photos of the Photo-Lettering, Inc. Alphabet Thesaurus, Volume 2. One page in the type specimen catalog includes these amazingly retro Spirograph-like images called “cosmographs.” I’d remembered seeing similar imagery gracing the cover of the House Industries “House 3009″ type catalog, in all its Space-Age glory. Also, when I recently visited House for their Tag Sale, I picked up a 12″ vinyl LP called “Fantastica: Music from Outer Space by Russ Garcia.” It too features a cosmograph-like image on the cover, again evocative of that whole 1950s/1960s film-and-television sci-fi zeitgeist.
So, Google to the rescue, and I came across Cosmographs.com; not a terribly functional or attractive site, but fascinating nonetheless. I put two and two together and saw that the site credits Edward J. Lias, the same fellow mentioned on the Cosmographs page of the Photo-Lettering catalog (“Recorded by Edward Lias”). Looks like I am on to something, I thought. I tried his email address to no avail; my message bounced. A Whois lookup of his domain name leads only to his hosting provider. Dead end—sigh. Wikipedia time! I looked up information on Spirographs, those fun pen-and-ink toys I used to play with in school, and as Wikiing often allows, I eventually found the harmonograph, another variant of a pendulum-like line graph1 . Great, of course, but I wanted so badly just to be able to make them myself! Luckily, related links at the bottom sent me to subblue, an extraordinarily amazing site where one can actually create harmonographs (as well as guillochés, fractals, and mind-blowing M.C. Escher-esque graphics). The icing on the cake is that with a simple right-click and access to a PDF printer (I recommend CutePDF writer, by the way), the files can be saved, and voila. Vector harmonographs.
- UPDATE: After acquiring my own copy of the Alphabet Thesaurus, Volume 2, I learned a bit more about “Cosmographs.” Check my newer post for more information. [↩]
Devin’s Debut
Gallatin Listening to Wine poster, first draft, straight out of Illustrator, and before Devin's Magic
For a recent NYU Gallatin School of Individualized Study poster design, my brother Devin Korwin contributed his Wacom tablet skills and helped make a good poster design great. We were inspired by the gritty-yet-soft shading techniques used by advertising poster artists such as Adolphe Mouron Cassandre in the earlier half of the 20th century. After designing the layout, the illustration, and typesetting the copy (in Alternate Gothic and Mark Simonson’s Mostra), I handed my file over to Devin for him to add his artistic touch. The shading alone adds so much depth and interest to the design, but the aged paper texture puts the icing on the cake.
Whereas Cassandre must have got messy with stencils and airbrushes, we digital cheaters can achieve a pretty decent looking analog using Photoshop’s “dissolve” blending mode.*
I’m finding it really cool that I get to work with my brothers on occasion. My other brother, Zach, has been helping out with Wordpress sites, most recently including donzukas.com (which I still have to make a portfolio entry about!)
*I can hear you all saying “so that’s what it’s for!”
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