STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 229595 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2595 · P5190 |
A Very Merry Christmas! |
This is the info page for Flash #58410 |
loading... |
Welcome to my lip-sync tutorial - it's my first, and straight away, I have to credit Chris Georgenes for informing me of this method of speeding up perhaps the most boring job for animators. This is a little technique for lip synching - this method doesn't really help you to achieve the correct mouth shapes for sounds; the aim is to speed up your lip syncing to a level where you don't feel like you should try to avoid speech on your films. Also included in this tutorial are a few mouth charts that you may wish to use, to speed up animating mouths even more. |
Main Tutorial and some extras... Mouth Chart Examples |
Straight into it then - the best way to start this off is to have your character's face open on the screen. In a new layer, paste (or draw) your first mouth (this is generally the closed mouth shape). Convert this to a symbol, make sure it is a graphic symbol, and save as something like "mouths". |
Edit in Place your new symbol, and create a new blank keyframe (F7). On this keyframe, draw your second mouth shape. If you created your graphic over your character's face, you can use this to ensure the mouth is the correct size and position. |
Repeat step 2 for all the individual mouth shapes you need, until you have every different shape in its own frame on the timeline of your mouths graphic symbol. |
Go back up a level and check that the mouth symbol is in the correct position. It's easiest to have this symbol on a layer of its own in the timeline, so you might want to do that now - just Cut, and Paste In Place on a new layer. |
Now we can roll. Add your sound, and set to Stream so that you can hear the audio as you jump frame by frame. The trick in this method is the properties that you can control of a graphic symbol. You will notice that in the properties window, you can select the frame that the graphic starts on. You can also change whether the symbol plays through, or holds on that frame. Combining these two properties, we can make your characters talk perfectly, using the following techniques. |
A lot of the time, the speech is so fast, and the movie so long, that you can't be bother (and perhaps won't notice) if the mouth movements don't always match the audio. It's quite acceptable for you to leave the mouth visemes looping while the character talks. This is easy now with your graphic symbol. Just set it to Loop, and play the movie back. You'll find that for some parts, this works fine. However, it's likely that your audio will involve some held- sounds, or places of no speech. To do this, we can use the next technique. |
Change the setting of the play of the graphic to Single Frame. Now, the selected mouth shape will hold until the next keyframe. This can be used to keep a mouth closed or to extend a sound. Also, this technique can be used in the same style as standard lip- sync methods, as explained in the final technique. |
This is the standard lip-sync method; listen to the sound, identify the sound, and find the correct visemes (mouth shape). Now however, you can quickly change which mouth shape is being displayed. Note: if you are doing this frame by frame, the play options don't matter. However, if you're planning to hold a mouth shape for several frame, make sure this is set to Single Frame. The general use of this technique is still slow, but faster than a "swapping symbols" method, and much quicker than copy-paste methods. |
By using a combination of these three techniques, you should be able to speed up the time it takes you to fix up the lip-syncing for your characters. Also, it's easy to reuse the same symbols for two or more characters! And don't go away thinking this is only for mouths - I'm using this technique all the time for eyes and eyebrows as well - just click in the corner to see all the different eye shapes I could think of! I hope this helps a lot of you out there - for extra aid, check the menu for a free mouth chart to start you off with a mouth graphic symbol straight away! |
Here's a simple mouth chart - feel free to use these images. |
Closed |
m, b, p |
a, i |
o |
q, u |
e |
l, n |
w, r |
f, v |
t, s |
Click on the heads to play. The left lip sync has been done using individual key frames; the right sync was using just a loop of the mouth shapes, with four held mouths (and was much quicker to create). |
TEXT HERE BLAH BLAH BLAH |
0 |
ActionScript [AS1/AS2]
Frame 2stop();Frame 12D = eyes._currentframe;Frame 13stop(); eyes.gotoAndStop(D);Frame 14stop(); eyes.gotoAndStop(D);Frame 15stop(); eyes.gotoAndStop(D);Frame 16stop(); eyes.gotoAndStop(D);Frame 17stop(); eyes.gotoAndStop(D);Frame 18stop(); eyes.gotoAndStop(D);Frame 19stop(); eyes.gotoAndStop(D);Frame 20stop(); eyes.gotoAndStop(D);Frame 21stop(); eyes.gotoAndStop(D);Frame 22stop(); eyes.gotoAndStop(D);Frame 23stop(); eyes.gotoAndStop(D);Frame 24stop(); eyes.gotoAndStop(D);Frame 25stop(); eyes.gotoAndStop(D);Symbol 13 MovieClip Frame 1stop();Symbol 13 MovieClip Frame 11gotoAndStop (1);Symbol 15 Buttonon (release) { eyes.nextFrame(); }Symbol 24 MovieClip Frame 1_root.stop(); PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100; if (PercentLoaded != 100) { setProperty(bar, _xscale , PercentLoaded); } else { _root.play(); }Symbol 24 MovieClip Frame 2gotoAndPlay (1);Symbol 28 Buttonon (release) { this.gotoAndPlay(3); }Symbol 35 Buttonon (release) { nextFrame(); D = eyes._currentframe; }Symbol 44 Buttonon (release) { gotoAndStop ("tut"); }Symbol 45 Buttonon (release) { gotoAndPlay ("chart1"); }Symbol 46 Buttonon (release) { gotoAndPlay ("example"); }Symbol 48 Buttonon (release) { nextFrame(); D = eyes._currentframe; }Symbol 50 Buttonon (release) { gotoAndStop ("menu"); D = eyes._currentframe; }Symbol 57 Buttonon (release) { prevFrame(); D = eyes._currentframe; }Symbol 77 Buttonon (release) { getURL ("http://whatis.techtarget.com/definition/0,,sid9_gci213308,00.html", _blank); }Symbol 85 Buttonon (release) { gotoAndStop ("menu"); D = eyes._currentframe; }Symbol 111 Buttonon (release) { gotoAndPlay (2); }Symbol 112 MovieClip Frame 1stop();Symbol 112 MovieClip Frame 54gotoAndStop (1);Symbol 113 Buttonon (release) { gotoAndPlay (2); }Symbol 114 MovieClip Frame 1stop();Symbol 114 MovieClip Frame 54gotoAndStop (1);
Library Items
Symbol 1 Graphic | Used by:Timeline | |
Symbol 2 Graphic | Used by:Timeline | |
Symbol 3 Graphic | Used by:13 | |
Symbol 4 Graphic | Used by:13 | |
Symbol 5 Graphic | Used by:13 | |
Symbol 6 Graphic | Used by:13 | |
Symbol 7 Graphic | Used by:13 | |
Symbol 8 Graphic | Used by:13 | |
Symbol 9 Graphic | Used by:13 | |
Symbol 10 Graphic | Used by:13 | |
Symbol 11 Graphic | Used by:13 | |
Symbol 12 Graphic | Used by:13 | |
Symbol 13 MovieClip | Uses:3 4 5 6 7 8 9 10 11 12 | Used by:Timeline |
Symbol 14 Graphic | Used by:15 | |
Symbol 15 Button | Uses:14 | Used by:Timeline |
Symbol 16 Graphic | Used by:Timeline | |
Symbol 17 Graphic | Used by:18 | |
Symbol 18 MovieClip | Uses:17 | Used by:24 |
Symbol 19 Graphic | Used by:24 | |
Symbol 20 Font | Used by:21 | |
Symbol 21 Text | Uses:20 | Used by:23 |
Symbol 22 Graphic | Used by:23 | |
Symbol 23 MovieClip | Uses:21 22 | Used by:24 |
Symbol 24 MovieClip | Uses:18 19 23 | Used by:Timeline |
Symbol 25 Graphic | Used by:Timeline | |
Symbol 26 Graphic | Used by:28 | |
Symbol 27 Graphic | Used by:28 | |
Symbol 28 Button | Uses:26 27 | Used by:Timeline |
Symbol 29 Graphic | Used by:30 | |
Symbol 30 MovieClip | Uses:29 | Used by:Timeline |
Symbol 31 Graphic | Used by:Timeline | |
Symbol 32 Graphic | Used by:Timeline | |
Symbol 33 Graphic | Used by:Timeline | |
Symbol 34 Graphic | Used by:35 48 85 | |
Symbol 35 Button | Uses:34 | Used by:Timeline |
Symbol 36 Font | Used by:38 42 55 62 67 71 74 76 80 83 87 90 100 101 102 103 104 105 106 107 108 109 115 116 | |
Symbol 37 Font | Used by:38 55 | |
Symbol 38 Text | Uses:36 37 | Used by:Timeline |
Symbol 39 Graphic | Used by:Timeline | |
Symbol 40 Graphic | Used by:Timeline | |
Symbol 41 Graphic | Used by:112 114 Timeline | |
Symbol 42 Text | Uses:36 | Used by:Timeline |
Symbol 43 Graphic | Used by:44 45 46 77 111 113 | |
Symbol 44 Button | Uses:43 | Used by:Timeline |
Symbol 45 Button | Uses:43 | Used by:Timeline |
Symbol 46 Button | Uses:43 | Used by:Timeline |
Symbol 47 Graphic | Used by:Timeline | |
Symbol 48 Button | Uses:34 | Used by:Timeline |
Symbol 49 Graphic | Used by:50 57 | |
Symbol 50 Button | Uses:49 | Used by:Timeline |
Symbol 51 Bitmap | Used by:53 | |
Symbol 52 Bitmap | Used by:53 | |
Symbol 53 Graphic | Uses:51 52 | Used by:Timeline |
Symbol 54 Font | Used by:55 62 71 74 | |
Symbol 55 Text | Uses:36 37 54 | Used by:Timeline |
Symbol 56 Graphic | Used by:Timeline | |
Symbol 57 Button | Uses:49 | Used by:Timeline |
Symbol 58 Graphic | Used by:Timeline | |
Symbol 59 Bitmap | Used by:61 | |
Symbol 60 Bitmap | Used by:61 | |
Symbol 61 Graphic | Uses:59 60 | Used by:Timeline |
Symbol 62 Text | Uses:54 36 | Used by:Timeline |
Symbol 63 Bitmap | Used by:66 | |
Symbol 64 Bitmap | Used by:66 | |
Symbol 65 Bitmap | Used by:66 | |
Symbol 66 Graphic | Uses:63 64 65 | Used by:Timeline |
Symbol 67 Text | Uses:36 | Used by:Timeline |
Symbol 68 Bitmap | Used by:70 | |
Symbol 69 Bitmap | Used by:70 | |
Symbol 70 Graphic | Uses:68 69 | Used by:Timeline |
Symbol 71 Text | Uses:36 54 | Used by:Timeline |
Symbol 72 Bitmap | Used by:73 | |
Symbol 73 Graphic | Uses:72 | Used by:Timeline |
Symbol 74 Text | Uses:36 54 | Used by:Timeline |
Symbol 75 Graphic | Used by:Timeline | |
Symbol 76 Text | Uses:36 | Used by:Timeline |
Symbol 77 Button | Uses:43 | Used by:Timeline |
Symbol 78 Bitmap | Used by:79 | |
Symbol 79 Graphic | Uses:78 | Used by:Timeline |
Symbol 80 Text | Uses:36 | Used by:Timeline |
Symbol 81 Bitmap | Used by:82 | |
Symbol 82 Graphic | Uses:81 | Used by:Timeline |
Symbol 83 Text | Uses:36 | Used by:Timeline |
Symbol 84 Graphic | Used by:Timeline | |
Symbol 85 Button | Uses:34 | Used by:Timeline |
Symbol 86 Graphic | Used by:Timeline | |
Symbol 87 Text | Uses:36 | Used by:Timeline |
Symbol 88 Graphic | Used by:Timeline | |
Symbol 89 Graphic | Used by:Timeline | |
Symbol 90 Text | Uses:36 | Used by:Timeline |
Symbol 91 Graphic | Used by:112 114 Timeline | |
Symbol 92 Graphic | Used by:112 114 Timeline | |
Symbol 93 Graphic | Used by:112 114 Timeline | |
Symbol 94 Graphic | Used by:112 114 Timeline | |
Symbol 95 Graphic | Used by:112 114 Timeline | |
Symbol 96 Graphic | Used by:112 114 Timeline | |
Symbol 97 Graphic | Used by:112 114 Timeline | |
Symbol 98 Graphic | Used by:114 Timeline | |
Symbol 99 Graphic | Used by:112 114 Timeline | |
Symbol 100 Text | Uses:36 | Used by:Timeline |
Symbol 101 Text | Uses:36 | Used by:Timeline |
Symbol 102 Text | Uses:36 | Used by:Timeline |
Symbol 103 Text | Uses:36 | Used by:Timeline |
Symbol 104 Text | Uses:36 | Used by:Timeline |
Symbol 105 Text | Uses:36 | Used by:Timeline |
Symbol 106 Text | Uses:36 | Used by:Timeline |
Symbol 107 Text | Uses:36 | Used by:Timeline |
Symbol 108 Text | Uses:36 | Used by:Timeline |
Symbol 109 Text | Uses:36 | Used by:Timeline |
Symbol 110 Graphic | Used by:112 114 | |
Symbol 111 Button | Uses:43 | Used by:112 |
Symbol 112 MovieClip | Uses:110 91 111 94 92 93 96 95 99 41 97 SS1 | Used by:Timeline |
Symbol 113 Button | Uses:43 | Used by:114 |
Symbol 114 MovieClip | Uses:110 91 113 92 94 93 41 95 96 97 98 99 SS2 | Used by:Timeline |
Symbol 115 Text | Uses:36 | Used by:Timeline |
Symbol 116 Text | Uses:36 | Used by:Timeline |
Symbol 117 Font | Used by:118 | |
Symbol 118 Text | Uses:117 | Used by:Timeline |
Streaming Sound 1 | Used by:Symbol 112 MovieClip | |
Streaming Sound 2 | Used by:Symbol 114 MovieClip |
Instance Names
"eyes" | Frame 1 | Symbol 13 MovieClip |
"eyes" | Frame 13 | Symbol 13 MovieClip |
"bar" | Symbol 24 MovieClip Frame 1 | Symbol 18 MovieClip |
Labels
"menu" | Frame 14 |
"tut" | Frame 15 |
"chart1" | Frame 24 |
"example" | Frame 25 |
|