Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Animated Frame by Frame Illustrations by Catalina Vásquez

Animated Frame by Frame Illustrations by Catalina Vásquez

Author:Catalina Vásquez

Actual Duration:2h 34m

Release date:2020, December

Publisher:Domestika

Skill level:Beginner

Language:English

Exercise files:Yes

Software:Adobe Photoshop, Procreate, Adobe After Effects

Course URL:https://www.domestika.org/en/courses/781-animated-frame-by-frame-illustrations

Turn everyday sketches into looping animations using Photoshop, Procreate, and After Effects.

Got a sketchbook full of small everyday moments? Catalina Vásquez, aka Kathiuska, shows you how to make them move with simple frame-by-frame animation, built in Photoshop and Procreate and polished in After Effects.

🎯 What you’ll learn

  • How to brainstorm ideas and build mood boards for an animated scene
  • Core principles of frame-by-frame animation, fps, and loop logic
  • How to plan a loop with storyboards, key poses, and backgrounds
  • How to build color palettes and paint characters in Photoshop and Procreate
  • How to animate on timelines and split layers for clean movement
  • How to composite in After Effects with depth of field and camera moves
  • How to export loops with the right codecs and formats for social media

✅ Requirements

  • Skills: No prior illustration or animation needed, basic command of Adobe apps helps
  • Tools: Adobe Photoshop, Adobe After Effects, Procreate with Apple Pencil on iPad
  • Hardware: Computer capable of running Photoshop and After Effects, iPad optional

📝 Description

This is not theory-heavy animation school. Catalina starts with where ideas actually come from — mind maps, keywords, mood boards, and quick composition sketches. You pick one small scene from daily life and shape it into something worth looping.

Then you get the practical basics: what frames per second really means, why the illusion of movement works, and how a loop is different from a linear shot. You plan it out with a simple storyboard, lock your key moments, and decide what moves and what stays still.

From there it is all hands-on. You build a color palette, pick a brush that fits your line, and split your illustration into layers based on movement. Catalina animates the same way in both Photoshop and Procreate, so you can follow along with whatever you have. Timelines, onion skin, spacing — she shows what buttons to push and why.

The finish happens in After Effects. You import your frames, stack the scene, add a little depth of field and camera drift, and export a clean loop. No fancy rigs. Just drawings that move, ready to post.

🧑‍🎓 Who this course is for

  • Illustrators, cartoonists, and artists who want to add movement to their work
  • Anyone curious about expressive digital animation, even with zero animation background

🧑‍🏫 About the Author

Catalina Vásquez, better known as Kathiuska, is an animator and illustrator from Colombia focused on thoughts, personal stories, and scenes from daily life. She has worked with clients like Snapchat, Pepsi, Procter & Gamble, and Amnesty International, plus cultural work for the Medellín Museum of Modern Art. Her teaching style is direct and process-driven — lots of drawing, lots of testing, no fluff.

🏁 Final Result

  • A hand-illustrated daily-life scene turned into a smooth animated loop, exported for social media, clients, or portfolio
Curriculum

📋 Course content

  1. Module 1:  Meet Your Teacher and Find Your Idea
    • What will we do in the course?1:05
    • Meet Catalina Vásquez – background and influences
    • I can not think of anything? Let’s brainstorm!4:13
    • In search of visual references7:14
    • Conceptualizing the image8:20
  2. Module 2:  Animation Basics and Planning the Loop
    • Entering the subject: What is animation?3:15
    • Planning the narrative5:09
    • Frames per second and the illusion of movement
    • Linear vs loop animation
  3. Module 3:  Sketch, Color and Layer Setup
    • Storyboarding key moments, actions and background
    • Building a color palette in Photoshop and Procreate
    • Choosing brushes to match your style
    • Setting up document formats and splitting layers for movement
  4. Module 4:  Animating Frame by Frame in Photoshop and Procreate
    • Animating characters in Photoshop with the timeline
    • Animating characters in Procreate with the timeline
    • Freehand titles and expressive details
    • Cleaning up and refining your loop
  5. Module 5:  Compositing in After Effects and Export
    • Exploring the After Effects interface and importing files
    • Layering the scene, depth of field and camera moves
    • Exporting, codecs and output formats for social media
Watch online or Download for Free
Animated Frame by Frame Illustrations by Catalina Vásquez
NAME
SIZEDURATION
U3- How am I going to tell it-
61.8 MB24m
U5- Final composition in After Effects
67.1 MB28m
U6 – Final project
13.9 MB2m

Download all Videos (22)
433.1 MB2h 34m

Project Files (Assets, Resources)
44.2 MB

Download all

Join us on
  Channel    and      Group

Leave a Comment

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