The folks at Linden Lab have whipped up Creatorverse, what looks to be a super simple way to create drawing imbued with physics. Here, I’ll let them explain:
Category Archives: Illustration
Illustration: Fingerprints come to life
Color mixing comes to Paper
The amazing thing isn’t that the folks at FiftyThree poured a year’s worth of work into “just” color mixing in their iPad app Paper. The amazing thing is that they had the guts to ship a drawing app without as basic & obvious a feature as color picking—and that by all accounts the app was a big hit without it.
Photoshop Troll
Is there any reason I should get such a large kick out of the punking of unsuspecting people who want free Photoshop work? No. Is that going to stop me? No. (Here’s my favorite I’ve seen so far.)
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]
Artist Liu Bolin erases cars from photos, no software required
“Waldo was a chump at hiding compared to Liu Bolin.” The artist sort of Content-Aware Fills himself out of photographs, disappearing into background via elaborate make-up. Now Ford has cleverly commissioned him to highlight its competitors’ blandness, making them melt into their backgrounds. Check it out:
Summly, a polished new newsreader
I just came across Summly, a free, pretty app for reading news on iPhone. It makes extensive use of swiping (left/right to navigate among articles, up/down to drill in deeper or to go up a level), and it’s full of carefully executed little details (parallax, subtle animation, etc.). Check it out:
The story behind the cover of Joy Division’s "Unknown Pleasures"
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]
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]
Video: Artists illustrate the mysteries of science
Check out this lovely trailer for The Where, the Why, and the How: 75 Artists Illustrate Wondrous Mysteries of Science:
[Via]
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:
Car logos, good & bad
- Chromeography is a collection of (mostly) beautiful chrome logos found on vintage cars, typewriters, appliances, and more.
- Genius steals—and then there are just rip-offs. Check out this wild bogarting of car logos, mainly done in China & India. [Via]
NKS5 Natural Media Toolkit for Photoshop
I haven’t gotten to try it out, but the NKS5 Natural Media Toolkit for Photoshop CS5/CS6 looks interesting:
NKS5 is a custom toolkit for Adobe Photoshop CS5, CS5.5 and CS6. It provides a wide range of natural media, texturing, and production tools in an attractive, easy-to-use palette with a minimal footprint.
Here’s a demo:
Demo: Creating a Watercolor Painting with Adobe Photoshop Touch
We snuck this feature into a recent update of PS Touch. Russell Brown shows how to combine features like layers & blending modes to create a beautiful effect:
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”
Nissan's crazy-long flipbook animation
Heh—this takes me back to my painfully ambitious childhood attempts at flipbook animation: the Nissan Note site tells a story as you scroll (and scroll, and scroll) down the page. In all my years online I can’t say I remember seeing this done before—and that’s saying something. [Via]
Beautiful animation for BBC Olympics coverage
Props to Pete Candeland & Passion Pictures.
[Via]
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.
Animation backlash
I came to Adobe specifically to democratize animation, to tear down barriers that crippled Flash back then. There can be a fine line, though, between “democratizing” and “cheapening the coin,” as this funny, profane little piece from Harry Partridge illustrates:
[Via David Simons]
Video: Speed-shading in Illustrator CS6
French artist Jérôme Bareille is a gradient-mesh ninja:
[Via Stéphane Baril]
John From Cincinnati titles
Apropos of nothing, I’ve always loved the titles for HBO’s late & un-lamented John From Cincinnati. What a great evocation of time, place, and flavor. RIP Joe Strummer.
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]
The Olympics, rendered Lego by Lego
Brilliant: the Guardian’s Brick-by-Brick feature uses uses Legos + real audio from the games to re-enact the triumphs of Usain Bolt, the agonies of a South Korean fencer (sporting a stormtrooper helmet), and more. And how about Phelps putting away those turkey legs? [Via A. Jeremy P. Lawrence]
(rt) Recent infographic goodness
- Here’s a fun scrolling infographic of the London 2012 Games. (Dig the footer quip.)
- Love the stripy arrows, comrade: Cool Soviet-Era Infographics.
- The Evolution of the Web is a neat, interactive, HTML-based infographic.
- Could be cool: Information Graphics, a new book from Taschen.
A creepy look at the future of augmented reality
You know this is coming. You know it’ll be almost impossible to resist.
“The more we use knowledge found on the Internet (and not in our own minds) the less capacity we have to actually hold that knowledge internally.” Seems about right. [Via]
Video: Wind & water
Things made notable by their absence
A pair of interesting little Photoshop-powered projects:
- Zhao Huasen takes photos of people on bicycles, then erases the bicycles. [Via]
- McLean Fahnestock has created a series of rocketless rocket launches. [Via]
Michael Jackson as a stick figure
How much character of movement can be conveyed just by moving dots. Apparent crazy person Colin Rozee set out to find out, saying “I manually keyframed 19 mask paths in AE. There’s over 20,000 keyframes in the piece, but it needed to be that detailed to achieve the fluidity of movement….” He used the Plexus particle-system plug-in in the project. [Via David Simons]
Animation: "Cascade"
I’m guessing that Timothy LaPointe, like me, sees these things when he’s falling asleep. The difference is, he can show you:
The Sydney Opera House, Animated
Check out URBANSCREEN’s giant projection work, “Lighting of the Sails”:
[Via]
Can 6/7 year olds draw Mona Lisa's smile?
Marion Deuchars puts a bunch of kids (and a few grown-ups) to the test:
[Warning: Content may include brief glimpses of Bart Simpson, Uncle Sam, and boobs.]
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.
Hand lettering
I dig Pablo Delkan’s hand-drawn lettering portfolio:
[Via]
Video: Blade Runner as watercolor
“This animation is made of 3285 aquarelle paintings,” writes Anders Ramsell, “and form the very beginning of my paraphrase on the motion picture Blade Runner.” Nothing the god of watery pigments wouldn’t let you into heaven for.
[Via]
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.
Video: A brief history of video games
Here’s “an abridged history of video games in under three minutes. Made using only sounds, music and video from the video games themselves.”
Showing my age, I find the first half or so much more compelling than the latter. Hadouken!!
(rt) Illustration: Honest movie posters, intricate skulls, & more
Having recently been chided for not posting enough non-Adobe links (funny, I used to get nailed for just the opposite), I respectfully submit the following.
- Brutal truth:
- “Extremely Lame & Incredibly Cloying”: Truthful movie posters, Oscars 2012 edition [Via]
- “At the airport. F it, I deserve it…” Honest ads. [Via]
- “These pixels are making me thirsty”: A fun illustrated Seinfeld tribute.
- Meyoko draws gorgeous, incredibly intricate illustrated skulls.
- I love Alexandra Pacula’s Blurry Nightlife Oil Paintings.
- “Stacy Green, Will You Marry Me?” Marriage proposal as infographic [Via]
- Unsolicited Proposals for New Beverages: Pass the NyQuil Ice & Earl Grey Loko!
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.
How Pixar almost deleted Toy Story 2
As the world probably doesn’t need more nail-biting anxiety, I almost hesitate to share this one–but all’s well that ends well:
[Via Dan Mall]
A 5-year-old sketches logos
Charming: Adam Ladd showed his 5-year-old daughter logos for 5 seconds apiece, then asked her to draw what she remembered:
[Via Carolina de Bartolo]
Animation: Acid Drops
Recursive drawing
What do you think of this cleverness?
Could people wrap their heads around the idea enough to use it productively? In my experience many people still struggle with things like symbols & Smart Objects–if they even use them at all. [Via Mausoom Sarkar]
Mordy shows Illustrator CS6
Our old friend (and former Illustrator PM) Mordy Golding tours what’s new in CS6:
An overview of everything that’s new in Illustrator CS6, including 64bit support, a new user interface and underlying framework, pattern creation, image trace, gradient on stroke, and more!
On the Real World Illustrator blog, Mordy talks about details of the new UI, what 64-bit means to you, and more.
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…)