Animated GIF & GarageBand sounds In A Webpage

Animated GIF & GarageBand sounds in a webpage using a WebEditor

Create two animations using Photoshop. Insert your animated gif's into a table using a WebEditor such as SeaMonkey.

Requirement

Name, date, period in the right hand corner

Page title centered

Background other than white

Two student created animations using Photoshop

Original non-animated graphics (jpeg) showing all of the layers

Animations inserted in a table using 4 cells

Add GarageBand soundtrack to play on webpage load

Photoshop Animated Gif's Assignments

Create a layered file in Photoshop to use for your animation. Be sure to make is no larger than 72 dpi and 5 x 7 inches.
Go to Window > Timeline
Click the triangle on Create Video Timeline and select Create Frame Animation, Then click on the words "Create Frame animation"
Click the panel fly-out menu and select Make Frame from Layers
Adjust your timing and settings - Loop etc.
Test by clicking on the play button
Save as the default .psd, this will Save your layers
Go to File > Export > Save for Web
SAVE
Make sure that ALL of the Layers are selected and go to File > Save As JPEG in order to show all of your layers in one file.
Insert the layered graphics (jpeg) as well as the animations (gif) into separate cells.

Here is a video

RCMS Apple Class