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:
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:
Now, we have the three elements that we need to import the Papagayo exercise into Tupi:
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.