HOW TO MAKE FRAME-BY-FRAME ANIMATION A VIABLE OPTION.

I’ve long loved animation and I have a weird, rich history of not ever getting to do it. Like, really do it. This from the guy who, in dot-com’s infancy, was the ONLY ART DIRECTOR IN SAN FRANCISCO WHO KNEW HOW TO MAKE AN ANIMATED GIF. True story.

When I was studying marketing at the Art Center College of Design in the super late 80’s a Hollywood production company (in an hilariously Cohen-brother-style meeting on Sunset Blvd.) invited me to be a part of a breakthrough, episodic animation project for adults that eventually became some dumb show about a guy named Homer and his weird family who lived someplace called Springfield. If you ever run into me, ask me about this experience because it’s super funny (sometimes I think I dreamt it).

The very first animation I did for Kelly’s marriage book, Hey, I Love You…. The hardest part was building the end title with the book closing. I knew it would be, so I made it so I could swap out the art and use the base animation as a template for every video after.

Once I figured out the basics, it was time to play with more layers, masking and more complicated animations.

Eventually I added unique title art to the front of each new video and kept pushing myself to do more complex scenes.

With all the booty shaking, this was the most detail I put into one of these animated shorts. And the most adventurous transition (to the dropped penny) I’d attempted.

Since the brand calls for stylish simplicity, you’d have to really be paying attention to see that the clip that begins at 00:22 is the most complex frame-by-frame animation so far. Can you guess why?

Soon after, Dick Clark Productions (another funny story) asked me to turn a comic series I’d won an award for in LA into commercial bumpers for a season of American Bandstand. I gave them an enthusiastic “YES” despite not knowing at ALL how I’d actually fucking deliver (it was the late 80’s and we didn’t even have clamshell phones yet for God’s sake!). Shit, I was still in school and only 19, for crying out loud, but I was all about it! When they said it’d be a great unpaid project on my resume, I bounced.

I’ve actually been creeping up on real animation for a bit. In 2017 I created a polished series of successful animated videos for a tech startup by supplying layered illustration files to a talented, local After Effects animator. Then I started a series of time-lapse illustrations that I made for Mr. Dave’s Best. Drawn in real-time, all one take.

But my real opportunity came when I got to promote the marriage book my wife had been contracted to write for Hachett – Hey, I Love You… To research her concept, Kelly had been interviewing all kinds of couples to learn more about all kinds of marriage experiences – the good, the bad, and, yeah, the sometimes terrible. Since I’d designed and illustrated her book to be as unisex and inclusive as possible, Kelly had a cool idea to set those candid insights to stylistic animation that would be right on brand.

Once animations were done, they were easily converted to animated gifs. Like this endless sharing of Hey, I Love You…

SImple, yes. Pain in the ass, not really. What I love about conceptual animation is that your can do a lot with little when you put a little thought into it beforehand.

Simple, yes. Pain the ass, also yes. But I do love this tedious-to-execute animated gif of the endless search for love. This was a part of the puck to fill Giphy with our cute little animations.

This concept for this animation was pretty simple so it had to get juiced up with some slightly difficult renderings of the word bubbles and the chair bounce on the refresh. Not hard, but nice thinking, I think. haha.

Frame-by-frame, onion skinning, multiple layers, Procreate, and my left hand – all in one photo. But this is what goes into every sequence on this page (and more on the Hey, I Love You… Vimeo channel.

The process wasn’t much different than the video work I did on those earlier tech-startup videos. I’d discovered the Procreate illustration app for those and it was a short leap to teach myself how to use its ridiculously simple animation assist to onion-skin myself to frame-by-frame-glory. Trying to do a whole video in one file was technically impossible anyway due to file size limitations which is fine because it would also have been an unworkable hellscape of layers to deal with. So I animated all the scenes as short clips. Once I had a scene down, I exported it as an mp4 file thatI then pulled into Adobe Premiere. There I could loop, extend, or slow, depending on how the VO timing worked out. And if I ran into trouble, I’d just zip back to the iPad to quickly animate a filler sequence or fix bugs in the scenes. Easy squeezy. 

Soon we had over 40 short animations for Hey, I Love You… And there’s more in production. It’s funny to watch my progress as I became more comfortable through experience. And the best part is that since I did all the animations as individual sequences, now we can mix and match previous work to make new narratives in just minutes. Or animated gifs of those scenes. Despite having so many options to economically repurpose the work into the future, I still prefer animating new ideas since I figured out how to do it so easily!

DAVE SOPP – Creative

Yep, that’s me. I’ve got over 20 years of marketing strategy, graphic design, advertising art direction, and illustration experience. Want to use some of it? Email me at dave@davesopp.com

---

HOW TO DESIGN A BOOK TO NEVER SIT ON A SHELF.

I’ve designed and illustrated a handful of books like the silly Safe Baby Handling Tips, Mysterio’s cute picture book, and more. But this was the first book I was asked to design that was, well, an actual BOOK. Like, a book you could spend more than 5 minutes reading. It had more than 1000 words in it, for crying out loud! What made it even more special was that it was penned by my talented writer wife and partner, Kelly Sopp. Which I’m thinking might be how I was lucky enough to get this very different assignment? Maybe.

Kelly’s book is titled Hey, I Love You…and it’s beautiful, simple, and remarkably (you’ll appreciate the pun in a minute) unique. It was written to give couples practical marriage wisdom, along with an effortless way to exchange heartfelt words that need to be said, or unsaid, or aren’t said often enough. It’s different from any book in the Relationship and Marriage section of your last remaining bookstore for a lot of reasons. But the most brilliant reason is the way you use it. Any book can tell you what to say, how to act, or what 25 rules to follow to reach happily ever after. But Kelly’s book has a simple, built in system that, when applied, will literally keep dust from collecting on the book AND your marriage.

The final cover of Hey, I Love You…: Bookmark your way to a Remarkable Marriage by Kelly Sopp. We did over 30 covers for this, can you believe it? And they were all this simple and they were all in white, black, and this charming yellow. That byline on the front on white? That’s a removable sticker. The book is meant to be personal and we didn’t want people looking at marketing stuff every time they wanted to use it.

SO MANY WORDS! It was actually fun managing the typography. I hadn’t dealt with having control over this much copy for a while and it was so fun. Of course there more to this than this one spread, silly. Oh, and tabs. I was able to include finger tabs for each of the 5 chapters so you could find what you wanted to “say” really fast.

It’s so REMARKABLY easy (paying off on that earlier pun now): the bulk of the book is composed of bookmarkable sentiments that you can use to offer words of romance or encouragement to your spouse. Just find the feeling you want to share, pop in the supplied bookmark, and hide the book in a fun place for your partner to find. Under their pillow. On top of the coffee maker. In the fridge. Get creative! Every page is a love note to be left to deliver a soft, unexpected reminder to your spouse that you’re there and thinking of them.

But the book is especially helpful to any and every marriage because it accounts for reality. Everything’s not all romance, all the time. There’s a section for when you have disagreements and tough times. There’s even an array of thoughtful ways for you (or your spouse) to sincerely apologize for any discretion. In these cases, it’s less about starting a makeout session. It’s more concerned with getting you two discussing what might be out of whack in a kind, constructive way so you can get back to the makeout sessions.

Most of the book is like this. And this is how it works: “Oh, something is bookmarked for me!” (top right). “Awwwww!” (left) “AWWWW! (bottom right) Do I really need to tell you what happens next?

This isn’t just a book to instigate cuddles. It’s got everything you’ll need during your decades together. Seriously. It can even help you tackle some pretty serious stuff. My article on doing the book illustration goes more into the challenges that posed to the tone of the book.

I’m not trying to sell you the book. If you’ve read any of my articles on strategy, design, marketing, and illustration, they all dive into this much background detail. Because no work can be evaluated by the work alone. That’s literally why they say, “You can’t judge a book by it’s cover.”! Because the cover may not reflect the spirit of the writing. I had a brilliant creative director tell me once that the fastest way to kill a bad product is with good marketing. It’s so true.

So when I got Kelly’s final manuscript, here were my take-aways:
Upbeat. WAY out of character in the genre (in a good way). Funny where appropriate and keenly adept at bringing a sensitive positivity and kind understanding to the serious bits. It reads like lavender scented, soft wool dryer balls. Romantic if you’re in that mood, comforting if you aren’t.

The book’s content was a complicated thing (the topic of marriage) broken down into its simplest form and delivered with a kind smile. So that was my direction. Get out of the way of the words and just deliver them, gently. The font is Abrade. It’s got, like, 1M variants and its Light version fits the tone of Kelly’s writing like a wedding ring.

All this is from the initial pitch to our publisher (Running Press). Pretty similar to what was published, no? Hahaha. It’s because we presented such a detailed, thought out vision of what this book could be. But there were some changes. (Clockwise) At first we thought it’d be really nice if the hardcover was cloth covered (instead of a book jacket). But that turned out to be too expensive (and in the end it was fine ‘cause it’d probably get really dirty with use. This is a photo of the book I ‘shopped up for the pitch. The books visual language was thought out at the beginning, too. We even included a series of patterns to use and that was just for the endpapers. The HEY logo as so important that I did a ton of versions before landing on what we chose, here on that bookmark. And finally a ‘shopped image of the book where one might find a spicy sentiment waiting for them!

Alternate covers! So many covers. I mentioned we looked at over 30 subtle and not so subtle variations, but that didn’t even include versions of what shape the cover sticker was or what would be on the bookmark or what if the cover was cloth with an acetate jacket!? I don’t know if this is how much thinking goes into every published book, but it’s what goes into the ones I design.

This is where to keep this book. Everywhere. The best design aspect is the concept itself. That the couple who owns the book uses it as a fun communication device, passing it back and forth as desired or needed.

I mentioned at the beginning that this was more of a “book-like” book than I’d ever designed in the past. It’s true, but it’s “more-than-a-normal-book” because of the interactivity baked into the concept. So even the writing of it was part of it’s design and I collaborated with my author from the outset. We divided the content into bite-size, intentional bits. We made it easy to digest. And the final layout is a natural extension of that.

The bookmarkable spreads are visually sparse to give the sentiments the attention they deserve. The lead message is positioned large as a sort of headline at the top left with an accent illustration above for colorful, emotional seasoning. At the lower right are brief, carefully chosen words of support, positioned to not be blocked by the supplied bookmark. Easy squeezy, light and breezy.

One of my favorite quotes is one that I cannot for the life of me remember so I’m going to go with something similar that I found on the interwebs - ”The definition of being good is being able to make it look easy” That was from one of the great thinkers of our time, Hugh Jackman. I happily did over 30 cover designs for this thing to be sure I got it right. Yeah, the cover is important, but 30!? Published authors, did you get 30 versions to consider? I also did 250 more illustrations than was called for (or paid for in the advance). I explain in my article about the illustrations that it wasn’t because I had to because I was married to the author. It’s just the book needed it. Which didn’t make it the easiest project I’ve ever tackled but it was just as rewarding in the end. Because I LOVE going the extra mile(s) for something (and someone) I deeply believe in.

DAVE SOPP – Creative

Yep, that’s me. I’ve got over 20 years of marketing strategy, graphic design, advertising art direction, and illustration experience. Want to use some of it? Email me at dave@davesopp.com

---

HOW TO DRAW OVER 300 ILLUSTRATIONS FOR A 258 PAGE BOOK THAT'S NOT EVEN A PICTURE BOOK.

My wife wrote a book called, Hey, I Love You… and she asked me to design it. Then she asked me to illustrate it. It’s in the contract with our publisher. They paid me in the advance to do 50 illustrations for the book. Well, they paid Kelly to have me do the work. Hahaha. Anyhoo, you know how many illustrations I did for the book? Over 100. And that’s why I like being a strategic designer who can draw. I didn’t HAVE to overdeliver because it’s my wife’s project. I did it because it simply HAD to be done. I’ll explain.

Hey, I Love You… by Kelly Sopp. Illustrations (so many illustrations) by me, Dave Sopp. This is an early drawing I made for the Hey, I Love You… website because we didn’t have an actual copy of the book to show off. Hey, we still don’t!

Kelly’s book is beautiful. Hey, I Love You… gives couples practical marriage wisdom, and an effortless way to exchange heartfelt words that need to be said, or unsaid, or aren’t said often enough. It’s so unique. Not just because of the way you use it or how anyone who’s married can find incredible value in it. It’s unique in the space of Relationships and Marriage. Have you ever looked in that section? It’s D-E-P-R-E-S-S-I-N-G. It’s mostly for people trying to fix what’s very broke or, in the dustier lower shelves, trying to teach people how to NOT get into that situation in the first place. Kelly’s book tackles all that (and more) handily and expertly, but in such a refreshingly positive way. This is starting to sound like I’m the president of her fan club (I am, but I’m also the president of every businesses fan club on this site), but it’s important because when you illustrate a book, it’s not about your talents. It’s all about the content.

Didn’t I just say that I don’t have a sample of the book? I don’t. So I did that Illustration to use while I made my own dummy! I’m like that. Anyhoo, now you get to see what the book design looks like. Super airy and light. That yellow is so bright and happy and positive (just like the writing.). Below are some illustrations of how the book works – “it puts the bookmark in the book.” (Sorry, Silence of the Lambs joke).

I’ve collected my favorites (but not all my favorites) to share. The book is so light and bright and airy, so the illustrations really needed to just be seasoning for the words Kelly wrote. I chose a loose style using the colors we already established in designing the book together. The drawings are cute and happy, but still rough around the edges and almost sketchy, just like my marriage. Kidding! Just seeing if you’re paying attention.

I tried to keep everything as simple as possible at every level. I use three brushes: Rough Crayon, Tight Crayon (for any type), and Messy Dotted. There are only three colors: White, Yellow, and Black. Even conceptually I tried to be super simple without being lazy. I mention that the Life Preserver was an easy out, but I tried to at least make it look really interesting. And it turned out to be one of my favs.

In this case, the content is composed of two parts. The first is an introduction to the book to explain it (it’s that unique) and give you an entertaining breakdown of tried and true marriage best practices. The second part is the bulk of the book - bookmarkable spreads that convey your romantic thoughts, encouraging words, mild concerns, deepest worries, and your most sincere apologies. That’s a lot of emotional content, right? Sound kind of heavy? Well, it IT IS! And that was what made it so tricky.

The Hey, I Love You… bookmarkables are divided into five categories. The first two, Romance and Encouragement, were super easy and fun. Then it started getting challenging. I feel like such a baby even writing that because you honestly, have NO idea how much thought and research went into the writing of this book. For example, consider this spread: I’m Worried About You. / It seems like you might be having a tough time right now. Want to talk about it? While the sentiment is clear, it’s also intentionally vague. Because this bookmark may be appropriate for someone who’s going through a really hard project at work as well as someone who might be suffering from deep depression. The overall tone of the book is upbeat, but it’s not tone deaf. As a person who identifies as “married for more than 25 years”, I’ve (we’ve) experienced a lot of the experiences in this book. So what would you illustrate to represent that bookmarkable message?

For every message in the book, I had to put myself in the shoes of the bookmarker AND the recipient in both the most mild of circumstance AND the most dire. All the while I had to keep with the book’s upbeat voice and palette. For example,“I’m Worried About You.”. For this I illustrated a door outlined in white in a very dark room. Under the door there’s a bright yellow light showing from the other side. From other side comes a bright, hopeful love note that travels a playful path into the room. Fine for anyone who’s just sort of shut off emotionally from their loved one and open to interpretation by the recipient to speak to just how dark that room is that they’re holed up in. See what I mean?

Of course, not everything in the book called for something this heavy. Even in the serious parts. If you know me, you know I can’t stand an easy way out. But for a small part of this assignment, the easy way out led to more time and effort to tackle the harder stuff. “Maybe We Can Learn a Lesson in This.” = Graduation cap. “I Will Never Give Up on You.” = Life Preserver. Not lazy. Just accurate, appropriate, and efficient to tackle the harder spreads. Besides, remember what I said about the book not being about the illustrations? It’s true. They were always meant to be seasoning for the content.

At this writing, I’m still making more and more drawings. Once we sent the final files to our publisher, there was the website and all the marketing materials to produce. Right now I’m at over 300 unique illustrations for this project. This isn’t even counting the animated book trailers and animated gifs viewed by over 3 million on GIPHY. I hope there’s even more to add to this story when the book is available October 5. If you want to be in the loop, subscribe to the Hey, I Love You…Newsletter. If you preorder the book before October 5, you’ll get a cool little Sneak Preview Gift. from Kelly and I :-)

DAVE SOPP – Creative

Yep, that’s me. I’ve got over 20 years of marketing strategy, graphic design, advertising art direction, and illustration experience. Want to use some of it? Email me at dave@davesopp.com

---