Table of Contents

Back to Previous Page

Lip-Sync Tutorial

Introduction

In this tutorial, we will make a basic lip-sync exercise following a complete workflow using two free software projects: Papagayo and Tupi. Papagayo is developed by a company called Lost Marble, and Tupi is developed by MaeFloresta.

First at all, we need to download and install both programs:

Part 1: Working with Papagayo

Now, to start making our example we will need:

It is important that you pay attention to the file names, because they matter for Papagayo, so, when you create your own mouths, remember to use exactly the same file names as in this example: AI, E, etc, FV, L, MBP, O, rest, U, WQ.

What we are doing here is to use one of the Papagayo predefined mouth sets, just to make easier this explanation.

Note: Any kind of image format is supported by Tupi, so you can create your mouth sets as PNG, JPG or even SVG files if you want to.

Ok, that's it. Now, let's play with Papagayo a little, to create our lip-sync example:


Part 2: Working with Tupi

Now, we have the three elements that we need to import the Papagayo exercise into Tupi:

  1. The lip-sync file (PGO file)
  2. The sound file (WAV file)
  3. The set of mouth shapes (directory with the mouth image files)

So, let's open Tupi and create a new project.

Now, we have to go to the Miscellaneous Tools button, and click on the option Papagayo lip-sync Files.

In the right side of the interface, you will see the Papagayo panel to show up. So, click on the + button to import our example.

You will see a small dialog to appear:

When we are done, we just click on the OK button. And that's it, now our Papagayo project is part of our Tupi animation project.

If we want to edit the position of the mouth, we can do it by clicking on the Edit button (Pencil icon), from the Papagayo panel.

A green node will show up on the canvas over the mouth, we can drag it and locate it wherever we want.

Now, we will add an eyes image into my animation to make it a little more fun. So first, we activate the Static Background mode:

Then, we go to the Library panel and import the image from there:

Finally, we go back to the Frames Mode to play our lip-sync animation!

Well, that's it. Now you know how to do lip-sync exercises using Papagayo and Tupi.


Back to Previous Page