Digital Media for Telling Stories

1
Digital Media for Telling Stories

• A scaffolding approach to getting media making
  and content creation into every teachers
  classroom.
• Version for Windows for Macs, consider iMovie,
  iPhoto, and Final Cut

Hall Davidson Director, Discovery Educator
Network http//blog.discoveryeducation.com/media_m
atters
2

• Dont forget For science stories in Middle
  School A Challenge!
• http//youngscientist.discoveryeducation.com

3
DiscoveryEdSpeakersBureau.com
Handouts are online
4
DiscoveryEdSpeakersBureau.com
Handouts are online
5
(No Transcript)
6
Digital Media for Telling Stories

• A scaffolding approach to getting media making
  and content creation into every teachers
  classroom.
• Version for Windows for Macs, consider iMovie,
  iPhoto, and Final Cut

Hall Davidson Director, Discovery Educator
Network http//blog.discoveryeducation.com/media_m
atters
7
We will talk about

• Strategies for making your story great
• Tool in the digital world to use

Hall Davidson Director, Discovery Educator
Network http//blog.discoveryeducation.com/media_m
atters
8
Tip from Peter Reynolds

• Character you like
• Encounters a problem
• Works to solve the problem

http//www.peterhreynolds.com/
9
General Tip (Jason Ohler)
Jason suggests writing an emotional storyboard
Emotions add impact and help retention (my
thoughts)
http//www.jasonohler.com/
10
StoryBoard
Example online with Handouts Download
storyboard form
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
__________________________________________________
_
11
Write scene number here Notes here
Drawing of scene shot (stickmen okay)
12
Use comics as storyboard examples Students can
shoot these as pre-fab storyboards
http//comics.com/
13
Reverse engineer storyboards. Watch a TV or
web commercial with your class. Draw the
storyboard it probably used.
http//www.rogerwendell.com/images/pnt/pnt_1971_tv
_story_board.jpg
http//thesisjacklai.blogspot.com/2007_01_01_archi
ve.html
http//www.theimaginaryworld.com/fastfd.html
14
Interesting historical note While looking for
images of storyboards, I found one I had made
years back. Check out the lesson using it on
Creating a Digital Story Lesson from a teacher!
http//my.uen.org/c/portal/layout?p_l_idPUB.77098
.6
15
An example of an emotional arc thanks, Dr.
Jason Ohler
Joy
Disappointment
Renewed hope
Hope
16
Digital Tools Paste video in Google Earth
Placemark Instant Live on-the-spot videos
Google Earth jingproject.com
Video from DiscoveryEducationStreaming (editable
clip)
17
Live Jing to Google Earth
Details on how to do this on the blog site
here http//blog.discoveryeducation.com/media_mat
ters/2009/02/05/blog-for-bradold-tricks-in-new-goo
gle-earth/
18
Make An Avatar
Gizmoz.com
DiscoveryEducationstreaming Gizmoz
http//seventhgradelifescience.blogspot.com/
19
Upload into Voicethread and John Madden it
Voicethread.com

• Upload a video
• Hit Record
• Record voice as it plays
• Draw on it as it plays
• Save the drawn-on video
• Allow student comments

Video from Discovery Educator Network
event http//community.discoveryeducation.com/
20
Other Web 2.0 resources
http//muveemix.com/ , http//animoto.com/ ,
http//www.xtranormal.com/,
21
http//www.vuvox.com, http//blabberize.com/http
//goanimate.com/

• Animate insects, babies, statues so they speak
• Do chromakey images-on-images
• Create animations

Blabberize VuVox
GoAnimate
22
Extra Credit For more digital video
resourcesCheck out 10 Things You Didnt Know
You Could Do with Video Powerpoint and pdf
with handouts athttp//discoveryedspeakersbureau.
com/node/119
Note Dont try to squeeze them all in. Pick
one to master. Assign different tools to
different groups, but limit options at first.
Groups can master one first.
23
Create files with these Web 2.0 tools then bring
them into the digital project
Use the storyboard to keep them organized and on
track.
Llama talks about predators
Kyle introduces Predation unit
24
Create files with these Web 2.0 tools then bring
them into the digital project
Use the storyboard to keep them organized and on
track.
Llama talks about predators
Kyle introduces Predation unit
Note You might need to use a file conversion
tool to bring different video types into the
project. Zamzar.com or media-convert.com are
two of many on the web. (I prefer to download a
utility like ImToo.com). Screen captures are an
option to pull material off the web (more later)
25
Screen Capture Option I Great tools, but not
free
SnapzPro (Mac) not free SnagIt or Camtasia
(Windows) not free
http//www.techsmith.com/ (PC) and
http//www.ambrosiasw.com/(Mac)
26
Screen Capture Option II (Mac and PC)
JingProject.com - free
http//www.techsmith.com/
http//www.techsmith.com/
27
Edit quickly in QuickTime Pro (Mac or PC)

• Highlight section you want with the markers
• Copy
• Under File, New Player
• Paste
• You have your shortened clip

http//www.apple.com/quicktime/download/ (29)
28
Photo Story
One click is all you ever need.
Download Photo Story 3 free at http//www.microsof
t.com/windowsxp/using/digitalphotography/photostor
y/default.mspx
Great online tutorial at http//jakesonline.org/
29

• PhotoStory Five Simple Steps to Making a Movie.
• Import pictures
• Click import
• Navigate to where your pictures are
• Highlight them
• Click OK
• The pictures are pulled onto the timeline.

You can drag the pictures and change the
order Pictures from Discovery Education streaming
Click Next
30

• PhotoStory Five Simple Steps to Making a Movie.
• Add a title
• Control font
• Control position
• You can put a different caption (title) on each
  picture. Or put none!

Click Next
Titles will stop camera movement on the slide
31

• PhotoStory Five Simple Steps to Making a Movie.
• Add narration
• Click on the picture you want to narrate
• Click the red button to start
• Click square to stop
• Do this for each picture you want to narrate

Click Next
Before you record, type notes here to help your
narration.
32

• PhotoStory Five Simple Steps to Making a Movie.
• Add music
• Select music from the music library on your
  computer
• Create your own music
• Preview and adjust music volume. It shouldnt
  overpower the narration

Navigate to your music library
Opens a wonderful, mood-drive music creation
tool. Play around with it.
Click Next to continue
33

• PhotoStory Five Simple Steps to Making a Movie.
• Save the project as a movie
• Most times, this option is what you want
• Options include sending movie in email, pocket
  PC, or mobile players.
• Name your project
• Browse to where you want to store it.

Here is where the movie is put on your computer
Click Next and your movie will be created
This creates a wmv movie file. If you want to
move these movies into an iPod via iTunes,
convert them to Quicktime.
34
PhotoStory Five Simple Steps to Making a
Movie. Your project has been created. You are
ready for another Photo Story movie
The Photo Story wmv movie files are peculiar. If
you want to move them onto online libraries, see
them on a projector, and other typical uses, you
may have to import it into Movie Maker and save
it again. You can also convert it with ImTOO.
Make sure you have the rights to any material you
convert.
Imtoo.com
35
Add new student-created soundtrack to a video.
Movie Maker
Movie Maker is the free movie making program from
Microsoft.
Download Movie Maker 2.1 at http//www.microsoft.c
om/windowsxp/downloads/updates/moviemaker2.mspx
36

• Movie Maker Import Import a video, still image
  or sound file
• Under File choose Import into Collections
• Navigate to the video, still image, or sound file
  (including music)
• Highlight files and click Import

This video is an editable clip from Discovery
Education streaming
37

• Movie Maker Build movie
• Drag media into timeline
• Change the order by clicking and dragging
• View the video in the window

Timeline
This video is an editable clip from Discovery
Education streaming
38

• Movie Maker Adding a new narrations
• Click on the clip in the timeline
• Under Clip gt Audio gt Mute

Mute the original sound track and replace it with
student narration.
This video is an editable clip from Discovery
Education streaming
39

• Movie Maker Adding a new narrations
• Click on the microphone
• The record controls will appear
• Use the controls to make a new narration using
  the microphone in your computer or a USB or
  multimedia microphone
• The recording will be saved. It will then appear
  in the timeline on the Audio/Music track

40

• Movie Maker Save the Movie
• Save the file
• The default settings are fine for most uses

41

• Movie Maker More features
• There are other controls for editing
• The video effects include black and white, color
  changes, and some very interesting other effects
• Transitions include wipes, dissolves, and many
  others

42
Bonus Add Callouts (cartoon speech bubbles to
MovieMaker
http//help.discoveryeducation.com/assets/support/
img/BFX.jpg
43
How to do it More at http//help.discoveryeduca
tion.com/support/index.cfm?eventshowAssetguidTax
Id960254d0-1b78-cd48-f881-ec569f14bbb1guidAssetI
d43b5529d-1cc4-4143-6a92-0481ba681983
44
(No Transcript)
45
(No Transcript)
46
(No Transcript)
47
(No Transcript)
48
Some Final Tips There are thousands of editable
clips in Discovery Education streaming. Search
for them using Advanced Search Discovery
Education streaming is a for fee service of the
Discovery Channel
If you dont have a Discovery streaming account,
log on for a free trial. Explore and learnfree.
http//streaming.discoveryeducation.com
49
Digital Tools Chromakey Put students directly
into the video.
Favorites Adobe Premiere Elements (PC) This is
video editing program with multiple video layers.
(around 50, ed. price) Final Cut Express
(Mac)(around 50, ed. price) Or iMovie 9 (Free)
Movie Maker and PhotoStory are free programs from
Microsoft. Premiere Elements is software you
must buy. There are educator prices for Adobe
Products. Check with your software purchaser or
go to www.adobe.com. iPhoto and iMovie are free
on the Mac. Final Cut Express must be purchased
from Apple. Chromakey plugs for Macs can be
purchased also at GeeThree.com
50
Adobe Premiere Elements
Adobe Premiere Elements This is video editing
program with multiple video layers. It allows
you to put students directly into the video.
Movie Maker and PhotoStory are free programs from
Microsoft. Premiere Elements is software you
must buy. There are educator prices for Adobe
Products. Check with your software purchaser or
go to www.adobe.com
51
Adobe Premiere Elements From the opening screen,
click Get Media to bring in video clips. Bring
in the video you want to put students into and a
video of the students in front of a single
colored wall.
For the single colored wall, you can use
construction paper, fabric (WalMart sells some),
or a nearby painted wall. Use a color with no
flesh tones. Green and blue work best, but other
colors can work, too
52
Adobe Premiere Elements Put the original video
on layer Video 1. Put the video in front of the
colored wall on layer Video 2
Click on Effects in the main menu. This will
bring up the Effects menu. You will use the
Chromakey effect.
53
Adobe Premiere Elements In Effects, type
chromakey in the search box. The Chroma Key
effect will appear. Drag the Chroma Key box onto
the clip with the colored wall Click on Edit
effects
54
Adobe Premiere Elements The Chroma Key effect
control box will appear. Click on the eyedropper
then click it onto the background color Adjust
the controls until the background color goes
away. You will see the video on layer 1 show
through.
55
Adobe Premiere Elements You have now inserted
students into the video. Share it as flash,
QuickTime, or Windows media file. Now you can
put it into PowerPoint or show on its own. You
can also tape a new narration and edit out
existing sound.
In order to see the video you are working on,
drag the indicator to the spot you want to see.
56
Mac
57
How to make a chromakey
Instant chromakey Photobooth, or iChat video
window on Mac (Leopard operating system)s
Edit with chromakey PC Adobe Premiere Elements
(and others) Mac iMovie 9.0, or plug in Older
version Geethree plug in
Image and instructions at http//blog.discoveryed
ucation.com/media_matters/files/2008/11/brain-17.p
ng Video, DiscoveryEducationstreaming -
Editable clip
58
Tool (Mac) iMovie 9 Green screen tool free with
iMovie 9 or free 8 upgrade)
Click and drag one clip onto another and the
control box pops up.
iMovie 9.0 Click and drag one clip onto another
in the timeline and the control box pops
up. Select Green Screen. The green goes away,
replaced by the video on the line below.
59
Watch your students create content with Digital
Media

• A scaffolding approach to getting media making
  and content creation into every teachers
  classroom.
• Version for Windows for Macs, consider iMovie,
  iPhoto, and Final Cut

Hall Davidson Director, Discovery Educator
Network http//blog.discoveryeducation.com/media_m
atters