• Project III – (Final) Mise-en-Scène – Audio + Video – Teacher’s Demo (6)



Rendering The Final (Composite) Video + Audio ( ♫ ) Animation Sequence  >

Screenshot 2014-05-09 00.53.12

STEP   by   STEP  >  N O T E S :

26. Open Photoshop (CC)… and once again… go directly to WINDOW > Timeline >

Screenshot 2014-05-08 19.41.58

*Note: it is necessary to start from ‘scratch’ (from the beginning), as we will be combining the now… singular video clip (as one ‘track’) with the audio clip (as another ‘track’)… on the timeline…

27. Using the ‘film-strip’ icon/button (again) to ‘Add Media’ >

Screenshot 2014-05-09 00.56.30

*This time, when the ‘Add Media’ dialog box appears… you are now searching for… and selecting your ‘VideoClip.mp4’… or … ‘VideoClip.mov’ file > (click) Open (and the video clip will now become visible as one continuous, singular animation track >

Screenshot 2014-05-09 01.01.09

28. Add Audio > Notice the ♫ ) ‘Add Audio’ (Two Eighth Note) Icon/Button had made itself available (along with a mute/do not mute ‘loud-speaker’ icon/button – to its left side). Before you select ♫ ) > to Add Audio > make sure the ‘loud-speaker’ icon/button is “ON” (radiating sound)… otherwise your audio track will not record! >

Screenshot 2014-05-09 01.09.23

29. Select ♫ ) > to Add Audio >

Screenshot 2014-05-09 01.11.40

*This dialog box will prompt you to find your audio.mp3 file… (selection) saved to your drive and/or desktop > (click) Open >

Screenshot 2014-05-09 01.12.49

30. Notice your selected ‘Audio.mp3’ clip is now visible as a second ‘track’ on your timeline… and it will most likely be much… l o n g e r … than your video clip >

Screenshot 2014-05-09 01.14.59

31. To shorten your audio clip… scroll to its farthest right edge (of the clip – on the Timeline)… and manually grasp/select the end-edge… (holding down the click and dragging it to the left… again, and again, until it aligns perfectly with the video clip) >

Screenshot 2014-05-09 01.15.36

*Still dragging the audio clip to the left (almost there…) >

Screenshot 2014-05-09 01.17.31

32. Great! Now both clips are identically aligned: video (in blue) + audio (in green) >

Screenshot 2014-05-09 01.18.25

33. Creating a ‘Fade’ effect (at the end of the audio clip)… it helps to keep in mind that most soundtracks already have a ‘Fade’ gradually built into the beginning of most songs… so we are really only concerned with the last 1.5 seconds (or so)… and to create a ‘Fade’ > we have to find the mini ‘Pop-Up Menu’ ( > )… at the very END of the Audio Track >

*Volume > 50%

*Fade Out > 1.50 s (seconds)

Screenshot 2014-05-09 08.09.53

*Remember to keep the ‘loud-speaker’ icon ‘ON’ …otherwise the sound will not record >

*This little ‘loud-speaker’ is ‘ON’ >

Screenshot 2014-05-09 08.10.32

34. It may be possible to test/play the sound… against the image/animation… by wearing headphones… (depending on your work station)…

35. Ready to Render?

Go to: FILE > Export > Render Video (Try low, and medium resolutions… and export/render/save: MULTIPLE versions of this final draft) >

For Example:

*Name: ‘Title’

*Format: Quicktime and/or H.264

*Preset: low (or medium, or high) quality…. and try multiple renders (+ saves) >

Screenshot 2014-05-09 01.25.39

36. Click on the blue button (in the top right corner) > RENDER

*Rendering may take a few minutes…

PLAY ( > ) … your animation…

Congratulate Yourself!

*To upload your competed Video + Audio / Mise en Scène / Rotoscope-Type-Animation… as a link (or to place your animation on your e-Portfolio site)… continue to read the next (tutorial) instruction… and remember to CREDIT your audio source…

Questions? EmailAM32@sunywcc.edu