1 / 31

ISTE Standards - Students

Lights! Action! Animation! And taking your show on the road Presenter: Ellen Phillips Presider: Winnie Bracco Office of Instructional Technology, Queens New York City Department of Education. ISTE Standards - Students. 1. Creativity and Innovation

kita
Download Presentation

ISTE Standards - Students

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lights! Action! Animation!And taking your show on the roadPresenter: Ellen Phillips Presider: Winnie BraccoOffice of Instructional Technology, QueensNew York City Department of Education

  2. ISTE Standards - Students 1. Creativity and Innovation • Students demonstrate creative thinking, construct knowledge, and develop innovative products and processes using technology. 2. Communication and Collaboration • Students use digital media and environments to communicate and work collaboratively, including at a distance, to support individual learning and contribute to the learning of others.

  3. ISTE Standards - Students 4. Critical Thinking, Problem Solving and Decision Making • Students use critical thinking skills to plan and conduct research, manage projects, solve problems and make informed decisions using appropriate digital tools and resources. 6. Technology Operations and Concepts • Students demonstrate a sound understanding of technology concepts, systems and opeations.

  4. Art + Technology Storyboards Background sets Clay figures for claymation Creating graphics for 2-D animation ELA + Technology Story concept Script Title cards Math + Technology Adjust frame duration Number of frames needed Science + Technology Researching and presenting science content InterdiscipinaryCollaboration

  5. Creating With Clay In The Art Room

  6. Illustrate Simple Principles LINK

  7. Tech4Learning’s FRAMES & TWIST software Great way to introduce animation Simple Interface is kid-friendly Formatting flexibility Create and manipulate shapes with vector graphics Design original clipart for use in animation Tech Tools

  8. Organize Your Project • Organize groups • Brainstorm for a story concept • Create a storyboard • Assign roles to team members  i.e.: • Illustrators - • set design, • creating characters • creating props • Writers - create script, title cards • Technicians - oversee file formatting and sequencing

  9. Organizing Your Project • Create backgrounds • Create clipart • Begin creating and exporting images for animation • Bring image files into animation software • Add title cards • Add transitions • Add voiceovers • Add music • Convert to movie format

  10. Intro to Frames Learning basic shape animation: The Bouncing Ball

  11. Add new frame Add shape Remove stroke Change fill Adjust size Copy shape Create new frame Turn on onion skin Paste shape in new frame Move shape and repeat Frame Building Sequence

  12. Tell An Original Story LINK

  13. Stop Motion Camera Shoot • Position background set (shoebox) • Put clay figures into first position • Set up tripod/camera • Focus on shot • Animator moves figure • Photographer takes the shot • Repeat last two steps until desired number of shots is taken

  14. Adjusting the Clay Figures

  15. Taking the Shots

  16. Animator Working with Figure on the Set

  17. Coaching the Process

  18. Teach a concept: THE WATER CYCLE

  19. Intro to TWIST

  20. Retell a story - LINK

  21. Creating Original Graphics Using "Twist" In the Computer Lab • Create background and export as a .gif file. • Create characters and props individually and export each as a .gif file with a transparent background.

  22. Open background and drag and drop characters to "act" in your story, exporting your images with each change or movement. • Create a library of  static images (.gif files) to bring into Frames for animation.

  23. THE FORBIDDEN VOLCANO

  24. MAGNET MEN

  25. Working with Images Adding a series of photographs or images to Frames: • Upload photos from camera to computer • Keep images in a separate folder • Import folder to Frames • Do a quick “test”  run through to delete or duplicate frames, and rearrange the frame sequence as necessary

  26. THE TOMATO PLANT TREE

  27. Finishing Up • Add title cards and narrative cards • Add transitions • Add voiceovers, syncing to images • Add music from Frames library • Preview movie • Save file • Make movie (you can choose from a variety of formats) • Celebrate!

  28. Harriet Tubman and The Underground Railroad

  29. Humor and Irony Link

  30. Resources • Ning.com • pbwiki.com • schooltube.com  Host sites • Edublogs.org • Teachertube.com • voicethread.com Animation software • Frames • Pivot Stickman • iStopmotion • Quicktime Pro • iMovie • Windows Moviemaker Inspiration • Brickfilms.com • YouTube

  31. If you'd like to access this presentation some snowy night in the distant future, you can do so by going to this link: http://docs.google.com/Presentation?id=dhnzmnqs_287dddf6292 or just use the TinyUrl at http://tinyurl.com/5tumqb or go to my blog at: http://macteech.edublogs.org You can also email me at: ellenquilt1@gmail.com 

More Related