Category Archives: Illustration

Drawing from sound

  • "Want to try something hard?" asks Ze Frank.  His sound-powered drawing toy produces some wacky results.  Low volume produces counterclockwise curves, medium volume goes straight, and high volume curves clockwise.  I’d love to see videos of people trying to use this thing.  (I’m letting it run in a team meeting, but voices are too faint to do much interesting.) [Via]
  • Johannes Kreidler fed Microsoft Songsmith with charts based on plunging stocks, deaths in Iraq, and other dismaying stats.  The results are kind of depressingly awesome. [Via]

Logos n' details

Tuesday Illustrations: Killer movie posters, RUN-DC, & more

Interesting Inaugural bits from the NYT

  • The New York Times features an interactive photography portfolio called Obama’s People, offering portraits of key staffers. The audio commentary (via the link below the photos) is worth a listen, describing the subjects’ choices in what to bring to the shoot (e.g. a chocolate chip cookie for David Axelrod).  The separate making-of piece features Kathy Ryan talking about how shooting digitally has enhanced the collaborative aspects–and maybe the time pressures–of portraiture.  [Update: Ellis Vener points out a hilarious “Real Behind-the-Scenes” take on the shoot, followed by some good discussion in the comments.  “Blue Steel…”]

 

  • The paper (that term seems more than a little outmoded, doesn’t it?) also features an excellent overview of the Inauguration Day goings-on via a 3D-rendered map and timeline.

 

 

I’d love to be in DC in person, but that map triggers a memory of having gotten stuck on the Metro under the Potomac on a sweltering July 4 years ago.  With Tuesday temperatures due to hover around freezing, maybe I’m okay with TV after all.

Saturday Illustrations: Stalactites, stained glass, & more

Wednesday Illustrations: Presidencies to video games

Photoshop Subvertising

Artist-vandals in Berlin have rather brilliantly hacked a set of subway posters, overlaying them with stickers showing the Photoshop UI. [Via Mark Stern, Serge Jespers, Jeff Lietz, and others]

 

I have a soft spot for the trippy impromptu public art projects that subway posters often become–everything from Van Dycks & puke lines to political commentary.  I got an unreasonably big kick out of a Bourne Identity poster in the NY subway that featured three images of Matt Damon on which someone had scrawled, respectively, “Loner… gun owner… stern taskmaster.” (Told you it was unreasonable.)

 

[Update: Kottke links to more photos on Flickr.  Apparently the project is called "Don’t Forget…" [Via]]

 

[Previously: Real-world Photoshop.]

Kuler adds Community Pulse

The team behind Kuler, Adobe’s color harmony creation & sharing site, has introduced a neat new feature:

 

Explore the Kuler global community with Community Pulse, a big picture view of color usage. This is a beta feature, using data visualization (screenshot) to show the relative popularity of colors across a sampling of countries, time periods, and tags.

 

To check it out,

 

  • Sign in with your Adobe ID to play around with it
  • Mouse over the histogram to see the hues on the color wheel
  • Try the granularity slider to see more/less color detail
  • Use the comparison icon (two circles) to compare/contrast

 

If you have questions, check out Kuler Help.  And don’t forget to check out the Kuler panel in Photoshop, Illustrator, Flash, and InDesign CS4 (see Window->Extensions->Kuler).  Here’s a couple of screenshots, plus a video demo. [Via]

Pen Zen for 2009

Mordy Golding offers 10 Illustrator Resolutions for 2009–ten great suggestions for getting more out of this amazingly powerful app.  My notes:

 

  • If you do nothing else, try double clicking your artwork to enter “isolation mode.”  It’s just like editing a symbol in place in FlashStop doing the whole lock/unlock, group/ungroup dance.  Isolation mode is your friend, particularly in CS4.

 

  • Mordy is right on about the power of the Appearance panel.  In CS4 the panel is at last just what I’d hoped it could be–namely, a killer one-stop shop for adding and editing object effects and parameters.

 

  • My personal addition to the list?  Envelope distortions.  Create some artwork, then choose Object->Envelope Distort, then either Make With Warp or Make With Mesh.  I like choosing the latter, then selecting the Free Transform Tool (E), clicking and dragging on one corner, and then while still moused down holding Cmd/Ctrl to do a perspective transform.  Bam, instant re-editable Star Wars text.

 

 

If you really want to brush up on your fundamentals & really wrap your head around the Pen tool, I recommend a couple of great resources:

 

 

 

And oh yeah, Happy New Year!  We’ll see whether my blogging can hold up under not one but two bambinos.  Bring him/her on! 😉

Friday Illustrations: Vader, fractals, & more

Monday Illustrations: Fast cars & dirty fingers

Illustrator CS4: Faster launches, new scripts, & more

As I’ve noted a few times, I really like the way the Illustrator team focused on the fundamentals in CS4. Among these, they’ve made some great headway in bringing down the application’s launch time. Brenda Sutherland from Illustrator QE passed along a few benchmarks:

 

Win XP CS3 CS4
Cold Launch on Benchmark Machine* 21.7s 12.8s
Cold Launch on User Machine** 36.4s 19.5s
     
iMac (Leopard)    
Cold Launch 25.5s 16.4s

 

* Benchmark machine is the optimized setup machine for taking consistent launch performance numbers. It has no virus scanner and a totally defragmented hard disk.

** User machine is the one similar to user environment, having a virus scanner, fragmented hard disk with a few common applications installed.

My own unscientific tests (using Watch It on a 2.33GHz MacBook Pro) produce similar findings, knocking about 35% off the cold launch time & cutting the time for a warm launch roughly in half relative to CS3. Thanks, guys!

In other AI-related news:

New Illustrations: Mad Men to Hot Rocks

Dept. of Mad Chops:

Illustrated misfortune:

Self-aggrandizement:

  • The pixel masters at eBoy featured yours truly among a field of ‘Dobe peeps. Thanks, guys! (Incidentally, this illustration plays ridiculously well with content-aware scaling in PSCS4.)
  • At the recent party to celebrate shipping CS4, Photoshop engineer Geoff Scott took a cool shot of me that I turned into a quasi-Hot Rocks-style illustration via the new PS Pixel Bender plug-in. (I used subblue’s Droste Effect filter kernel–a free download.)

Illustrated Miscellany: Obama, the Joker, & molten wax

History & politics:

Packaging & Objects:

  • Veerle showcases some beautiful packaging.
  • Go Media sells PSD templates that can help you drop artwork onto various wrinkly shirts.
  • Virgil O. Stamps will print on just about any crazy material–duct tape, shredded targets, National Geographic pages, etc. [Via]

Cool Devices:

  • The notional Virtuo virtual palette “uses sensors and light to mix digital colour and apply it to a screen.” [Via Jerry Harris]
  • Man, I can’t wait for our son to get old enough to rock out with the Crayola Glow Station. (My mom used to let me paint with crayons using paper on a hot plate. Ah, the ’70s: a simpler, less safety-conscious time. ;-))

Post-election bits

I’m finding it hard to get back into the blogging game after such a* historic election.  Doesn’t blogging about megapixels and keyboard shortcuts just seem kind of… trite?

 

In an effort to spool back up, here are some interesting visual bits I’ve encountered:

 

  • Oh yeah!: "The Final Endgame Go Time Alpha Action Lift-off Decide-icidal Hungry Man’s Extreme Raw Power Ultimate Voteslam Smackdown ’08 No Mercy: Judgement Day ’08.That’s what I’m talkin’ about.  Peep The Daily Show’s ode to/mockery of over-the-top motion graphics.
  • Jason Kottke has aggregated a huge list of election maps from around the world, from whiteboards to the Onion.  I love the way various maps, including the one on the NY Times site, let you zoom into states to see a county-by-county patchwork of voting.  Also check out the way the NYT map features "county bubbles" and a voting trend comparison slider.
  • Mark Newman’s maps offer insight into voting patterns by geography and population. [Via]
  • The Guardian features a gallery of newspaper front pages from around the world. [Via]
  • In The Living Room Candidate, the Museum of the Moving Image features TV ads from US presidential races, 1952-2008.
  • Typography:
    • Channeling campaign fatigue into type, This [Farging] Election aggregates many of the year’s memorable phrases into a single column.
    • Obama + dingbats = ObamaBats, courtesy of Jeff Domke. [Via]

 

* Not "an".  Hah; I knew it.  We’re not Cockney, for crying out loud.

A handful of Halloween art

Recent political illustrations, animations, & fruit

The US presidential election is motivating all kinds of creativity, from posters to pumpkins. (And before anyone flips out, let me say that A) I’m trying to be evenhanded in the distribution of links below, and B) I picked things to share based not on political affiliation, but based on creative/graphical interestingness.)

 

Monday Illustrations

A slightly random sampling for a Monday morning:

 

Monday Illustrations: Current events to optical illusions

"Dear InDesign, Illustrator…"

Continuing a bit of a theme:

 

  • InDesign Sr. PM Michael Ninness has responded to nearly all the top 25 beefs reported on DearAdobe.com.  He’s also provided another 15 responses to other gripes that they plan to address in a future blog entry.  (Regarding the gripe about the lack of a color picker, although it’s not exactly what’s being requested, I’d point out that InDesign, Illustrator, Flash, and Photoshop CS4 all feature the same Kuler panel (screenshot) for color selection.  We’re sharing more code, but it’s not an overnight thing.)
  • Meanwhile former Illustrator PM Mordy Golding has surveyed the remarks about Illustrator, and he’s posted responses to the top 25 comments along with good points about what does–and doesn’t–constitute useful, actionable feedback.

Illustrator CS4 goodness

Among the comments on my list of details polished in Photoshop CS4, a number of people wished for a similar list for Illustrator & suggested that the Illustrator team start a blog.  As it happens, my friend & former Illustrator PM Mordy Golding runs the great Real World Illustrator blog, and he’s posted some illuminating resources:

 

 

In the past I’ve said "I swear because I care," and caring a lot about Illustrator, I’ve directed some well-intentioned swearing in their direction over the years.  I distinctly remember sitting at my desk at Agency.com some nine years ago and hearing a (long since departed) Illustrator PM dismiss my request by saying, "Oh, customers don’t want multiple pages."  (At that point I started wondering, "Now, is it still murder if it wasn’t premeditated, and can I claim temporary insanity…?")  That’s why I’m delighted that they’ve both addressed some eternal requests (yay, multiple pages–er, artboards!) and have polished lots of existing functionality.  As Mordy writes,

 

In the past, Illustrator had a reputation of adding new features, but never really going back to refine them in subsequent versions (i.e.,gradient mesh, 3D, brushes, graphs). With an improved Appearance panel, more capable graphic styles, a revamped gradient feature, better clipping mask behavior, isolation mode, and Smart Guides in CS4, it’s refreshing to see the team adding much needed polish to some of these "older" features.

 

The more I’ve played with the new Illustrator, the more I’ve found the "little" changes to have a big impact.  I think you will, too.

Political illustrations

Vintage Sunday

New infographics: Hockey Moms to Wu-Tang Clan

P-shopped Chrome

Heh–good for a Friday laugh: Google’s Chrome browser comic gets mauled by a bunch of wiseasses.  (Mocking goateed hipsters will always, always sort me out.) [Via Fergus Hammond]

 

Other random graffiti-ish bits:

 

Spraygun Mona Lisa, hipster anatomy, & more

Recent illustration finds:

 

 

Spraygun Mona Lisa, hipster anatomy, & more

Recent illustration finds:

 

 

Chinese political illustration, then & now

Chinese political illustration, then & now

Friday Illustrations: Beer, bathrooms, & The Shining

Friday Illustrations: Beer, bathrooms, & The Shining

On-demand skate decks & more

I’m always intrigued by technologies that enable on-the-fly creation of media (print, Web, video)–what Adobe dubbed "network publishing."  Recent examples I’ve found interesting:

 

  • "MagCloud enables you to publish your own magazines. All you have to do is upload a PDF and we’ll take care of the rest: printing, mailing, subscription management, and more."  (Kind of a step up from my 8th-grade experiences publishing a skate ‘zine with a friend’s Mac & my dad’s office Xerox.)
  • On another skating note, Zazzle now enables creation of customized skateboard decks. [Via Bryan O’Neil Hughes]
  • Faber Finds publishes out-of-print titles, generating a unique cover for each on the fly. [Via]

On-demand skate decks & more

I’m always intrigued by technologies that enable on-the-fly creation of media (print, Web, video)–what Adobe dubbed "network publishing."  Recent examples I’ve found interesting:

 

  • "MagCloud enables you to publish your own magazines. All you have to do is upload a PDF and we’ll take care of the rest: printing, mailing, subscription management, and more."  (Kind of a step up from my 8th-grade experiences publishing a skate ‘zine with a friend’s Mac & my dad’s office Xerox.)
  • On another skating note, Zazzle now enables creation of customized skateboard decks. [Via Bryan O’Neil Hughes]
  • Faber Finds publishes out-of-print titles, generating a unique cover for each on the fly. [Via]

Recent infographic goodness

  • Stefanie Posavec creates beautiful, sometimes abstract images from data in her “On the Map” project.
  • The NYT renders Olympic medal counts by country, also enabling the user to navigate through time.  (Tossing it around too freely, I managed to blow up Safari.)
  • UFO sighting convincibility” is on the rise, thanks to Photoshop. [Via Rob Corell]
  • xach.com offers a cool way to visualize 2008 box office results. [Via]
  • I think I should chart my mood on a line stretching from “Earnest” to “Scurrilous*,” as Vanity Fair does with the content of their Blogopticon. [Via Tom Hogarty]  It’s similar to New York Mag’s Approval Matrix.

 

*Defined as “grossly or obscenely abusive… characterized by or using low buffoonery; coarsely jocular or derisive.”  Hells yeah.

iPhone GUI bits

  • The guys at teehan+lax have created a slick, well organized iPhone GUI PSD file.  Geoff Teehan writes, "We created our own Photoshop file that has a fairly comprehensive library of assets – all fully editable."  Nicely done! [Via Joel Eby]
  • Felix Sockwell offers a detailed walk-through of how he developed icons for the NY Times’ iPhone app.
  • Vaunted info-design expert Edward Tufte critiques iPhone interfaces in terms of their info-to-overhead ratio. [Via]

 

Marginally related at best, but too good not to share: the highly unique unboxing video for the Samsung Omnia. [Via Russell Williams]

Saturday drawerings, from Tron to rayguns

Tuesday Illustration: Iron Man, lasers, and more

  • Semi-political
    strangeness:

    • Politicians often serve as pincushions, but it’s rare that they’re actually made of pins, as in this Thumbtack Obama. [Via]
    • Gene Tempest’s long but interesting essay covers the Posters of Paris ’68, talking (among other things) about how the French artists played on memories of Nazi collaboration.
    • "Did United Artists doctor a photo of anti-Hitler plotter Claus von Stauffenberg to make him look more like the Top Gun actor?" asks the Guardian. [Via]  (Even weirder: My wife just glanced at the image and said, "I thought that was you for a second.")
  • Designer Marian Bantjes
    has been producing great stuff lately:

    • Her Design Ignites Change is a limited-edition, laser-cut poster that dramatically changes appearance under different conditions.  Proceeds benefit kids orphaned by HIV/AIDS in Kenya. [Via]
    • In Love Stories she creates a riot of great type–some of it edible!

Killer animations o' the day

  • Despite finding it some time ago, I’ve been avoiding blog The Art of the Title Sequence, knowing that it would likely take over my life.  Sure enough, it’s loaded with good stuff.  Check out the beautiful titles for El Don, whipped up by Santiago artists Smog.  I saw motion graphics pioneer Kyle Cooper (SE7EN, etc.) speak years ago and remember him saying that every frame should hold up on its own as graphic design.  This piece aces that test.  (For unrelated goodness, see Smog’s “monkey-headed dancing guy” (or whatever “un mono bailarín” is).)
  • Motion artist PES creates incredible stop-motion films using found objects.  KaBoom and Western Spaghetti are particularly great (c’mon, Candy Corn as flames?).  Check out his work before People for the Ethical Treatment of Upholstery shut him down. [Via John Peterson & Maria Brenny, “Because (re: KaBoom) I know what you do in the desert”]
  • My Drive Thru is a new stop-motion video for Converse, produced by the team at Psyop.  Behind the scenes, Pharrell Williams talks about rescuing Chuck Taylors from the taint of Punky Brewster, and Glossy interviews the Psyop crew while posting some high-res stills. [Via]
  • Superfad has kicked out a trio of stylish ads for Sprint.  The Hurricane Katrina spot is particularly worth a look.  

*Real* Real-World Photoshop, Vitruvian Wookies, and more

  • In his Tell a Lie project, Henry Hadlow "uses a camera to mimic common Photoshop effects."  Killer! [Via Paul McJones]
  • Vader Crossing the Delaware: On Worth1000, P-shoppers mash up Star Wars with fine art.  Surveying a couple of the pieces, Bryan Hughes remarked, "Man, that is some seriously disturbing stuff. Sort of like Joe Satriani for the eyes …which is to say that, yeah, I know there’s crazy talent there… but what a way to misuse it!" [Via Dave Dobish]
  • Green Patriot Posters bring kick-ass poster art to the fight against climate change.  Nick Snyder writes, "Contributions from other designers will be featured in the coming months. In September, Green Patriot Posters will launch an online competition where participants may submit Green Patriot Poster designs, view other posters and vote on designs."

Walruses, Wolverine Monkeys, & mo'

  • Animation:
    • In 1969, 14-year-old Jerry Levitan snuck into John Lennon’s hotel room in Toronto and convinced him to do an interview.  38 years later, I Met The Walrus is the Oscar-nominated short film that resulted–5 minutes of fluid, often surreal images morphing into one another over the recording.  YouTube hosts the full piece in high quality.
    • I’m not sure what to say about the coffee-stirrer-based (?) Endless Not stick animation, but I can dig it. [Via]
  • I love the crazy little characters made by Matthew Porter.  (His Dr. Wagner portrait is staring down at me now.).  Next time you need to commission a Wolverine monkey, you’ll know where to turn. [Via Margot]
  • Coca-Cola’s very cool WE8 site brings together illustrators, musicians, and other artists from West & East in the spirt of friendship (well, that and of selling tasty sugar water).  The site features interactive 3D Flash versions of the packaging they’ve created, downloadable desktop images and more. [Via Terri Stone]
  • Peep the charming skulls of Kristina Collantes desktop wallpapers.
  • Public service:
    • Speed bump: $1500.  Drawing of a speed bump: $80.  Effectiveness: pretty comparable–at least until people catch on. [Via]
    • What do the "Safetymen" on signage do all day?  Signs of Life aims to shed light.

Walruses, Wolverine Monkeys, & mo'

  • Animation:
    • In 1969, 14-year-old Jerry Levitan snuck into John Lennon’s hotel room in Toronto and convinced him to do an interview.  38 years later, I Met The Walrus is the Oscar-nominated short film that resulted–5 minutes of fluid, often surreal images morphing into one another over the recording.  YouTube hosts the full piece in high quality.
    • I’m not sure what to say about the coffee-stirrer-based (?) Endless Not stick animation, but I can dig it. [Via]
  • I love the crazy little characters made by Matthew Porter.  (His Dr. Wagner portrait is staring down at me now.).  Next time you need to commission a Wolverine monkey, you’ll know where to turn. [Via Margot]
  • Coca-Cola’s very cool WE8 site brings together illustrators, musicians, and other artists from West & East in the spirt of friendship (well, that and of selling tasty sugar water).  The site features interactive 3D Flash versions of the packaging they’ve created, downloadable desktop images and more. [Via Terri Stone]
  • Peep the charming skulls of Kristina Collantes desktop wallpapers.
  • Public service:
    • Speed bump: $1500.  Drawing of a speed bump: $80.  Effectiveness: pretty comparable–at least until people catch on. [Via]
    • What do the "Safetymen" on signage do all day?  Signs of Life aims to shed light.

The Ocelot, in ink

Wow–now this you don’t see every day: John Pischke, an Image Capture Manager at Quad/Graphics in Minneapolis, has used the “Ocelot Rampant” image from this blog in a tattoo on his arm. I furnished him with the original Illustrator file last year, and on Tuesday it was turned into ink. “You’ll be happy to know it was completely designed in Photoshop,” writes John P. Nice!
Tangentially related surreality:

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]

Wednesday Illustration: Cash money & Mo'

Wednesday Illustration: Cash money & Mo'

Wednesday Illustrations: Smoke, fire, and floods