Animated Transitions with 2D Illustration & After Effects
A course by Yukai Du
, Illustrator and Animator
Create seamless and organic animated transitions from scratch by exploring color, shape, texture, pattern, and timing using both analog and digital techniques
- 100% positive reviews (5)
- 612 students
- Audio: English
- English, Spanish, Portuguese, German, French, Italian, Polish, Dutch
Create seamless and organic animated transitions from scratch by exploring color, shape, texture, pattern, and timing using both analog and digital techniques
- 100% positive reviews (5)
- 612 students
- 19 lessons (4h 31m)
- 19 additional resources (7 files)
- Online and at your own pace
- Available on the app
- Audio: English
- English, Spanish, Portuguese, German, French, Italian, Polish, Dutch
- Level: Beginner
- Unlimited access forever
Ever wanted to create vibrant and playful animations from scratch? Renowned illustrator and animator Yukai Du has created bold and abstract motion graphics for clients like The New Yorker, Spotify, Adobe, and Apple. She’s here to teach you how to create seamless transition animations from start to finish.
In this online course, discover how to draw inspiration from simple elements like color, shape, and texture using both digital and analog techniques. Get ready to stand out from the crowd with fluid and organic animations of your own!
If you’d like to learn more with Yukai, take a look at her first Domestika course Hand-Drawn Digital Animation: Bring Illustrations to Life.

What will you learn in this online course?
Course table of contents
-
U1U1. Introduction
-
U2U2. Storyboards and Exploration
-
U3U3. Experiments in Style
-
U4U4. Timing and Animation Style
-
FPFP Final project
Get to know your teacher for the course, Yukai Du. She shares her background, as well as her biggest influences and sources of inspiration.
Start by doing some exercises on paper to visualize text in different ways. Explore how to use storyboards, before seeing how to move from one scene to the next. Yukai then shows you how to put it all into practice and work with longer format animations.
Experiment with a variety of digital styles. See how to link two scenes through different combinations of the same color palette. After analyzing and adjusting the various images using basic shapes as a guide, move on to plan transitions between them. Also take a look at how much detail to include in the pre-production phase.
Next, familiarize yourself with how speed, duration, and frame rates can be used to create unique transitions. Yukai then shows you how to enrich and stylize your work. Wrap up the course by adding the finishing touches.
What is this course's project?
Produce three short clips using After Effects and Animate to showcase a range of transition techniques.

Who is this online course for?
Anyone wanting to explore the animated world of transitions.
Requirements and materials
To take this course, you need some basic sketching skills and a computer installed with After Effects, Animate, and a drawing program like Photoshop.

Reviews
Yukai Du is a Chinese-born illustrator and animator based in London, UK. At just 15 years old, she began training at GuangZhou Academy of Fine Arts where she learned to work with acrylic and still life paintings, pencil drawings, and sculpture. From there, she went on to study animation at college, where her traditional art skills were put into practice. It was there that she discovered her passion for creating craft-like illustrations and animations, and she later moved to London to pursue a Master’s degree in those art forms.
After graduating, she worked at various studios in the UK including M-I-E and Bliink. Since then, as a freelancer, she has collaborated with well-known brands including The New Yorker, Spotify, The Guardian, MTV, Adobe, Apple, and WeTransfer. Her work has also been recognized by Adobe Design Awards, 3x3 International Illustration Awards, and more.
Content
-
U1
Introduction
-
About Me
-
Influences
-
-
U2
Storyboards and Exploration
-
From One Script to Different Storyboards
-
Connecting One Storyboard with Different Transitions
-
Designing Transitions and Longer Formats
-
-
U3
Experiments in Style
-
Colour Boards with One Colour Palette
-
Analysing Scenes and Exploring Styles 1
-
Analysing Scenes and Exploring Styles 2
-
Analysing Scenes and Exploring Styles 3
-
Planning Transition Details in Colour Boards
-
-
U4
Timing and Animation Style
-
The Timing 1
-
The Timing 2
-
The Timing 3
-
Stylising Transitions 1
-
Stylising Transitions 2
-
Stylising Transitions 3
-
Stylising Transitions 4
-
Stylising Transitions 5
-
Making Unique Transitions
-
-
FP
Final project
-
Animated Transitions with 2D Illustration & After Effects
-
What to expect from a Domestika course
-
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
-
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
-
Certificates
PlusIf you're a Plus or PRO member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
-
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
-
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
-
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
-
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
Domestika's courses are online classes that provide you with the tools and skills you need to complete a specific project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the teacher and with other students, creating a dynamic course community.
All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.
The courses are divided into different units. Each one includes lessons, informational text, tasks, and practice exercises to help you carry out your project step by step, with additional complementary resources and downloads. You'll also have access to an exclusive forum where you can interact with the teacher and with other students, as well as share your work and your course project, creating a community around the course.
You can redeem the course you received by accessing the redeeming page and entering your gift code.
monasuln7
Great course! high recommend!
leminhkhai
Great course!! The workflow (Animate-Photoshop-After Effects) covered in U4 is really helpful to learn about. :)
greentea00
PlusExcelente!
View translation
Hide translation
hafsaabeer01
Unique and so much fun! Loved her style of animations and teaching :)
berkayh
very useful thank you