TupiTube Documentation

User Tools

Site Tools

Trace:
lipsync

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
lipsync [2017/01/03 16:00] – [Part 2: Working with Tupi] maeflorestalipsync [2018/08/16 16:31] (current) – maefloresta
Line 1: Line 1:
-[[start|Back to Main Page]]+;#; 
 +[[misc_doc#Miscellaneous Tupi Resources|Back to Previous Page]] 
 +;#;
 =====Lip-Sync Tutorial===== =====Lip-Sync Tutorial=====
 ====Introduction==== ====Introduction====
Line 5: Line 7:
  
 First at all, we need to download and install both programs: First at all, we need to download and install both programs:
-    * Download and install Papagayo from http://lostmarble.com/papagayo-home/+    * Download and install Papagayo from http://lostmarble.com/papagayo/
  
 {{ wiki:papagayo_ui.png }} {{ wiki:papagayo_ui.png }}
Line 16: Line 18:
  
 Now, to start making our example we will need: Now, to start making our example we will need:
-    * A sound file. In this case, a **WAV** file with the sentence we want to create the lip-sync: **"Maybe next time, huh?"** {{wiki:maybe-next-time-huh.wav}}+    * A sound file. In this case, a **WAV** file with the sentence we want to create the lip-sync, in this case: **"Maybe next time, huh?"** {{wiki:maybe-next-time-huh.wav}}
     * A {{wiki:mouth.zip|set of files (mouth.zip)}} with the mouth shapes of the phonemes for all the possible representations of a mouth when the character we are animating is speaking. By default, Papagayo has a {{wiki:papagayo_mouths.zip|group of different mouths (papagayo_mouths.zip)}} that you can use, just as a guide of the shapes you will need for your own mouth design.\\     * A {{wiki:mouth.zip|set of files (mouth.zip)}} with the mouth shapes of the phonemes for all the possible representations of a mouth when the character we are animating is speaking. By default, Papagayo has a {{wiki:papagayo_mouths.zip|group of different mouths (papagayo_mouths.zip)}} that you can use, just as a guide of the shapes you will need for your own mouth design.\\
-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. These are the predefined names of the mouths in Papagayo: **AI, E, etc, FV, L, MBP, O, rest, U, WQ**. \\ +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.+
  
 {{ wiki:papagayo_mouths.png }} {{ wiki:papagayo_mouths.png }}
 +
 +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.  **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. 
Line 27: Line 30:
 Ok, that's it. Now, let's play with Papagayo a little, to create our lip-sync example: Ok, that's it. Now, let's play with Papagayo a little, to create our lip-sync example:
  
-    * The first thing we have to do here, is to load the sound file from the **File** menu -> **Open** option, in this case the **WAV** file mentioned previously. Once we loaded it, you will see that Papagayo creates a visual representation of the voice you are working with. This representation will be useful to adjust the timing of the words in the sentence further.+    * The first thing we have to do here, is to load the sound file from the **File** menu -> **Open** option, in this case the **WAV** file mentioned previously. 
 {{ wiki:papagayo_open1.png }} {{ wiki:papagayo_open1.png }}
 +
 +    * Once we loaded it, you will see that Papagayo creates a visual representation of the voice you are working with. This representation will be useful to adjust the timing of the words in the sentence further.
 {{ wiki:papagayo_open2.png }} {{ wiki:papagayo_open2.png }}
  
-    * The second step is to fill the **Spoken text** field with the words that form the sentence in the sound file. In our case, the words: "Maybe next time, huh?".+    * The next step is to fill the **Spoken text** field with the words that form the sentence in the sound file. In our case, the words: **"Maybe next time, huh?"**.
  
 {{ wiki:papagayo_text.png }} {{ wiki:papagayo_text.png }}
Line 39: Line 44:
 {{ wiki:papagayo_play.png }} {{ wiki:papagayo_play.png }}
  
-    * Ok, now we have to save the Papagayo project from the File menu, using the option "Save". So, we are going to use the extension **PGO**, which is the default Papagayo extension for lip-sync projects. Let's call the file next_time.+    * Ok, now we have to save the Papagayo project from the **File** menu, using the option **Save**. 
  
 {{ wiki:papagayo_save1.png }} {{ wiki:papagayo_save1.png }}
 +
 +    * So, we are going to use the extension **PGO**, which is the default Papagayo extension for lip-sync projects. Let's call the file **next_time**.
 +
 {{ wiki:papagayo_save2.png }} {{ wiki:papagayo_save2.png }}
 ----- -----
Line 49: Line 57:
    - The lip-sync file (**PGO** file)    - The lip-sync file (**PGO** file)
    - The sound file (**WAV** file)    - The sound file (**WAV** file)
-   - The set of mouth shapes (directory with mouth image files)+   - The set of mouth shapes (directory with the mouth image files)
  
 So, let's open Tupi and create a new project. So, let's open Tupi and create a new project.
Line 58: Line 66:
  
 {{ wiki:tupi_lipsync_misc_tools.png }} {{ wiki:tupi_lipsync_misc_tools.png }}
 +
 {{ wiki:tupi_lipsync_papagayo_files.png }} {{ wiki:tupi_lipsync_papagayo_files.png }}
  
-In the right side of the interface, you will see the Papagayo panel to show up. So, click on the plus button to import our example.+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.
  
 {{ wiki:tupi_lipsync_papagayo_panel.png }} {{ wiki:tupi_lipsync_papagayo_panel.png }}
 +
 {{ wiki:tupi_lipsync_papagayo_add.png }} {{ wiki:tupi_lipsync_papagayo_add.png }}
  
-You will see a small dialog to appear, asking for our files: the **PGO** file, the set of mouth images and the **WAV** sound file. So, let's import them:+You will see a small dialog to appear:
  
 {{ wiki:tupi_lipsync_papagayo_form.png }}  {{ wiki:tupi_lipsync_papagayo_form.png }} 
  
-    - In the first field we just need to pick the **PGO** file. +    * In the first field we just need to pick the **PGO** file. 
-    - In the second field, we need to pick a directory, where the mouth images are stored. +    * In the second field, we need to pick a directory, where the mouth images are stored. 
-    - In the third file, we just need to pick the **WAV** file.+    * In the third file, we just need to pick the **WAV** file.
  
 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. 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.
Line 86: Line 96:
  
 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:  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: 
 +
 {{ wiki:tupi_lipsync_static_bg1.png }} {{ wiki:tupi_lipsync_static_bg1.png }}
 +
 {{ wiki:tupi_lipsync_static_bg2.png }} {{ wiki:tupi_lipsync_static_bg2.png }}
 +
 Then, we go to the **Library** panel and import the image from there: Then, we go to the **Library** panel and import the image from there:
 +
 {{ wiki:tupi_lipsync_library.png }} {{ wiki:tupi_lipsync_library.png }}
 +
 {{ wiki:tupi_lipsync_import_image.png }} {{ wiki:tupi_lipsync_import_image.png }}
 +
 {{ wiki:tupi_lipsync_load_image.png }} {{ wiki:tupi_lipsync_load_image.png }}
 +
 {{ wiki:tupi_lipsync_eyes.png }} {{ wiki:tupi_lipsync_eyes.png }}
 +
 Finally, we go back to the **Frames Mode** to play our lip-sync animation! Finally, we go back to the **Frames Mode** to play our lip-sync animation!
 +
 {{ wiki:tupi_lipsync_frames_mode.png }} {{ wiki:tupi_lipsync_frames_mode.png }}
 +
 {{ wiki:tupi_lipsync_done.png }} {{ wiki:tupi_lipsync_done.png }}
  
 Well, that's it. Now you know how to do lip-sync exercises using Papagayo and Tupi. Well, that's it. Now you know how to do lip-sync exercises using Papagayo and Tupi.
 +-----
 +;#;
 +[[misc_doc#Miscellaneous Tupi Resources|Back to Previous Page]]
 +;#;
  
lipsync.1483459213.txt.gz · Last modified: 2017/03/11 23:22 (external edit)