Category Archives: Illustration

Celebrating Saul Bass

Illustration, Typography

It’s a real joy to see my 15yo son Henry’s interest in design & photography blossom, and last night he fell asleep perusing the giant book of vintage logos we scored at the Chicago Art Institute. I’m looking forward to acquainting him with the groundbreaking work of Saul Bass & figured we’d start here:

FlipSketch promises text-to-animation

AI/ML, Illustration

We present FlipSketch, a system that brings back the magic of flip-book animation — just draw your idea and describe how you want it to move! …

Unlike constrained vector animations, our raster frames support dynamic sketch transformations, capturing the expressive freedom of traditional animation. The result is an intuitive system that makes sketch animation as simple as doodling and describing, while maintaining the artistic essence of hand-drawn animation.

AI fixes (?) The Polar Express

Illustration

Hmm—”fix” is a strong word for reinterpreting the creative choices & outcomes of an earlier generation of artists, but it’s certainly interesting to see the divisive Christmas movie re-rendered via emerging AI tech (Midjourney Retexturing + Hailuo Minimax). Do you think the results escape the original’s deep uncanny valley? See more discussion here.

“Only Murders In The Building” titles

Illustration

Somehow, despite my wife being a huge fan of the show over the last couple of years, I hadn’t previously seen the delightful titles for Only Murders In The Building:

Salon has a great article that goes behind the scenes with Elastic, which previously created titles for “Game of Thrones,” “Watchmen” and “Captain Marvel,” among others.

“The brief was this idea of a love letter to New York in a way and true crime and true crime podcasts,” Lisa Bolan, a creative director at Elastic, told Salon. “John really wanted to capture this romantic illustrative approach to New York, building on the magic of Hirschfeld and The New Yorker – illustrators who have abstracted New York in a way that’s beautiful and also speaks to these little glimpses of magic in the urban landscape.

“How To Draw An Owl,” AI edition

AI/ML, Illustration

Always pushing the limits of expressive tech, Martin Nebelong has paired Photoshop painting with AI rendering, followed by Runway’s new image-to-video model. “Days of Miracles & Wonder,” as always:

AI in Ai: Illustrator adds Vector GenFill

AI/ML, Generative Fill, Illustration

As I’ve probably mentioned already, when I first surveyed Adobe customers a couple of years ago (right after DALL•E & Midjourney first shipped), it was clear that they wanted selective synthesis—adding things to compositions, and especially removing them—much more strongly than whole-image synthesis.

Thus it’s no surprise that Generative Fill in Photoshop has so clearly delivered Firefly’s strongest product-market fit, and I’m excited to see Illustrator following the same path—but for vectors:

Generative Shape Fill will help you improve your workflow including:

  • Create detailed, scalable vectors: After you draw or select your shape, silhouette, or outline in your artboard, use a text prompt to ideate on vector options to fill it.
  • Style Reference for brand consistency: Create a wide variety of options that match the color, style, and shape of your artwork to ensure a consistent look and feel.
  • Add effects to your creations: Enhance your vector options further by adding styles like 3D, geometric, pixel art or more.

They’re also adding the ability to create vector patterns simply via prompting:

Microsoft Paint (Paint!) does generative AI

AI/ML, Illustration, Microsoft

Who’d a thunk it? But now everyone is getting into the game:

“Combine your ink strokes with text prompts to generate new images in nearly real time with Cocreator,” Microsoft explains. “As you iterate, so does the artwork, helping you more easily refine, edit and evolve your ideas. Powerful diffusion-based algorithms optimize for the highest quality output over minimum steps to make it feel like you are creating alongside AI.”

Some eye-popping AI/3D demos

AI/ML, Illustration

Martin Evening combines Adobe Substance 3D modeler and Krea to go from 3D sketch to burning rubber:

Jon Finger combines a whole slew of tools for sketch->AR:

Throwback: “Packed with vectors, Physics Pak really satisfies”

Illustration

I came across this post (originally from 2017) just now while looking for other work from Paul Asente. Here’s hoping it can finally see the light of day in Illustrator! —J.

———–

Paul Asente is an OG of the graphics world, having been responsible for (if I recall correctly) everything from Illustrator’s vector meshes & art brushes to variable-width strokes. Now he’s back with new Adobe illustration tech to drop some millefleurs science:

PhysicsPak automatically fills a shape with copies of elements, growing, stretching, and distorting them to fill the space. It uses a physics simulation to do this and to control the amount of distortion.

NewImage

[YouTube]

Drawing-based magic with Firefly & Magnific

3D, AI/ML, ControlNet, Illustration

Man, who knew that posting the tweet below would get me absolutely dragged by AI haters (“Worst. Dad. Ever.”) who briefly turned me into the Bean Dad of AI art? I should say more about that eye-opening experience, but for now, enjoy (unlike apparently thousands of others!) this innocuous mixing of AI & kid art:


Elsewhere, here’s a cool thread showing how even simple sketches can be interpreted in the style of 3D renderings via Magnific:

AI mashups of Star Wars x classic art

AI/ML, Illustration

Check out Min Choi’s crossbreeding of Star Wars characters with iconic paintings (click tweet below to see the thread):

Here’s a look at his process (also a thread):

Infographic magic via Firefly?

Adobe Firefly, AI/ML, Infographics

Hey, I know what you know (or quite possibly less :-)), but this demo (which for some reason includes Shaq) looks pretty cool:

From the description:

Elevate your data storytelling with #ProjectInfographIt, a game-changing solution leveraging Adobe Firefly generative AI. Simplify the infographic creation process by instantly generating design elements tailored to your key messages and data. With intuitive features for color palettes, chart types, graphics, and animations, effortlessly transform complex insights into visually stunning infographics.

Magnific style transfer is amazing

AI/ML, Illustration

It’s amazing to see what two people (?!) are able to do. Check out this video & the linked thread, as well as the tool itself.

I’m gonna have a ball going down this rabbit hole, especially for type:

Amazing: Realtime AI rendering of Photoshop

AI/ML, Illustration

I cannot tell you how deeply I hope that the Photoshop team is paying attention to developments like this…

Celebrating “Subpar Parks”

Illustration

During our recent road trip to Death Valley, my 15yo son rolled his eyes at nature’s majesty:

This made me chuckle & remember “Subpar Parks,” a visual celebration of the most dismissive reviews of our natural treasures. My wife & I have long decorated our workspaces with these unintentional gems, and I think you’ll dig the Insta feed & book (now complemented by “Subpar Planet“).

Krea upgrades its realtime generation

AI/ML, Illustration

I had the pleasure of hanging out with these crazy-fast-moving guys last week, and I remain amazed at the speed of their shipping velocity. Check out the latest updates to their realtime canvas:

Check out how trailblazing artist Martin Nebelong is putting it to use:

Tutorial: Firefly + Character Animator

Adobe Firefly, AI/ML, Illustration

Helping discover Dave Werner & bring him into Adobe remains one of my favorite accomplishments at the company. He continues to do great work in designing characters as well as the tools that can bring them to life. Watch how he combines Firefly with Adobe Character Animator to create & animate a stylish tiger:

Adobe Firefly’s text to image feature lets you generate imaginative characters and assets with AI. But what if you want to turn them into animated characters with performance capture and control over elements like arm movements, pupils, talking, and more? In this tutorial, we’ll walk through the process of taking a static Adobe Firefly character and turning it into an animated puppet using Adobe Photoshop or Illustrator plus Character Animator.

Demos: Using Generative AI in Illustrator

Adobe Firefly, AI/ML, Illustration

If you’ve been sleeping on Text to Vector, check out this handful of quick how-to vids that’ll get you up to speed:

What if 3D were actually approachable?

3D, Adobe MAX, Illustration

That’s the promise of Adobe’s Project Neo—which you can sign up to test & use now! Check out the awesome sneak peek they presented at MAX:

Incorporating 3D elements into 2D designs (infographics, posters, logos or even websites) can be difficult to master, and often requires designers to learn new workflows or technical skills.

Project Neo enables designers to create 2D content by using 3D shapes without having to learn traditional 3D creation tools and methods. This technology leverages the best of 3D principles so designers can create 2D shapes with one, two or three-point perspectives easily and quickly. Designers using this technology are also able to collaborate with their stakeholders and make edits to mockups at the vector level so they can quickly make changes to projects.

Some great demos of Recolor Vectors

Adobe Firefly, AI/ML, Illustration

Veteran author Deke McClelland has posted a fun 1-minute tour of the new Recolor Vectors module:

And for a deeper dive, check out his 20-minute version:

Meanwhile my color-loving colleague Hep (who also manages the venerable color.adobe.com) joined me for a live stream on Discord last Friday. It’s fun to see her spin on how best to apply various color harmonies and other techniques, including to her own beautiful illustrations:

Check out Firefly’s new Recolor Vectors module

Adobe Firefly, AI/ML, Illustration

Our first new module has just arrived 🎉, so grab your SVGs & make a path (oh my God) to the site.

From the team post:

Vector recoloring in the Firefly beta now enables you to:

  • Enter detailed text descriptions to generate colors and color palette variations in seconds
  • Use a drop-down menu to generate different vector styles that fit your creative needs
  • Gain creative assistance and inspiration by quickly generating color options that bring your visions to life in an instant

As always, we’d love to hear what you think of the tools & what you’d like to see next!

Animated Drawings tech + Firefly = 🍬🌽🕺🏻

Adobe Firefly, AI/ML, Illustration

Meta Research has introduced Animated Drawings, “A Method for Automatically Animating Children’s Drawings of the Human Figure” (as their forthcoming paper is titled).

You can try it out via their Web interface, and/or take a bit more technical dive here:

I’m of course delighted to see folks starting to use it to bring their Adobe Firefly creations to life:

https://twitter.com/altryne/status/1646951739176767515?s=20

Demo: Creating cute characters in Adobe Firefly

Adobe Firefly, AI/ML, Illustration

Adobe prototyper Lee Brimelow has been happily distracting himself by creating delightful little creatures using Firefly, like this:

https://twitter.com/leebrimelow/status/1641228130030587905?s=20

Today he joined us for a live stream on Discord (below), sharing details about his explorations so far. He also shared a Google Doc that contains details, including a number of links you can click in order to kick off the creation process. Enjoy, and please let me know what kinds of things you’d like to see us cover in future sessions.

Animation: “Grand Canons”

Illustration

Enjoy, if you will, this “visual symphony of everyday objects“:

A brush makes watercolors appear on a white sheet of paper. An everyday object takes shape, drawn with precision by an artist’s hand. Then two, then three, then four… Superimposed, condensed, multiplied, thousands of documentary drawings in successive series come to life on the screen, composing a veritable visual symphony of everyday objects. The accumulation, both fascinating and dizzying, takes us on a trip through time.

Kottke notes, “More of Biet’s work can be found on his website or on Instagram.”

Use Stable Diffusion ControlNet in Photoshop

AI/ML, ControlNet, Illustration

Check out this integration of sketch-to-image tech—and if you have ideas/requests on how you’d like to see capabilities like these get more deeply integrated into Adobe tools, lay ’em on me!

Major update: Automatic1111 Photoshop Stable Diffusion plugin V1.2.0, ControlNet, One Click Installer and More, Free and Open Source from StableDiffusion

Also, it’s not in Photoshop, but as it made me think of the Photo Restoration Neural Filter in PS, check out this use of ControlNet to revive an old family photo:

ControlNet did a good job rejuvenating a stained blurry 70 year old photo of my 90 year old grandparents. from StableDiffusion

ControlNet is wild

AI/ML, ControlNet, Illustration, Typography

This new capability in Stable Diffusion (think image-to-image, but far more powerful) produces some real magic. Check out what I got with some simple line art:

And check out this thread of awesome sauce:

Welcome to the meme-predicted future.