Animation + Video

Video Formatting Guide

Overview

There are many methods for compressing and delivering video on the web, computers and mobile devices. Here, you can find settings and methods for creating video files for a number of specific uses.

Note:

settings not mentioned should be left default
use the same video codec through the entire process (mpeg4, h264, etc.)

AFTER EFFECTS TO LOSSLESS

A "Lossless" file is a perfect-uncompressed file, usually a "Lossless" Apple Animation or AVI (for windows). To identify a source file include "-lossless" at the end of the file name. Use this format when compositing several videos or animations together. Then output the final composited version as an MPEG 4 (see above)

1. CLICK COMPOSITION

In composition settings:
- set to 1080 x 1920
- Pixel aspect: square pixels
- Resolution: full

2. CLICK COMPOSITION

Choose: add to render queue.

3. IN RENDER QUEUE

Output to:
- click the blue text to change the output name and location. Then choose a folder to save it to.
Output Module:
- Choose Lossless

4. CLICK "RENDER" in upper right corner

AFTER EFFECTS TO MPEG-4

MPEG-4 is the most commonly used video format and will play on any computer or web browser and is the appropriate file type for importing into Garageband.

Open your Lossless .MOV file in Adobe Media Encoder. Then...

CLICK LEFT-MOST BLUE TEXT
In Format > choose H.264
- In Basic Video Settings
  - Click "Match Source"
  - Set quality to 100
  - Check on > Render at Maximum Depth
At bottom of window
- Click on > Use Maximum Render quality
In Audio Settings
- leave at uncompressed
Click OK

5. CLICK THE SMALL GREEN ARROW in the upper right to render the video

ANIMATE TO LOSSLESS

1. CHOOSE FILE > PUBLISH SETTINGS

Set Audio Stream and Audio Event to Raw, 44khz, Stereo

3. CHOOSE EXPORT > EXPORT VIDEO

Click > Export

3. CLICK BROWSE. And choose a file name and destination for saving.

4. CLICK EXPORT

Note: when opening the file in Quicktime it will convert it to an Apple Pro-res file. If you then save that file, you will have a very high quality video with a much smaller file size. Leave the "converted" text in the file name so you know what type it is.

ANIMATE TO MPEG-4

MPEG-4 is the most commonly used video format and will play on any computer or web browser and is the appropriate file type for importing into Garageband.

1. CHOOSE FILE > PUBLISH SETTINGS

Set Audio Stream and Audio Event to Raw, 44khz, Stereo

2. CHOOSE EXPORT > EXPORT VIDEO

Check on: Convert video in Adobe Media Encoder
Click > Export

3. ADOBE MEDIA ENCODER WILL LAUNCH. In the queue on the right you will see your project in blue type.

Click the directory path (blue text on the right) and choose a folder to save the file in.

4. CLICK LEFT-MOST BLUE TEXT

In Format > choose H.264
Click the word "Video"
- In Basic Video Settings
  - Click "Match Source"
  - Set quality to 100
  - Check on > Render at Maximum Depth
At bottom of window
- Click on > Use Maximum Render quality
In Audio Settings
- leave at uncompressed
Click OK

5. CLICK THE SMALL GREEN ARROW in the upper right to render the video

IMPORT VIDEO INTO AFTER EFFECTS

Use this method to import several videos for compositing or editing.

1. CREATE A NEW PROJECT

2. CLICK FILE > IMPORT

Choose the video file you want to import
Right-click the clip in the Project panel > Modify > Interpret Footage > Main:
Main Options: Set the frame rate to match the originating Flash file
Color Management: Toggle on... Preserve RGB

3. DRAG THE FOOTAGE TO THE STAGE

The Audio will be placed in the timeline along with the footage

EMBED YOUTUBE VIDEO INTO A WEB PAGE

Note: Many website builders (Wix, Google Sites, etc.) have an "Insert YouTube Video" option/gadget. For custom sites or builders without that option and to create a cleaner look without related videos popping up at the end... use this code:

For Google Sites:

<iframe width="100%" height="85%" src="https://www.youtube.com/embed/tjdy6wradSs?cc_load_policy=1;rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

For Wordpress Sites:

<iframe width="100%" height="57%" src="https://www.youtube.com/embed/tjdy6wradSs?cc_load_policy=1;rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

For Weebly Sites:

<iframe width="920px" height="517px" src="https://www.youtube.com/embed/tjdy6wradSs?cc_load_policy=1;rel=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

HOW THE CODE WORKS

100%" height="85% - can be changed to fixed pixel dimensions if desired ("854px" height="480px")
cc_load_policy=1 - This starts the video with open captions (closed captions turned on)
rel=0&amp- this turns off related videos at the end
showinfo=0 - this turns off the YouTube title and share button

This guide was written by KCAD faculty Bill Fischer and a little help by Susan Bonner.

Google Sites

Report abuse