WWW via the Internet

Local via an Intranet

Individual Computer

WEB Page Power Point

MSWord Stand-alone

Image Editing - Photoshop

x x x xSound Editing x x link xVideo

x x link xFlash Movies x x link x

•Table layout – organization, color design•Insert images – still and GIF animations•Embed sound, video, flash movies•Link sound, movies, flash movies•Link – your pages, WWW web pages•Background – color, texture, image•Timeline animation•Jump Menu

The thirty square inches at the top of a home page comprise the most visible area of the Web site. Most readers will be looking at your site on a seventeen- to nineteen-inch monitor, and the top four or five vertical inches are all that is sure to be visible on their screens.

Think in terms of newspapers – “Above the fold”

Web Page Layout --

Movie Maker•Import Images•Captions and Credits•Transitions•Effects (Zoom in-out, Scan)•Narrate•Music•You-tube videos – embed on web page rather than link

•Fix color, brightness, etc.•Resize or crop•Remove portions •Remove areas of similar color •Transparent background•Combine images•Frame•Feather •GIF animations e.g. Slideshow

•Wav, mp3, midi formats•Download (unzip)•Sound Editor

•Record•Text-to-speech conversion•Create/Combine sounds•Cut/Paste (reduce/expand length)•Change format

•Size (points)•Color and contrast•Font•Style (bold, underline, italics)•Live(typed) text vs. drawn text

GIF •Download•Create in Photoshop

Flash•Motion Tween (Rotate)•Shape Tween (Morph)•Sound•Stop•Buttons

No “file” or disk drive designation

Select from list and click “Go”

Adding Sound to Your Flash Movie

•Obtain a mp3 or wav sound•Import to Library•Create a layer for the sound•Insert a keyframe where you want the sound to start•Drag the sound from the Library to the Stage•Note -- You may need to edit the sound to fit before importing it to Flash

Stop();Must be at a keyframe!

Time(seconds) = Number of Frames / Frame per second

•Select frame rate for smooth animation•Select number of frames to adjust length of movieExample: At 12 fps, a 60 frame movie will last 5 seconds

At 10 fps a 60 frame movie will last 6 seconds

At 10 fps a 100 frame movie will last 10 seconds

See Blog tutorial on my web site

Moving Banner http://www.youtube.com/watch?v=bb0GOskGFPc

Images Fade http://www.youtube.com/watch?v=bZiiMwhhmmY

Image Morph http://www.truekolor.net/how-to-create-morphing-effect-animation-photoshop/

More Techniques http://www.youtube.com/watch?v=9lF6w7LwpFI

Creating GIF Animations in Photoshop

NOTE: Some tutorials are for CS5 and instruct youto open the timeline with Windows -> Animation.In our CS6 use Windows -> Timeline. Everything else is the same.

PERCENTAGE REMEMBERED COMPARED to METHOD of LEARNING

1 10% Of what we read

2 20% Of what we hear

3 30% By watching a demonstration

4 50% Combining #2 and #3

5 70%Combine #4 with writing out notes of what you learn

6 90% All of the above plus application or practice