1 / 38

3/30/05 - PowerPoint PPT Presentation

  • Uploaded on

3/30/05. The Menu 3/30/05. History of NLE Background of Video Production Workflow Related Concepts and Terms Intro to Premiere Create a Sample Slideshow Learn How to Embed a Video in a Webpage. Brief History of Video Editing. Linear Editing - Video Post Production prior to Computers

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about '3/30/05' - Solomon

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

The menu 3 30 05 l.jpg
The Menu 3/30/05

  • History of NLE

  • Background of Video Production Workflow

  • Related Concepts and Terms

  • Intro to Premiere

  • Create a Sample Slideshow

  • Learn How to Embed a Video in a Webpage

Brief history of video editing l.jpg
Brief History of Video Editing

  • Linear Editing - Video Post Production prior to Computers

    • Physically cutting tape/film, reassemble into final product

  • Non-Linear Editing (NLE) – Computer software based film, video editing

    • Footage & Assets captured/imported into computer

    • Editing, transitions, effects are achieved with extreme ease compared to linear editing

    • Examples of NLEs – AVID, Adobe Premiere, Final Cut Pro, iMovie

Soup to nuts l.jpg
Soup to Nuts

  • Complete Workflow

    • Pre- Production

    • Production

    • Post Production

  • Once project concept is determined…

Pre production l.jpg

  • Planning Phase

    • Determine location

      • Secure Permits (if needed)

    • Assemble Crew

      • Producers, Director, Lighting Designer, Sound Engineer, Camera Operator

    • Compile Equipment List

      • Light, Camera, Accessories (cables, batteries, adapters, tape, etc)

    • Create Production Day Schedule

      • Crew and Talent members need at specific times

Production l.jpg

  • Day of Event/Shoot

    • Reference Equipment List / Double Check gear

    • Setup at Location

    • Shoot!

      • Different for every event or project

Non linear post production l.jpg
(Non-Linear) Post Production

  • Capture/Import materials onto computer hard drive

    • Organize materials into Folders

      • Video Footage

      • Still Image/Graphics

      • Audio

  • Import materials into NLE program (i.e. Adobe Premiere)

  • Edit material together into finished product

  • Export to tape (digital or analog), encode for DVD or web presentation formats

Fundamentals l.jpg

  • Camera Operation

    • Framing

  • Editing

    • Graphics, Transitions & Titling

  • Digital Video Standards

  • Encoding for the Web

    • CODECS

Camera operation l.jpg
Camera Operation

  • Focus

  • Iris (Exposure) – control light levels

  • White Balance – a camera feature which determines what actual white is in any given lighting condition

  • Framing – position of subject in picture

Framing l.jpg

  • Composition

  • Three Basic Shot Descriptions

    • Close-Up

    • Medium Shot

    • Wide Shot

  • Head Room

Non linear editing l.jpg
(Non-Linear) Editing

  • Different Styles chosen for “feel” of final product

    • Continuity – telling a linear story

      • Full Football game

      • Sitcom

    • Montage – compilation of fragments

      • Music Video

      • Football game highlight reel

  • The Art of the Edit

    • Different methods of assembling footage to convey the mood you envision

Graphics transitions titling l.jpg
Graphics, Transitions, Titling

  • Graphics – Computer generated slides or motion which are added in the edit to enhance production quality

  • Transitions – when editing from one clip to another

    • Video

      • Straight Cut

      • Dissolve

      • Wipe

    • Audio

      • Straight Cut

      • Cross Fade

      • Fade in/Fade Out

  • Titling – adding text on top of your video images

Digital video standards l.jpg
Digital Video Standards

  • Frame Size

    • NTSC Standard – 720 x 480 (pixel resolution)

    • Other sizes: 320 x 240 ; 240 x 180

  • Frame Rate

    • Number of frames per second that gives the illusion of motion from multiple still images

Encoding for web l.jpg
Encoding for Web

  • Main Objective

    • Make video file size as small as possible while maintaining reasonable image quality in order to facilitate internet delivery

  • Methods for achieving smaller file size:

    • Reduce Frame Size

    • Reduce Frame Rate

      • Key Frames

  • Streaming vs. Progressive Download

Popular codecs l.jpg
Popular CODECs

  • CODEC =Compression/Decompression

    • Proprietary

      • Windows Media Player (.wmv)

      • QuickTime (.mov)

      • Real Media Player (.rm)

    • Public

      • AVI

      • MPEG1, MPEG2, MPEG4

Take a break but while you wait l.jpg
Take a Break…BUT…While You Wait…

  • Make sure all your assets are in your “ex4” folder on your computer

  • Recommended:

    • Create a folder for images and one for audio INSIDE your exercise 4 folder

  • Open up Adobe Premiere. Then wait.

Premiere what you need to know l.jpg
Premiere – What you need to know

Download for home: http://www.adobe.com/products/tryadobe/main.jsp#product=98

FYI – The download is a newer version than we have in the lab.

  • Get your files (mp3 and images) in your EX4 folder before opening Premiere

  • EX4 folder should contain:

    • 1 folder with all images you are going to incorporate

    • 1 folder with all audio files you are going to incorporate

  • This is where you will save everything associated with this video project

Choosing project settings l.jpg
Choosing Project Settings

  • Open Premiere, and select “New Project”

  • Select DV-NTSC

    • Standard 32 khz

  • Click OK

Set your workspace up l.jpg
Set your workspace up

  • Choose to work in A/B editing view

  • To do this, choose “Window” > “Workspace” > “A/B Editing”

Project window l.jpg
Project Window

  • Stores & Organizes References to Imported Clips

    • A. Thumbnail viewer B. Bins C. Clip D. Find E. New Bin F. Create Item G. Delete Selected Items H. Resize Bin Area I. Icon View J. Thumbnail View K. List View L. Clip information M. Project window menu

  • Lists All Source Clips Imported - Don't have to use every clip you import

Slide21 l.jpg

Tour of Timeline

  • Work Area Markers & Bar

  • Edit Line Marker

  • Timeline Windows Options

    • Click triangle icon in top right corner of Timeline Window or

      Window > Window Options > Timeline Windows Options

    • Set Track Format = Start image + Filename

  • Time Zoom Tool (bottom left corner)

    • Select Time Zoom = 1 Second

Tour of timeline cont l.jpg
Tour of Timeline (cont.)

  • Toolbox

    • Selection tool

    • Range Select tool

      • Notice small icon in bottom left corner  indicates more options

      • Click & drag mouse to see and select options

      • Tool for selecting / shifting one or multiple tracks

  • Audio/Video Track Controls

    • Video: Shy state (eye icon), Lock

    • Audio: Shy state, Hide Waveform, Lock, Volume Rubberband

  • Toggles

    • Snap to Edges

    • Toggle Sync Mode

      • Ensures that when video clip is moved, audio clip associated is moves as well, keeping things in sync.

      • Make sure it is selected (otherwise audio & video can be separated)

Expand / Collapse

Save project and import assets l.jpg
Save Project and Import Assets

  • Save your project initially

  • Import your asset folders

    • File > Import > Folder

  • Choose your music folder and images folder

  • It is the same process for importing a file

Add assets to timeline l.jpg
Add assets to Timeline

  • Drag and Drop to the Timeline

  • Add images to timeline on Video 1

  • Add audio track to timeline on Audio 1

Tweaking audio l.jpg
Tweaking Audio

  • You can add a fade in or fade out to any audio track by adjusting the red line

  • * - Make sure arrow is pointing down next to “audio 1”


To add transitions l.jpg
To add Transitions

  • Choose Your desired Transition from the Transitions Palette

    • Hint: Cross Dissolve is your new best friend

    • Play with the other effects, but remember, you don’t want the effect to over take the video…how many “star wipes” do you see on TV?

  • Insert it on the “Transition” area of the timeline

Transitions l.jpg

  • The dissolve needs to be covered by 2 clips, the clip where you are dissolving FROM and the clip you are dissolving TO must overlap each other and the transition.

  • You can extend the length of the stills by grabbing the end of them with your arrow tool

Rendering l.jpg

  • Once you have all your clips where you like them, you want to preview your work. Rendering is where the computer creates all the transitions you inserted into a movie format

  • Before previewing you need to Render.

  • To Render:

    • Timeline > Render Workspace

Exporting l.jpg

  • Once you have your movie exactly how you like it, you will need to export it. Save your PPJ file.

  • Then go to: File > Export Timeline > Advanced Windows Media

Exporting phase two l.jpg
Exporting Phase Two

  • Choose “Video For LAN, Cable Modem, xDSL”

  • Add a Title and Author

  • In the Destination Box, click the “…” make sure it is going to export to your EX4 folder and name the file then

Embedding the video clip l.jpg
Embedding the Video Clip

  • You will create an embedded player like theses:

    • http://arcadiamedia.com/samples/video/lg_video_slideshow_1.htm

    • http://www.molemedia.com/samples/4_hi.htm

    • http://www.eden.rutgers.edu/~salimben/mpcourse/ex3-1/htm/killington_video.htm

Step 1a identify source file l.jpg
Step 1A – Identify Source File

  • There are 2 types of files capable of embedding a video in a web page.

    • Streaming Download – File that resides on a streaming server

    • Progressive Download – uploaded AVI or MPEG to EDEN

  • For the embedded Active X Video Player to function properly, the video file and the html page that contain them should be in the same folder.

Step 1b file identification l.jpg
Step 1B – File Identification

  • For Streaming files, you will need to know the address of the streaming server your files are on and the specific URL. For example:

    • http://meta.globix.net/m/wm9/cd/woc-01/COMP009436MOD1/trial.wvx

    • mms://wrsu.scilsnet.rutgers.edu/aspoerri/student_videos/mpspring2002/dahlen_video.wmv

    • (links will not work, just for show)

  • For Progressive files, you will need to upload the file to EDEN and link it like you would any other file in your site

Step 2 build the web page l.jpg
Step 2 – Build the Web Page

  • At this point, you will want to build a page to insert the video into. This means you will have to use some tables to make sure you have a place to insert the video.

  • The cell that holds your video should be 50 px higher/taller than your video to allow room for the controls.

    • For example: If your exported video is 320 x 240 px, your table cell that is going to hold the video should be 320 px wide by 290 px high.

Step 3 add active x controller l.jpg
Step 3 – Add Active X Controller

  • When you have your table(s) laid out, it is time to insert the player. It is called “Active X” in Dreamweaver.

  • Insert > Media > Active X

  • You will get an icon that looks like this:

Step 4 define active x properties l.jpg
Step 4: Define Active X Properties

  • If your video is 320 x 240…

    • Set your Active X to:

      • Width = 320 & Height = 290 (this includes 50px for player controls)

    • Select “Embed” checkbox

    • Paste Streaming URL in “SRC” field …OR …

    • Click Folder Icon, select “All file types”, navigate to your video file if using progressive download (or if no streaming server is available)


Step 5 save upload l.jpg
Step 5: Save & Upload

  • Save your work

  • You should upload your files and test them out, make sure to preserve your file structure.

  • Double check your permissions on EDEN

  • You have just embedded a media player into your web page.

Finishing up l.jpg
Finishing up

  • You should have an exported Windows Media File at this point in your EX4 folder

  • Anyone using this file for their final site? Let me know… I will set up with a streaming server address.

  • Upload all your files to ex4 folder, and send me a link to the webpage you have the movie file embedded in with the description of your work.

    • See exercises page of the class website for details