1

Building an Electronic PortfolioTechnical Directions

Animation & Digital Imaging

Mrs. Wolbert

Oxford High School

2

File Management

Create Portfolio folderCreate PhotoShop subfolderCreate Flash subfolderCreate 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 FileSave for Web

Choose Optimized .jpg (.jpeg)Save within Portfolio/Photoshop/

5

Add Photoshop Image to Portfolio

Create new slideTitle & Content layout or Title, Text & Content layout

Click InsertPictureFrom File Browse to Photoshop image as .jpgInsert

6

Prepping and InsertingFlash Movies

7

Prepping Flash Movies

Make all needed corrections Select FilePublish to create file formats:

HTMLSWF

8

Inserting Flashas .avi Videos

Shows movement, but no buttons or movie clips work 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 FileExportExport Movie

Browse to Portfolio/Flash/relevant subfolderSave file image as Windows .aviSaveVideo format: 32 bit color w/alphaSound format: 22 KHz 16 bit stereo Compressor: Microsoft MPEG-4 Video Codec V2Keep boxes checked

10

Step 2: Directions in PowerPointInserting Movies as .avi Video

Create new slideTitle & Content layout or Title, Text & Content layout

Click on InsertMovies and SoundsMovie from FileOK

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 a button user clicks!

12

Importing Interactive Flash MoviesStep 1: Capturing Timeline Image

Open your .FLA file from Portfolio/Flash/relevant subfolder

FilePublish to create .swf and .html files Place red timeline marker at point where desired Flash

image rests Select FileExportExport Image

Browse to Portfolio/Flash/relevant subfolderSave file image as .jpg

13

Step 2: Add Flash Image to PowerPoint

Create new slideTitle & Content layout or Title, Text & Content layout

Click InsertPictureFrom File Browse to Portfolio/Flash/relevant subfolder and find

the .jpg image from the timelineInsert

14

Step 3: Hyperlinking an Image to a Movie

Without distorting, resize Flash image as needed Click on image then click InsertHyperlink

Link to: Existing File or Web PageBrowse to Portfolio/Flash/relevant subfolder

with .SWF movie file that correlates with image Run slideclick on imageclick buttons on Flash

movie to test them

15

Electronic Portfolio: Next Step

1. Add relevant learning objectives to showcase each item in portfolio (see rubrics)

2. Place all slides in desired orderstart & end strong!

3. Create Table of Contents page Use headings to separate portfolio work Hyperlink each item to its appropriate page

4. On Master Slide, create “back” button and hyperlink back to Table of Contents page

16

Final Touches

1. Add final career statement slide: be specific about future career ambitions

2. Refer to printed Electronic Portfolio directions, following closely all requirements

3. Complete Rubric U-Check4. Be future focused: Take home portfolio and all

files electronically and store in safe location!