Using Green Screen in Education - Winthrop...

26
Using Green Screen in the Classroom Lisa Harris, PhD Winthrop University

Transcript of Using Green Screen in Education - Winthrop...

Page 1: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Using Green Screen in the Classroom

Lisa Harris, PhDWinthrop University

Page 2: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Green Screen App and iMovie Capabilities

• Video• Can put green screen video over still

images or a video

• Still image (we are doing this today)• Superimpose a green screen image on a

still photo previously taken or saved• Student can find a photo online or• Teacher can provide the images

(Airdrop)

Page 3: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Examples – Still Images

Page 4: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Examples - Video

• Book talk: https://sites.google.com/site/bookburps/a

Page 5: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Green screen screen options

Page 6: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Curriculum ideas

Page 7: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Implementation: Student Planning• What is your topic?• What images or video do you

need?• What will you say?

Page 8: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

1. Pick a background image (pre-loaded on the iPad).2. Determine how you will pose.3. Ask your neighbor to take your green screen photo.4. Open the GreenScreen app.5. Wait for my directions (or look at the presentation from the

conference website).

Page 9: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen
Page 10: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Using GreenScreen App: Creating your video

• Open the Green Screen App on the iPad.

• This is the home screen.(Note the sample project. It is very helpful.)

• Click the + to create a new project.

Page 11: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

The Green Screen App interface:

Preview screen

delete whole project

timeline

preview project

Insert background hereInsert greenscreen here

Insert animation here

Select video to create a dv, or image to create a still picture

Insert image or video on timeline

Takes you back to projects

Page 12: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Insert your green screen image or video

• Click on the + on the middle row of the timeline.

• Select Image.A.

A.

Page 13: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Insert your green screen image continued:

• Locate your image on your iPad.• Click Use.

Page 14: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Chroma Filter Information• After you insert your

green screen image, you will see the Chroma Filter.

• It should automatically turn itself on. If not, click on the on/off button.

• You can adjust the filter but this is generally not necessary.

Page 15: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Insert your background image.

• Click on the + on the bottom row of the timeline.

• Select Image.• Find your image on

your iPad.• Click Use.

A.

B.

A.B.

C.

C.

Page 16: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Resizing your green screen image• Pinch your image to adjust the

size and to rotate.

Page 17: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Exporting your image

• Click on the “share” icon in the Green screen app.

• Click Save to the Camera Roll.

Page 18: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Exporting your image continued

• You will get a message that says your image has been saved to your Camera Roll.

• You can now go to your camera roll and AirDrop or email your image to yourself, post it to a website, etc.

Page 19: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

How to Turn on AirDrop How to drop a pictureOpen the photo roll and tap the picture you want.

Click the share icon.

The list of available devices with airdrop enabled will show up in the list.

Click on the device name and answer the prompts.

Page 20: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Additional Resources

Online tutorial:http://blog.doink.com/post/80265602376/lisa-pospishils-tutorial-on-how-to-use-the-green

Book Burps website: https://sites.google.com/site/bookburps/green-screen-do-ink

The Met: http://www.metmuseum.org/about-the-met/policies-and-documents/image-resources

Page 21: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Contact Information

• Lisa Harris, PhDDepartment of Curriculum & PedagogyWinthrop University

[email protected]

Page 22: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Advanced: Inserting more than one background image• You may want to insert more

than one background still image. To do this:

• Scroll your green screen video over to where you want your next image to begin.

• Click on the + sign on the bottom timeline. Select your image.

• Repeat until you have inserted all of your background images.

Two still images are now showing in the background.

Page 23: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Notes: Background still images• When you insert a still

image, it will go on forever in video mode by default.

• In order to change the amount of time your image plays, scroll the timeline to the end of your green screen video.

• Click the clock.• Your background image

should how be grayed out. When you preview your video, it will stop after the green screen portion has played. A.

B.

Page 24: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Notes: If your background video is too long…

• You may need to adjust the amount of time your background video or image plays.

• If your background video is too long: click on the video and scroll until you can see the end. Grab the video by the white dot and move it in to reduce the length.

Page 25: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Notes: If your background video is too short…

• If your background videois too short you can insert the same video again, insert a still image, or insert a different video.

• Scroll your green screen video over to were you want to insert the next video.

• Click the + sign on the bottom timeline.

• Select the video or image you want to insert. A.

B. C.

A.

B.

C.

Page 26: Using Green Screen in Education - Winthrop Universityfaculty.winthrop.edu/harrisl/greenscreendirections.pdfGreen Screen App and iMovie Capabilities • Video • Can put green screen

Notes: Exporting a video• Select a size.• The higher the number, the

better quality the video. • You may have trouble emailing

your video to yourself if it is too large.