Category Archives: Illustration

Illustration: Crazy dubstep animation

This certainly won’t be everyone’s cup of tea, and you’d do well to skip right ahead to 1:20 or so, but at that point it showcases some great illustrations: “The animation section was created by taking illustrations by Adam Relf, prepping them in Photoshop then animating and compositing in After Effects. I did the final compile in Adobe Premiere.”

Illustration: Re-creating John Lennon's poster

Beatles fan Peter Dean enlisted woodcarver Andy English in re-creating a Victorian circus poster that inspired John Lennon to write the song Being for the Benefit of Mr. Kite!, which appeared on The Beatles’ 1967 album Sgt. Pepper’s Lonely Hearts Club Band:

Lennon bought the poster in an antiques shop and hung it in his music room. While writing for Sgt. Pepper one day, he drew inspiration from the quirky, old-fashioned language and set the words to music… It is printed in a limited edition of 1,967.

Make Productions nicely tells the story:

  

[Via]

Tutorial: Gradients Galore in Illustrator

Looks like a deep & interesting tour from Adrian Taylor. Says Smashing Magazine,

This extended video tutorial covers a wide variety of topics including basic gradient tools (0:30), the appearance pannel and multiple gradient fill layers (2:30), creating gradients with the blending tool (3:45), gradient strokes (6:30), gradient mesh (7:45), using gradients with type (14:00), wrapping gradients with envelope distort (16:30), and using opacity masks.

Maily: Visual email for kids

Being the dad of young boys, and being really eager to encourage their drawing-skill development, I’m intrigued by Maily:

Especially designed for kids from 4 years old, Maily allows your kids to send quirky, personalized emails to mom and dad, their grandparents or close friends easily, rapidly, and securely.

Your kids can now create and send their own emails, using elements like digital pencils, brushes, photos, personalized backgrounds, stickers, and their most commonly used expressions.

[Via]

Painting a McLaren with lasers

They kinda had me at “Marshmallow Laser Feast,” but boy this is beautiful:

Working with McLaren we were able to process their wind tunnel airflow data and score out paths for individual trails of light. Each frame was then sliced into 650 frames that represent depths of 3D space and a plasma screen, mounted on a motion control rig, was used as a 3D light printer to play back the 650 slices as it moved through the space. We then repeated the move a thousand times for each frame of the animation and with each frame the camera, mounted on another motion control rig, moved a few millimeters so that over the course of the shoot we were able to create the effect of a moving camera.

[Via Adam Pratt & Gizmodo]

USA Today's (crazy?-)bold new logo

USA Today has rebranded with what’s almost the most minimal logo one can imagine: a pure blue circle. The press release states, “USA TODAY’s logo was redesigned to be as dynamic as the news itself. The logo will be a live infographic that can change with the news.” Armin Vit provides lots of details & perspective at Under Consideration. Here’s a taste of how the logo evolves:

I also enjoyed Stephen Colbert’s somewhat less appreciative take:

She's a Rainbow

  • Gorgeous: “American artist Tauba Auerbach presents the 8 x 8 x 8-inch hard-back cubes illustrating the RGB color scheme in a page-by-page medium. a digital offset print on paper with airbrushed cloth cover and book edges create a colorful reference volume of all the colors in existence.” [Via Chris Peppel]

  • 99 Shades of Grey: As CreativePro writes, “For pledges ranging from $1 to $99, backers can get the book in soft-cover, hard-cover, or ebook formats, t-shirts, posters, and the privilege of naming a particular shade of grey.”

 

 

Or as someone just quipped about the Illustrator 1.0 video I uploaded a while back, “ANY SHADE OF GREY I WANT! <3”

 

 

Make a Monty Python animation, win Adobe apps

 Adobe’s sponsoring an Animate Chapman contest, open ’til October 22. As CreativePro explains

The contest is being run to celebrate and promote the upcoming 3D animated film A Liar’s Autobiography – The True Story of Monty Python’s Graham Chapman.

Ten winners will be chosen and in addition to the software prize, will receive the honor of having their animation included in the DVD box set of the film and on the Python’s YouTube channel.

Demos: Using Adobe Ideas & Illustrator together

If you like to sketch out ideas while on the go & then refine them further, Adobe Ideas + Illustrator is a great one-two punch. Here’s a short series of quick demos that show the process & offer some best-practice guidance.

1. Starting a sketch in Adobe Ideas
In this video, we’ll go through a brief tour of the features of Adobe Ideas, before creating a sketch and prepping the workspace for our final illustration.

2. Creating a finished illustration in Adobe Ideas
Next, we’ll take our sketch and turn it into a multi-layered colored illustration. We’ll also cover some techniques to facilitate a smooth transition into Illustrator, allowing for maximized editing ability.

3. Modifying an Ideas file in Illustrator
Finally, we’ll use Creative Cloud to bring our Ideas file into Illustrator CS6. From there, we’ll learn some techniques on how to clean up and edit our artwork.

The Olympics via TRON

The Chemical Brothers teamed up with Crystal CG to create this piece. It’s slow to start, but hang in there a bit. “Played in the Velodrome before every session,” the creators say, “the video shows the Velodrome as never before, literally pulsating with excitement. ‘We’ve created sweeping contours and sleek surfaces as the backdrop for an intense, futuristic cycling ‘duel’ as two animated riders power round the track,’ said Darren Groucutt, creative director at Crystal. ‘It truly brings the Velodrome to life.’”

[Via]

Monkeygram & Jittergram: Animation in your pocket

I’m a fan of the joyful iPad app Toontastic, saying last year:

The other day I said that creation on tablets would be more about fun, about speed, and about the unbridled pleasure of creation than what we know today. Toontastic is the sort of thing I have in mind.

Now its creators have created Monkeygram, a way to create animations (featuring your face, if you’d like) from your phone. It’s “Toontastic for the rest of us”:

Will “the kids” now start sending each other animations instead of texts? I don’t know, but I dig that these guys are trying.
Elsewhere, Jittergram helps you “make a 3D sterogram or a long stop motion animation… Jittergram makes it easy by showing your previous frame on top of the current camera view so you can line everything up perfectly. It then automatically creates a GIF and makes it super easy to share.”
As soon as my lads are old enough to start creating the stop-motion Lego videos they so enjoy, I think we’ll be all over this one.

Creating the Iron Man HUD for The Avengers

The VFX team at Cantina Creative sat down with Adobe to discuss the incredible attention to detail they put into creating on-screen graphics for Marvel’s The Avengers. From consulting with an A-10 pilot about his “ultimate HUD” to animating thousands of Illustrator elements in After Effects, their process makes for a really interesting read. The move to 3D demanded even tighter craftsmanship:

We focused a lot of time on how widgets and graphics would actually function because everything was clearly readable. Everything in the HUD, even down to the tiny micro-text, relates precisely to the current story-point.

Whatever happened to all my design links? (Hint: Pinterest.)

You might remember that I often used to featured bulleted lists of links about photography, illustration, typography, etc.  I still share links when possible via Twitter, but I just haven’t had time in recent months to amass collections as I once did. (Could I now be working for a living? Perish the thought!) I still pine for an automated solution that apparently doesn’t exist.

A silver lining, though: Now I find that my Pinterest boards absorb what would otherwise have been tweets. I can’t add quite the same context/commentary there, but the site offers a beautifully visual presentation, and you might want to follow me there.

What do you think of the CS6 icons & splash screens?

In 6 years of daily blogging, I’ve never gotten deluged more than I did when revealing the CS3 icons.  After 500+ comments, I even got turned into icons myself. Suffice it to say, people have strong opinions.

These designs don’t happen by accident–quite the opposite.  Adobe XD (Experience Design) manager Shawn Cheris has posted a thorough tour of how CS6 branding evolved & the thinking that went into it.  He talks about how they started with color, moved into shapes, and ultimately created thousands of individual graphics across the entire Suite.

Photoshop, Pirates, & The Force

Hmm… What would make for a good list of dark-to-light descriptions?

As he was working on Photoshop CS6’s new dark UI feature, engineer Joe Ault put in bread-based placeholders for the brightness values: Pumpernickel, Dark Rye, Whole Wheat, Sourdough–then solicited suggestions from the team.  Steve Guilhamet from QE explains.

The base ground rules were 4 names that reflected the tonal range of the 4 UI options, with consideration for cultural variance and localization (e.g. Pumpernickel in Scandinavia is not thought of as a dark bread). There was a food theme to start but it opened up a bit. We had beer, coffee, tequila, macaroons, rice, cakes, etc. There were moon phases, seasons, rocks.

Steve suggested clouds (Cirrus, Stratus, Cumulus, Nimbus– “Because you can’t see ‘Cloud’ used enough these days”), pirate flags (Henry Every, Richard Worley, Stede Bonnet, and John Rackam), and more.  My favorite, though, is one he mocked up:

 

Eventually things died down & the UI ended up with just unnamed color swatches–the right move, I’m sure, but a bit less fun.  (Hard to say, though, what would happen if one held down modifier keys while clicking them in the Prefs dialog…)