How to create animation

How I Create Animations Using Adobe Creative Cloud

How I Create Animations Using Adobe Creative Cloud (And Stay Sane in the Process)

Creating animations isn’t just about moving pictures — it’s about breathing life into still drawings, giving characters a story, and occasionally yelling at your screen when things refuse to move the way you want. I use Adobe Creative Cloud to make my animations come to life, and while it’s an incredibly powerful toolkit, each app has its quirks, strengths, and frustrating “why-is-this-not-working” moments.

In this guide, I’ll break down my creative process, explain what each app does (and doesn’t do), and share a few tips to help you survive the world of animation.

Here’s where things get a little dark — I take my freshly drawn character and… well… dismember them…

🎨 Step 1: Sketching and Character Design — Adobe Illustrator (Tablet Edition)

First things first — I start by sketching my characters in Adobe Illustrator on my tablet. Why? Because tablets feel more natural for hand-drawn art. It’s like replacing a mouse with a magic wand that actually listens to you.

Here’s what Illustrator on a tablet is perfect for:
✅ Sketching characters with natural brush strokes
✅ Experimenting with colors and styles
✅ Creating smooth, scalable vector lines (so your art doesn’t look pixelated when zoomed in)

Since Illustrator is vector-based, I can easily adjust shapes, colors, and lines without losing quality. This is a huge win because no matter how chaotic my first sketch looks (and trust me, some of them resemble abstract art gone wrong), I know I can refine everything later.

🖋️ Pro Tip: When sketching in Illustrator on a tablet, stick to simple shapes first. Circles, triangles, and squares are your best friends. Trust me — that “perfect curve” you’re struggling to draw? It’s probably just a sneaky circle in disguise.


💻 Step 2: Refining the Artwork — Adobe Illustrator (Desktop Edition)

Once my sketches are in decent shape (meaning they no longer look like sad potato drawings), I move everything over to Adobe Illustrator on my computer. Thanks to Adobe Creative Cloud’s file sync feature, all my tablet drawings magically appear on my desktop. No messy file transfers — just pure digital sorcery.

On the desktop version of Illustrator, I:
✅ Clean up my lines and perfect the details
✅ Fine-tune color schemes and shading
✅ Separate each body part for animation (yep, I chop my characters into pieces — more on that soon)

🖋️ Pro Tip: Use layers like your life depends on it. Seriously, layers are your best friend when animating. Separating arms, legs, and even eyebrows onto different layers makes movement a thousand times easier later.


🧩 Step 3: Puppet Creation — Breaking Characters into Pieces

Here’s where things get a little dark — I take my freshly drawn character and… well… dismember them.

Okay, not literally, but each body part — head, arms, hands, legs — is drawn separately so I can later animate them independently. Think of it like building a digital marionette.

Why bother? Because having separate pieces means smoother animations. Instead of redrawing the entire character for each frame (like in traditional animation), I can just rotate an arm, tilt a head, or wave a tiny puppet hand. Efficiency, my friends!


🖌️ Step 4: Backgrounds and Props

While characters steal the spotlight, backgrounds and props set the scene. Whether it’s a spooky forest, a futuristic city, or just a cozy living room — I design each environment to match the animation’s tone.

This is where Adobe Fresco sometimes steps in. Fresco’s live brushes and watercolor effects make it perfect for textured, hand-painted backgrounds. If I want something with soft, blended colors or painterly vibes, Fresco delivers.

Illustrator = Sharp, clean vector art
Fresco = Soft, blended, painterly designs

It’s like comparing LEGO to Play-Doh — both are great, but they’re built for different things.


🎬 Step 5: Animating the Magic — Adobe Animate & Adobe After Effects

Now that my characters are drawn, chopped up (for professional reasons), and my backgrounds are in place, it’s time for the fun part — animation!

Adobe Animate — Great for Frame-by-Frame Animation

If you’ve ever seen those hand-drawn cartoons where every tiny movement is meticulously crafted — that’s the magic of frame-by-frame animation. Adobe Animate is built for that.

Here’s what Animate is perfect for:
✅ Creating expressive, frame-by-frame animations
✅ Making your characters talk, blink, or wave
✅ Adding interactive elements for web-based projects

Adobe After Effects — Motion Graphics Master

If Animate is a charming traditional artist, After Effects is the flashy special effects wizard. I use After Effects for:
✅ Smooth motion graphics
✅ Dynamic text animations
✅ Complex camera movements and visual effects

🖋️ Pro Tip: Animate for character movement, After Effects for cinematic flair. Together, they’re an unstoppable combo — like peanut butter and jelly, but nerdier.


🔊 Step 6: Sound and Subtitles

By this point, I’m exhausted, caffeinated (well, decaf these days), and my animation is almost finished. But there’s one vital element left — sound.

I handle the visual editing up to the point where my animation is synced with sound effects and voiceovers. Thankfully, my talented colleagues manage the sound design. Trust me — handing this part off saves me from accidentally creating an unintentional horror movie with mismatched audio.

Once the sound is in place, I add subtitles to improve accessibility. It’s a small detail that makes a big difference.


🧠 The Mindset: Focus and Patience

Animation is a marathon, not a sprint. It requires deep focus, problem-solving, and a whole lot of patience. Sometimes it feels like you’ve been moving a character’s arm for an hour, only to discover… it still looks weird. That’s part of the process.

The key is to break it into manageable steps — sketch, refine, animate, and repeat. Staying calm (and occasionally swearing quietly at my screen) keeps me moving forward.


🔥 Final Thoughts

Creating animations isn’t just about technical skills — it’s about storytelling, creativity, and embracing the chaos when things don’t go as planned. Adobe Creative Cloud gives me the tools I need, but it’s the ideas, persistence, and willingness to experiment that really bring my animations to life.

So, if you’re ready to dive into the world of animation — grab your tablet, fire up Illustrator, and get sketching! Just remember: mistakes are part of the magic. 😉

Animate & After effects

Adobe fresco SOLO animation sample

Hand drawn animation

Leave a Reply

Your email address will not be published. Required fields are marked *