WEEK 5 - INSERTING SOUND IN ANIMATION & LIP SYNC

INSERTING SOUND IN
ANIMATION

DCG1023 | WEEK 05

https://cdn.dribbble.com/users/594253/screenshots/2183375/motivation_tumblr.gif

IMPORTING AN AUDIO FILE

To import audio, use one of the following methods:
● To import an audio file to library, select File > Import > Import To

Library and select the audio file that you want to import.
● To import an audio file to stage, select File > Import > Import To

Stage and select the audio file that you want to import.
● Drag-and-drop the audio file directly to the stage.

You can increase the length of the audio by inserting frames.

Remember to create a new layer for the imported audio

SUPPORTED SOUND FORMATS

You can import the following sound file formats into Animate:

• Adobe Sound (.asnd). This is the native sound format of Adobe®
Soundbooth™.

• Wave (.wav)
• AIFF (.aif, .aifc)
• mp3
• You can import these additional sound file formats:
• Sound Designer® II (.sd2)
• Sun AU (.au, .snd)
• FLAC (.flac)
• Ogg Vorbis (.ogg, .oga)

INSERTING SOUND
TO TRAIN

ANIMATION

https://webstockreview.net/pict/getfirst

TUTORIAL 1:
INSERTING SOUND

IN ANIMATE CC

Adding Sound to Train Animation

1. Open file Tutorial1_Inserting Sound.fla
2. Import train sound (Audio_01.wav) to the fla file.
3. Add sound to train by adding new layer “Sound”
4. Apply any sound effects in the Properties Panel .

Sound Effects in Animate CC

● None: Applies no effects to the sound file. Select

this option to remove previously applied effects.

● Left Channel/Right Channel: Plays sound in the

left or right channel only.

● Fade Left To Right/Fade Right To Left: Shifts the

sound from one channel to the other.

● Fade In: Gradually increases the volume of a

sound over its duration.

● Fade Out: Gradually decreases the volume of a

sound over its duration.

● Custom: Lets you create custom in and out

points of sound using the Edit Envelope

.

Removing Sound from the Timeline

● In the Timeline layer containing the sound,
select a frame that also contains the sound.

● In the Property inspector, go to the Sound
section and select None from the Name menu.
Animate deletes the sound from the Timeline
layer.

LIP SYNC
ANIMATION

https://thumbs.gfycat.com/MarvelousAffectionateCow-small.gif

LIP SYNC ANIMATION

Lip Sync Animation is matching
the shape of the mouth with
the audio or dialogue

https://www.youtube.com/watch?v=
iLAGLX0HnVs

https://i.gifer.com/Fryj.gif

STEPS FOR LIP SYNCING ANIMATION WITH
VECTOR GRAPHICS

CREATE MULTIPLE MANAGE THE USE THE FRAME
LIP SYNC POSITION DIFFERENT LIP PICKER IN THE
WHICH ADHERES SYNC POSITIONS IN SYMBOL
TO THEIR A GRAPHIC PROPERTIES TO
RESPECTIVE SYMBOL TIMELINE KEYFRAME THE
SOUNDS CHOSEN LIP SYNC
POSITION

STEPS FOR LIP SYNCING ANIMATION WITH
VECTOR GRAPHICS

CREATE MULTIPLE
LIP SYNC POSITION
WHICH ADHERES
TO THEIR
RESPECTIVE
SOUNDS

http://s3.amazonaws.com/skillshare/uploads/session/tmp/13bde493

STEPS FOR LIP MANAGE THE DIFFERENT LIP
SYNCING ANIMATION SYNC POSITIONS IN A GRAPHIC
WITH
VECTOR GRAPHICS SYMBOL TIMELINE

STEPS FOR LIP SYNCING ANIMATION WITH
VECTOR GRAPHICS

USE THE FRAME
PICKER IN THE
SYMBOL
PROPERTIES TO
KEYFRAME THE
CHOSEN LIP SYNC
POSITION

TUTORIAL 2

Create a Lip sync animation referring to
the given audio (Audio_02.wav) and

vector character (character_lipsync.ai)

SAMPLE AUTO
LIP SYNCING PROJECT

Video Reference: http://gg.gg/sampleautolipsync

PRACTICAL
ASSIGNMENT 02

BRIEFING

Typography Animation (20%)