1 / 16

Building an Electronic Portfolio Technical Directions

Learn how to create an electronic portfolio showcasing your work using technical directions for animation and digital imaging in Mrs. Wolbert's class at Oxford High School. Follow steps for file management, preparation of images and movies, inserting Flash and interactive movies, linking images to movies, organizing content, and adding final touches.

brook
Download Presentation

Building an Electronic Portfolio Technical Directions

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. Building an Electronic PortfolioTechnical Directions Animation & Digital Imaging Mrs. Wolbert Oxford High School

  2. File Management • Create Portfolio folder • Create PhotoShop subfolder • Create Flash subfolder • Create Independent Artwork subfolder • Place Flash work in independent folders within Flash subfolders to include .fla, html, and swf files

  3. Prepping and InsertingPhotoshop Images

  4. Prepping Photoshop Images • Make all needed corrections • Adjust image size if needed • Select FileSave for Web • Choose Optimized .jpg (.jpeg) • Save within Portfolio/Photoshop/

  5. Add Photoshop Image to Portfolio • Create new slideTitle & Content layout or Title, Text & Content layout • Click InsertPictureFrom File • Browse to Photoshop image as .jpgInsert

  6. Prepping and InsertingFlash Movies

  7. Prepping Flash Movies • Make all needed corrections • Select FilePublish to create file formats: • HTML • SWF

  8. Inserting Flashas .avi Videos Shows movement, but no buttonsor movie clipswork with this insertion method! (example: motion guide)

  9. Step 1: Directions within FlashInserting Movies as .avi Video • Works only if no user interactivity on movie • Select FileExportExport Movie • Browse to Portfolio/Flash/relevant subfolder • Save file image as Windows .aviSave • Video format: 32 bit color w/alpha • Sound format: 22 KHz 16 bit stereo • Compressor: Microsoft MPEG-4 Video Codec V2 • Keep boxes checked

  10. Step 2: Directions in PowerPointInserting Movies as .avi Video • Create new slideTitle & Content layout or Title, Text & Content layout • Click on InsertMovies and SoundsMovie from FileOK • Click “yes” to play movie automatically or when user clicks it

  11. Inserting Flashas Interactive Movies Use this method if Flash movie has a movie clip or abutton user clicks!

  12. Importing Interactive Flash MoviesStep 1: Capturing Timeline Image • Open your .FLA file from Portfolio/Flash/relevant subfolder • FilePublish to create .swf and .html files • Place red timeline marker at point where desired Flash image rests • Select FileExportExport Image • Browse to Portfolio/Flash/relevant subfolder • Save file image as .jpg

  13. Step 2: Add Flash Image to PowerPoint • Create new slideTitle & Content layout or Title, Text & Content layout • Click InsertPictureFrom File • Browse to Portfolio/Flash/relevant subfolder and find the .jpg image from the timelineInsert

  14. Step 3: Hyperlinking an Image to a Movie • Without distorting, resize Flash image as needed • Click on image then click InsertHyperlink • Link to: Existing File or Web Page • Browse to Portfolio/Flash/relevant subfolder with .SWF movie file that correlates with image • Run slideclick on imageclick buttons on Flash movie to test them

  15. Electronic Portfolio: Next Step • Add relevant learning objectives to showcase each item in portfolio (see rubrics) • Place all slides in desired orderstart & end strong! • Create Table of Contents page • Use headings to separate portfolio work • Hyperlink each item to its appropriate page • On Master Slide, create “back” button and hyperlink back to Table of Contents page

  16. Final Touches • Add final career statement slide: be specific about future career ambitions • Refer to printed Electronic Portfolio directions, following closely all requirements • Complete Rubric U-Check • Be future focused: Take home portfolio and all files electronically and store in safe location!

More Related