How to Do Lip Sync Animation with Adobe Animate

Last Updated: 2026. 08. 03

Ever wondered how top animators make characters speak so seamlessly? Lip sync animation is equal parts art, tech, and meticulous timing. From analyzing raw dialogue to mapping out keyframes, bringing a silent avatar or puppet to life takes real precision—and the right software.

Enter Adobe Animate. As the industry-standard choice for everything from YouTube videos to TV shows, WebGL, and HTML5 Canvas, Adobe Animate gives you the exact tools you need to master seamless lip-syncing. Besides that, FlexClip uses AI to add perfect lip sync animations to an existing photo and video. No skills needed. Let's dive in!

How to Do a Lip Sync Animation with Adobe Animate

First, there are things you need before you get started:

  • a.Microphone.
  • b.Recording Software
  • How to Lip Sync | Adobe Animate Tutorial

    Step 1
    Record an Audio

    This is where you record all the audios you wish to lip sync into those characters you have created using your microphone and your selected recording software.

    Step 2
    Draw the Shapes of the Mouth you will be Using

    This is where you need to draw out all the mouth shapes you think you will be needing for your character throughout the animation. And make sure you convert each of them into a graphic symbol.

    Step 3
    Create Master Mouth Symbols

    To achieve this, you need to first name all the mouth symbols according to the sound coloration of those mouths you drew:

  • Click on ‘Properties’, double click on the mouth symbol you have created.
  • A "Create New Symbol” dialogue box is expected to pop up.
  • Enter the name of the master symbol you want it to represent, and click ‘OK'.
  • Step 4
    Drag Every Viseme to each Key-framed

    Align each of the Mouth symbols in such a way that it is situated at the center of the stage. But you have to make sure that the mouth pose is organized within its Graphic Symbol (as in those mouth shapes you have drawn).

    Step 5
    Import your Audio File

    This is when you need to import the pre-recorded audio file you want to integrate into the animated character(s). To do this:

  • Click ‘File’, scroll to “Import”.
  • Click on 'Import to Stage'
  • At the “Label” section, on Sync, select 'Stream', to listen.
  • Step 6
    Choose Lip Syncing

    Here is where you need to assign each of the Viseme to individual sound (avatar). To do this:

  • Click “Lip Syncing”, automatically all the mouth shapes you have organized on mouth-symbol appears.
  • Pick each mouth symbol according to the symbol name you gave it by clicking on them one after the other.
  • And click 'Done'. And you are done.
  • Note
    When dragging the Viseme to each Key-frame, you will need to add frame labels to every keyframe to help you identify each mouth pose when you are ready to come back for it.

    Part 2. Create Lip Sync Animation with FlexClip AI

    While Adobe Animate gives you frame-by-frame control for complex projects, not every timeline allows for manual keuframing. If you are looking a faster, budget-friendly way to achieve natural mouth movements without steep learning curve, FlexClip's AI-Driven automation is a game changer. It turns audio or simple script into synced character animation automatically in a fraction of the time. No editing skills is needed.

    Click the Create Lip Sync Animation button below, and follow the steps above.

    Create Lip Sync Animation
    Step 1
    Use/Create an AI Avatar

    You are now at FlexClip's AI Avatar tool. Choose one out of 150+ AI avatars to help deliver your information. Hit Use to Get started.

    Use FlexClip AI Avatar

    Use FlexClip AI Avatar

    Instead, click the Video to Avatar or Image to Avatar button, upload a video or photo of a single person. FlexClip will create an AI avatar based on the reference resource.

    Create Your Own AI Avatar

    Create Your Own AI Avatar

    Step 2
    Enter Script/Upload Audio

    Paste the script to the empty box, choose the right video aspect ratio, then select a voice. Hit Generate.

    Moreover, you can upload an existing audio track between 3 seconds to 20 minutes. Then Hit Generate. AI will automatically create lip sync animation for you.

    Paste Script to FlexClip

    Paste Script to FlexClip

    Step 3
    Make Further Adjustments

    When the lip sync animations are done, head over to FlexClip's timeline, make basic edits like trimming, merging, adding captions, etc.

    Edit Lip Sync Animations

    Edit Lip Sync Animations

    Frequently Asked Questions

    1. What is the difference between manual lip sync and AI lip sync?

    For manual lip sync, you need to manually select and place keyframes for each mouth shape, which takes more time but gives total creative control over exaggerated expressions and acting choices. When it comes to AI lip sync, the algorithms automatically analyze the audio track and map visemes onto a rigged character model in real time. It is much faster, but may lack of fine artistic control.

    2. Do I should record the audio before or after animating?

    Always record the audio before animating. Animating to a pre-recorded audio track allows you to break down the exact audio timing frame-by-frame. Animating first and trying to fit audio to existing mouth movements produces unnatural, out-of-sync results.

    3. Should I animate the mouth frame-by-frame for every single syllable?

    No. In fast speech, the human mouth naturally skips or blends shapes. Focusing on key stress sounds and major vowels creates a much smoother and more natural look than rapidly swapping mouth shapes on every single frame.

    Group 11
    Make a free video online
    Create Your First Video With FlexClip Now
    Get Started - Free