63
Video Editing for Digital Storytelling Hannabah Blue & Rochelle Li

Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Video Editing for Digital Storytelling Hannabah Blue & Rochelle Li

Page 2: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Training ObjectivesAfter completion of this Technical Assistance request, Family Health Centers of San Diego’ staff members and affiliated agencies will be able to:

▪ Review and build upon the pre-production process in making a digital story, including outlining, storyboarding, framing and filming different shots.

▪ Define the post production video process in creating a digital story, including video and audio editing and sequencing, transitions, titling, and effects.

▪ Use digital stories on social media to enhance recruitment and retention.

Page 3: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Agenda

9:00-9:30AM Introductions and Overview9:30-10:30AM Video Editing Basics 10:30-10:40AM Break10:40AM-12PM Audio 101 12:00-1:00PM Lunch1:00-2:00PM Working time2:00-2:10PM Break2:10-3:30PM Building on the Basics 3:30-4:30PM Sharing and Evaluating your Story

Page 4: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Topics for the training include:

▪ Getting familiar with iMovie▪ Importing Media▪ Cataloguing / favoriting

clips▪ Starting Your Timeline

▪ Creating a sequence▪ Trimming clips

▪ Audio 101

▪ Using Transitions▪ Adding Titling

▪ Creating subtitles and closed-captioning

▪ Sharing your video ▪ Exporting your video

▪ Evaluating your video

Page 5: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Our Digital Storytelling Journey

OCTOBER 3● Webinar ● Digital

Storytelling Workbook

OCT. 3 - NOV. 11Independent work● Plan video ● Gather

Multimedia

NOVEMBER 13● In-person

training● Edit Video

Page 6: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Our Digital Storytelling Journey

Page 7: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Step 6: Put It All Together

▪ Create a video timeline with gathered media▪ Considerations

▪ You’ve done a lot of work in the process thus far!▪ Use your approved script as a guide ▪ Keep your audience in mind ▪ Use variety of shots and angles

Page 8: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 9: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Starting Your iMovie Project

▪ Open iMovie▪ Click on Projects on top middle of the program

screen▪ Create a New Project - Movie

Page 10: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 11: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Getting Familiar with iMovie1. Top bar: Media, Audio, Titles, Background, Transitions▪ My Media: Where you will have the videos and pictures

you imported▪ Audio: Where you can access your iTunes music library,

audio clips or sound effects▪ Titles: Where you will find titling frames for subtitles,

“lower thirds”, and credits▪ Backgrounds: Where you can find background videos and

pictures that you can use as broll or behind titling frames▪ Transitions: Where you will find video transitions that can

be used when changing from one visual element to the next

Page 12: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Getting Familiar with iMovie

Below Top Bar2. Media Browser: where you will find all of the media for your video project

Left of Media Browser:3. Media Library: where you can access the different folders and locations for your media

Page 13: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Getting Familiar with iMovie

Below Media Browser:4. Timeline: where you place and edit your video and audio elementsTo the Right of the Media Browser5. Viewer: where you can preview your clips, pictures or timeline6. The white line that follows your cursor is called the Playhead.Resources

▪ Introduction to Basic Editing in iMovie - https://mediacommons.psu.edu/2017/04/03/introduction-to-basic-editing-in-imovie/

Page 14: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Importing Media

7. Downward arrow allows you to import media▪ On upper left hand side, change location to an

external hard drive▪ You can also drag files and drop into the Timeline

or the Media Browser▪ Tip: Use this option for importing individual files, not all

your media

Page 15: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Cataloguing and Favoriting Your Clips▪ Catalogue your clips by taking notes on what you

have that matches up to your storyboard/script▪ In your Media Browser, you can view “All Clips”▪ Mark your favorite clips: Select the clip > Click on

the “Mark” menu > Select “Favorite”▪ View all of your favorites: by selecting “All Clips” and

choosing “Favorites”

Page 16: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Timeline

▪ Serves as the foundation for any video editing platform▪ Keeping your Timeline organized can help you work

efficiently thru a project ▪ Consists of multiple tracks: Visual and audio

▪ Drag a video clip from your Media Browser down to your Timeline.

Page 17: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Starting Your Timeline

You can make the media clips in your Timeline bigger or smaller; longer or shorter▪ This is important for when you want to see the whole

project order or when you want to make fine edits▪ On the top right of your Timeline, drag the arrow next to

Settings to the right▪ In Settings, drag the arrow next to Clip Size to the right

Page 18: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Creating a Sequence

The order in which your media elements are arranged in your timeline.▪ This is where you start to show your creativity!▪ Drag multiple clips to your Timeline and place next to each

other▪ Click the play button in the Viewer window to see the

sequence

Page 19: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Trimming Clips

▪ Pay attention to the length of your clips▪ For a slideshow of photos and B-roll* shots, you only

want to show a visual for 3-4 seconds▪ One-continuous shot can also have an engaging effect,

but the subject and movement has to be dynamic

*B-roll: All video shots that are not interview segments. These types of shots will provide visual variety and complement the audio throughout your digital story.

Page 20: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Trimming Clips

▪ To shorten or lengthen a clip, drag the edge of the clip.▪ Shorten - drag toward the center of the clip▪ Lengthen - drag away from the center of the clip

▪ Allows you to only use the part of the clip that is relevant.▪ The clip isn’t cut so you can still adjust it later.▪ Shortcut: Place your Playhead where you want to cut

and press Command B to split clip

Page 21: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 22: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

The Importance of Audio

▪ Most overlooked element of video

▪ Audio is powerful! ▪ Sets the tone of your

video ▪ Guides the video and

keeps the audience engaged

▪ Can complement your visuals and vice versa

Page 23: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Creating an Audio Sequence

▪ Similar process as creating a video sequence▪ Audio clips to use:

▪ Music ▪ Natural sound▪ Sound effects▪ Video clip (interview/B-roll) ▪ Voice-over

Page 24: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Considerations when Adding Music▪ Music adds ambiance to your video and can help

place audience in a certain time or place▪ The pace of the music should match the feel and

tone of the video ▪ Make sure you have the rights to use a song

▪ Usage of some songs may require credits or attribution▪ http://freemusicarchive.org/curator/video

Page 25: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Natural Sound

▪ Background or ambient noise of the location ▪ Can help set the scene▪ Examples:

▪ Scene on a sidewalk - use sounds of cars and people’s footsteps.

Page 26: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Sound Effects

▪ Augment or emphasize a sound or video element ▪ Can be used to highlight a

certain tone or emotion ▪ Use with consideration - not

all videos need sound effects▪ Default sound effects are

located in Audio tab of iMovie

Page 27: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Exploring the Audio

▪ In the Audio tab, on the left side there is the Audio Library▪ iTunes*, Sound effects, GarageBand

▪ Top middle window: Audio Browser▪ Selections of sound clips▪ Audio levels

▪ Viewer▪ Can play the audio to preview▪ Select where you want to play from by clicking on the

clip with your Playhead

Page 28: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Exploring the Audio

▪ Timeline▪ Make sure that you can view audio

▪ Turn on waveforms (Settings> select check box: “show waveforms”)

▪ Sound Track▪ The blue bar below your video in your Timeline with the

waveforms▪ Background Music Track

▪ The line in your Timeline below your Sound Track that is indicated with a music note

Page 29: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

How to Add Audio

▪ You can select a portion of an audio clip to the Timeline in the My Media or Audio tabs▪ Yellow frame around audio clip can be moved left and

right▪ Drag to Timeline or click the + sign to add selection to

the Playhead▪ Or drag to Background Music Track

Page 30: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

How to Edit Audio

▪ Move horizontal line in audio track in Timeline up and down to adjust volume

▪ Little blue ball with black dot in the middle on ends of audio clips allow you to fade audio in and out▪ Slide back and forth

Resources▪ How to Add Audio to iMovie - https://support.apple.com/kb/ph14708?locale=en_US▪ Adjusting volume levels - https://support.apple.com/kb/PH14709?locale=en_US

Page 31: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

A Note About Sound Levels

▪ Use headphones and set computer volume to mid-level

▪ Check the levels in the Waveform▪ Green = good ▪ Yellow = may need slight adjustments▪ Red = needs to be adjusted

Page 32: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

How to Edit Audio

▪ Detach audio from video▪ Becomes an individual clip that you can move freely

without the video▪ You can use free standing audio over B-roll clip or photo▪ Select clip for which you want to separate audio▪ Modify > Detach Audio▪ Sound becomes green bar below video clip

Page 33: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

A Note About Background Music

▪ Can have it playing throughout video with increased volume during transitions and titles

▪ To edit a short portion of the Background Music Track▪ Split the audio clip (using Command B) and adjust the

audio for that portion

Page 34: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Audio Checklist

❏ Audio can be heard clearly at a reasonable volume level

❏ The level of background noise is not distracting❏ The music is at a lower volume level than the voice

over or interview ❏ No noticeable “clicks” or “pops”

Page 35: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 36: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Using Transitions

▪ Eases an abrupt transition from one visual element to the next ▪ Shouldn’t distract from the content. ▪ Includes transition to and from black or titling

▪ Good transitions are ones that viewers don’t even know are there

▪ Most of iMovie’s transitions are distracting - choose simple templates

Page 37: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Adding Transitions

▪ Transitions tab has video transitions▪ Place Playhead between two visual clips or at the

beginning or end of a visual clip in your Timeline ▪ Double-click a transition and you will see it appear

at your Playhead▪ Or you can drag a transition and place in it between two

clips or at the beginning or end of a clip in your Timeline

Page 38: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Adjusting Transitions

▪ You can edit the duration of the transition▪ Double-click on the transition and change the duration

▪ Default duration is 1 second, but could be longer or shorter

▪ Playback and adjust, as needed

Page 39: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Types of Titling▪ Main Title

▪ Introduction to your video, before or after the hook▪ “Lower Thirds”

▪ Provides title information for speakers/interviewees▪ Ending Credits/Acknowledgements

▪ Can include funding, contact information, acknowledgements, music credits, etc.

▪ Subtitles/Closed-Captions▪ Displays what words and sounds are in video

Page 40: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

How to add Titles in iMovie

▪ In the Title tab, there are various templates▪ Place your Playhead in your Timeline where you want

to add a title▪ Pick a title template and double-click on it▪ Notice that it appears at your Playhead ▪ And in the Viewer, you can add your text, change the

font, color, etc. ▪ You can edit the length by adjusting the arrows at

the end

Page 41: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Titles Over a Background

▪ You can add titles over a background instead of your video clips

▪ Background tab▪ Background options are located below the Map options ▪ Select and drag a background to your Timeline and add

your title over it▪ Pro-Tip: Add your title over a photo or video

(including creative shots)

Page 42: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

“Lower Thirds”

▪ Used to display information about the subjects in the video

▪ Often used for subject matter experts or interviewees

▪ Eliminates the need for people to introduce themselves within the video

Page 43: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

“Lower Thirds”

▪ Place your Playhead where you want the lower third to start▪ Usually the first time you see the person talking

▪ Choose a title from the Titles tab that has lower third in the label▪ If you want to add their title, organization, etc., choose a

template with multiple lines

Page 44: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

“Lower Thirds”

▪ Double-click on the template and add text with the person’s information

▪ Playback to make sure it matches and adjust length▪ Display for at least 6 seconds, longer if there is more text

Page 45: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Ending Credits Title

▪ There are title templates in the Titles tab that are for credits▪ But you can use any of the title slides

▪ Again, place Playhead where you want credits to start

▪ Pick template and doubleclick▪ Add information▪ Playback and adjust length▪ Add another if needed

Page 46: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Creating Subtitles and Closed-Captions

▪ How subtitles are used:▪ Shows the translated dialogue of the subject into a

different language ▪ How closed-captions are used:

▪ Provides verbal descriptions of what is being said and shown in the video.

▪ Used to improve accessibility of the video for those who are hearing impaired

▪ Used more recently to improve traction

Page 47: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Creating Subtitles and Closed-Captions

1. Place your Playhead where you want to start the title2. Jot down or remember about 5-6 words3. Choose title template from Titles tab that does not have

animationa. “Lower” is a good option

4. Double-click on the template and add the words you want in the subtitle/caption

5. Playback to make sure it matches up6. Rinse and repeat!

Resources▪ Adding subtitles in iMovie:

Page 48: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Add Subtitles and Closed-Captions Using An External Program

1. Create a SubRip (.srt) file - transcript file. a. Can be manually done, or use a service like Rev

2. Upload your video to Facebook or YouTube 3. Choose option > “Edit your video” 4. Upload the SubRip (.srt) file and click save

Resources▪ Creating your own SubRip File: http://www.3playmedia.com/2017/03/08/create-srt-file/ ▪ Uploading subtitles and closed captions in Facebook:

http://tubularinsights.com/how-to-add-closed-captions-facebook-videos/

Page 49: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Review

▪ Getting familiar with iMovie▪ Importing Media▪ Cataloguing / favoriting clips

▪ Starting Your Timeline▪ Creating a sequence▪ Trimming clips

▪ Audio 101▪ Using Transitions▪ Adding Titling

▪ Creating subtitles and closed-captioning

Page 50: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Step 7: Share

▪ Share draft for feedback▪ Share with peers for internal

review▪ Show a rough edit to a friendly

member of the target audience to see how it resonates

▪ Share final on social media ▪ Upload on Facebook, Vimeo or

Youtube▪ Post video link on Facebook,

Instagram or Twitter

Page 51: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Export

▪ Your video is ready to upload!▪ Last step to upload to the social media platform (i.e.

Facebook)▪ File > Share > Select Platform or file type

▪ Add a description ▪ Select resolution

Page 52: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Which resolution should I select?

Recommended format: ▪ .mp4 file ▪ 720p or 1080p

Resources▪ Recommended resolution & aspect ratios - https://support.google.com/youtube/answer/6375112?hl=en

Page 53: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Step 8: Reflection and Feedback

▪ Evaluation with target audience▪ How do you use social media

to engage your target audience?

▪ Use of videos on social media for recruitment and retention▪ Reaching new users- social

media strategy▪ Engaging your current clients

Page 54: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

▪ Evaluation on social media▪ Videos posted (at least

one per agency)▪ Video views▪ Video post reach▪ Video post interactions

(total actions accounted for –ie clicks, comments, reactions/like, etc)

Step 8: Reflection and Feedback

Page 55: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 56: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

The Learning Never Stops!▪ Continue to build and foster your digital

storytelling and video skills! ▪ Always something new

▪ Google/Yahoo/Bing tutorials and questions▪ iMovie Help is a BIG HELP

Page 57: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Closing Activity - Rose, Bud, Thorn

Reflect on today’s training. What was something that... ▪ you enjoyed learning about or in general

about today’s training (Rose)▪ you wish we had more time for or could

have been improved on today’s training (Thorn)

▪ you are looking forward to (Bud)

Page 58: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Please feel free to stay in touch!You can reach us at [email protected]

Page 59: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process
Page 60: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Additional Techniques & Tools

▪ Toolbar above the Viewer has additional tools to polish your video and create additional effects

▪ Select the visual or audio clip you want to adjust and then click one of the icons in the toolbar:▪ Color Balance allows you to balance the colors in your

visuals, including to match other clips and visuals▪ Color Correction allows you to adjust the brightness,

saturation and temperature of the visuals

Page 61: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Additional Techniques & Tools

▪ Cropping allows you to crop and rotate the visuals, and apply the Ken Burns effect, where you can pan from one part of the visual to another

▪ Stabilization allows you to smooth out shaky video and fix visual distortion due to the “rolling shutter” effect

▪ Volume allows you to mute or adjust the volume on selected clips, and to lower the volume of all clips, other than the one selected

▪ Noise Reduction & Equalizer allows you to reduce background noise and select an audio equalizer to enhance bass, treble, voices, etc.

Page 62: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Additional Techniques & Tools

▪ Speed allows you to slow down, speed up or reverse a clip, and create a video freeze frame

▪ Clip Filter and Audio Effects allows you to apply clip filters, such as sepia, vintage, black and white and others; also allows you to add audio effects, such as echo, robot, telephone and others

▪ Clip Information allows you to see the clip name, date and time it was captured, and the length

Page 63: Digital Storytelling Video Editing for · making a digital story, including outlining, storyboarding, framing and filming different shots. Define the post production video process

Voiceover

▪ Microphone button at bottom left of Viewer allows you to record your own voiceover in iMovie▪ Make sure microphone is attached and/or enabled for

recording onto computer▪ Place Playhead in the Sound Track or Background

Music Track where you want the voiceover to record to

▪ Press the Microphone button and then press the red record button

Resources▪ Record your own voice-over in iMovie (see part 2) -

https://filmora.wondershare.com/imovie/add-background-music-to-imovie.html#part2