STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR		Archived flashes:
228155
/disc/ · /res/   —   /show/ · /fap/ · /gg/ · /swf/P0001 · P2561 · P5122
<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/60867460?noj=FRM60867460-20DC" width="1" height="1"></div>

Easy Lip Sync Tutorial.swf

This is the info page for
Flash #58410

(Click the ID number above for more basic data on this flash file.)


Text
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 2

	stop();
Frame 12

	D = eyes._currentframe;
Frame 13

	stop();
	eyes.gotoAndStop(D);
Frame 14

	stop();
	eyes.gotoAndStop(D);
Frame 15

	stop();
	eyes.gotoAndStop(D);
Frame 16

	stop();
	eyes.gotoAndStop(D);
Frame 17

	stop();
	eyes.gotoAndStop(D);
Frame 18

	stop();
	eyes.gotoAndStop(D);
Frame 19

	stop();
	eyes.gotoAndStop(D);
Frame 20

	stop();
	eyes.gotoAndStop(D);
Frame 21

	stop();
	eyes.gotoAndStop(D);
Frame 22

	stop();
	eyes.gotoAndStop(D);
Frame 23

	stop();
	eyes.gotoAndStop(D);
Frame 24

	stop();
	eyes.gotoAndStop(D);
Frame 25

	stop();
	eyes.gotoAndStop(D);
Symbol 13 MovieClip Frame 1

	stop();
Symbol 13 MovieClip Frame 11

	gotoAndStop (1);
Symbol 15 Button

on (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 2

	gotoAndPlay (1);
Symbol 28 Button

on (release) {
	this.gotoAndPlay(3);
}
Symbol 35 Button

on (release) {
	nextFrame();
	D = eyes._currentframe;
}
Symbol 44 Button

on (release) {
	gotoAndStop ("tut");
}
Symbol 45 Button

on (release) {
	gotoAndPlay ("chart1");
}
Symbol 46 Button

on (release) {
	gotoAndPlay ("example");
}
Symbol 48 Button

on (release) {
	nextFrame();
	D = eyes._currentframe;
}
Symbol 50 Button

on (release) {
	gotoAndStop ("menu");
	D = eyes._currentframe;
}
Symbol 57 Button

on (release) {
	prevFrame();
	D = eyes._currentframe;
}
Symbol 77 Button

on (release) {
	getURL ("http://whatis.techtarget.com/definition/0,,sid9_gci213308,00.html", _blank);
}
Symbol 85 Button

on (release) {
	gotoAndStop ("menu");
	D = eyes._currentframe;
}
Symbol 111 Button

on (release) {
	gotoAndPlay (2);
}
Symbol 112 MovieClip Frame 1

	stop();
Symbol 112 MovieClip Frame 54

	gotoAndStop (1);
Symbol 113 Button

on (release) {
	gotoAndPlay (2);
}
Symbol 114 MovieClip Frame 1

	stop();
Symbol 114 MovieClip Frame 54

	gotoAndStop (1);

Library Items

Symbol 1 GraphicUsed by:Timeline
Symbol 2 GraphicUsed by:Timeline
Symbol 3 GraphicUsed by:13
Symbol 4 GraphicUsed by:13
Symbol 5 GraphicUsed by:13
Symbol 6 GraphicUsed by:13
Symbol 7 GraphicUsed by:13
Symbol 8 GraphicUsed by:13
Symbol 9 GraphicUsed by:13
Symbol 10 GraphicUsed by:13
Symbol 11 GraphicUsed by:13
Symbol 12 GraphicUsed by:13
Symbol 13 MovieClipUses:3 4 5 6 7 8 9 10 11 12Used by:Timeline
Symbol 14 GraphicUsed by:15
Symbol 15 ButtonUses:14Used by:Timeline
Symbol 16 GraphicUsed by:Timeline
Symbol 17 GraphicUsed by:18
Symbol 18 MovieClipUses:17Used by:24
Symbol 19 GraphicUsed by:24
Symbol 20 FontUsed by:21
Symbol 21 TextUses:20Used by:23
Symbol 22 GraphicUsed by:23
Symbol 23 MovieClipUses:21 22Used by:24
Symbol 24 MovieClipUses:18 19 23Used by:Timeline
Symbol 25 GraphicUsed by:Timeline
Symbol 26 GraphicUsed by:28
Symbol 27 GraphicUsed by:28
Symbol 28 ButtonUses:26 27Used by:Timeline
Symbol 29 GraphicUsed by:30
Symbol 30 MovieClipUses:29Used by:Timeline
Symbol 31 GraphicUsed by:Timeline
Symbol 32 GraphicUsed by:Timeline
Symbol 33 GraphicUsed by:Timeline
Symbol 34 GraphicUsed by:35 48 85
Symbol 35 ButtonUses:34Used by:Timeline
Symbol 36 FontUsed 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 FontUsed by:38 55
Symbol 38 TextUses:36 37Used by:Timeline
Symbol 39 GraphicUsed by:Timeline
Symbol 40 GraphicUsed by:Timeline
Symbol 41 GraphicUsed by:112 114  Timeline
Symbol 42 TextUses:36Used by:Timeline
Symbol 43 GraphicUsed by:44 45 46 77 111 113
Symbol 44 ButtonUses:43Used by:Timeline
Symbol 45 ButtonUses:43Used by:Timeline
Symbol 46 ButtonUses:43Used by:Timeline
Symbol 47 GraphicUsed by:Timeline
Symbol 48 ButtonUses:34Used by:Timeline
Symbol 49 GraphicUsed by:50 57
Symbol 50 ButtonUses:49Used by:Timeline
Symbol 51 BitmapUsed by:53
Symbol 52 BitmapUsed by:53
Symbol 53 GraphicUses:51 52Used by:Timeline
Symbol 54 FontUsed by:55 62 71 74
Symbol 55 TextUses:36 37 54Used by:Timeline
Symbol 56 GraphicUsed by:Timeline
Symbol 57 ButtonUses:49Used by:Timeline
Symbol 58 GraphicUsed by:Timeline
Symbol 59 BitmapUsed by:61
Symbol 60 BitmapUsed by:61
Symbol 61 GraphicUses:59 60Used by:Timeline
Symbol 62 TextUses:54 36Used by:Timeline
Symbol 63 BitmapUsed by:66
Symbol 64 BitmapUsed by:66
Symbol 65 BitmapUsed by:66
Symbol 66 GraphicUses:63 64 65Used by:Timeline
Symbol 67 TextUses:36Used by:Timeline
Symbol 68 BitmapUsed by:70
Symbol 69 BitmapUsed by:70
Symbol 70 GraphicUses:68 69Used by:Timeline
Symbol 71 TextUses:36 54Used by:Timeline
Symbol 72 BitmapUsed by:73
Symbol 73 GraphicUses:72Used by:Timeline
Symbol 74 TextUses:36 54Used by:Timeline
Symbol 75 GraphicUsed by:Timeline
Symbol 76 TextUses:36Used by:Timeline
Symbol 77 ButtonUses:43Used by:Timeline
Symbol 78 BitmapUsed by:79
Symbol 79 GraphicUses:78Used by:Timeline
Symbol 80 TextUses:36Used by:Timeline
Symbol 81 BitmapUsed by:82
Symbol 82 GraphicUses:81Used by:Timeline
Symbol 83 TextUses:36Used by:Timeline
Symbol 84 GraphicUsed by:Timeline
Symbol 85 ButtonUses:34Used by:Timeline
Symbol 86 GraphicUsed by:Timeline
Symbol 87 TextUses:36Used by:Timeline
Symbol 88 GraphicUsed by:Timeline
Symbol 89 GraphicUsed by:Timeline
Symbol 90 TextUses:36Used by:Timeline
Symbol 91 GraphicUsed by:112 114  Timeline
Symbol 92 GraphicUsed by:112 114  Timeline
Symbol 93 GraphicUsed by:112 114  Timeline
Symbol 94 GraphicUsed by:112 114  Timeline
Symbol 95 GraphicUsed by:112 114  Timeline
Symbol 96 GraphicUsed by:112 114  Timeline
Symbol 97 GraphicUsed by:112 114  Timeline
Symbol 98 GraphicUsed by:114  Timeline
Symbol 99 GraphicUsed by:112 114  Timeline
Symbol 100 TextUses:36Used by:Timeline
Symbol 101 TextUses:36Used by:Timeline
Symbol 102 TextUses:36Used by:Timeline
Symbol 103 TextUses:36Used by:Timeline
Symbol 104 TextUses:36Used by:Timeline
Symbol 105 TextUses:36Used by:Timeline
Symbol 106 TextUses:36Used by:Timeline
Symbol 107 TextUses:36Used by:Timeline
Symbol 108 TextUses:36Used by:Timeline
Symbol 109 TextUses:36Used by:Timeline
Symbol 110 GraphicUsed by:112 114
Symbol 111 ButtonUses:43Used by:112
Symbol 112 MovieClipUses:110 91 111 94 92 93 96 95 99 41 97 SS1Used by:Timeline
Symbol 113 ButtonUses:43Used by:114
Symbol 114 MovieClipUses:110 91 113 92 94 93 41 95 96 97 98 99 SS2Used by:Timeline
Symbol 115 TextUses:36Used by:Timeline
Symbol 116 TextUses:36Used by:Timeline
Symbol 117 FontUsed by:118
Symbol 118 TextUses:117Used by:Timeline
Streaming Sound 1Used by:Symbol 112 MovieClip
Streaming Sound 2Used by:Symbol 114 MovieClip

Instance Names

"eyes"Frame 1Symbol 13 MovieClip
"eyes"Frame 13Symbol 13 MovieClip
"bar"Symbol 24 MovieClip Frame 1Symbol 18 MovieClip

Labels

"menu"Frame 14
"tut"Frame 15
"chart1"Frame 24
"example"Frame 25


http://swfchan.com/12/58410/info.shtml
Created: 17/4 -2019 04:55:23 Last modified: 17/4 -2019 04:55:23 Server time: 20/05 -2024 18:57:31