• Environment:

This guide assumes the following environment:

• DEMO_HOME = C:\

Download the Demo sample, extract it and test it.

• Photoshop:

Create a new image:

• Menu:

  File -> New
  (pixels)
  Width: 504
  Height: 360
  

Set paint colour:

• Tools Palette:

  Foreground color: Black
  Background color: White
  

Set text:

• Tools Palette:

  Type Tool
  Click on the image Window
  

Type text:

• Type Tool:

  Font: Arial
  Size: 96 (points)
  Hello World
  

Add an extra channel:

• Layers Window:

  Channels tab
  Click and drag Red channel to the "Hello World" window.
  

Select RGB channel:

• Layers Window:

  Channels tab
  Click on RGB
  

Merge all layers of image into one image:

• Menu:

  Layer -> Flatten Image
  

Select the text "Hello World" to render:

• Tools Palette:

  Magic Wand Tool
  Press hold on Shift and Click on each letter
  in the "Hello World" window.
  

Add lighting/shading effect to the selected text "Hello World".

• Menu

  Filter -> Render -> Lighting Effects
  
  Style: DEFAULT
  Light type: Spotlight (On)
  Intensity: Full
  Focus: 69
  Gloss: Shiny
  Material: Plastic
  Exposure: 0
  Ambience: 8
  Texture Channel: #4 (White is high)
  Height: Mountainous
  

With the text "Hello World" still selected, duplicate it to a new layer.

• Menu

  Layer -> New -> Layer via Copy
  

Select layer to edit:

• Layers Window

  Select layer thumbnail: Background
  

Blur the background text so it looks like the shadow for the top layer of the text "Hello World".

• Menu

  Filter -> Blur -> Gaussian Blur
  

Select layer to edit:

• Menu

  Select layer thumbnail: Layer 1
  

The top layer can be shifted from its original position. So that the shadow can be seen in the background.

• Tools Palette

  Move Tool
  Click on "Hello World" window
  Press arrow keys: up, left, up left, up, left, up, left
  

Merge the two layers of image into one.

• Menu

  Layer -> Flatten Image
  

Select a box area:

• Tools Palette

  Marquee Tool
  Select a box so that "Hello World" just
  fits in it.
  

Trim out the unnecessary white spaces around the image.

• Menu

  Image -> Crop
  

The extra channel can be taken out.

• Layers Window

  Channels tab
  Right mouse button click on Channel #4 and select Delete Channel.
  

Save the final image:

• Menu

  File -> Save As -> c:\helloworld.jpg
  

• Flash:

Create a new flash animation:

• Menu

  File -> Import
  c:\helloworld.jpg
  

Insert a keyframe so there is a checkpoint for an object movement:

• Timeline:

  Select Frame 20
  Insert -> Keyframe
  

Create motion between keyframes:

• Timeline:

  Select Frame 19
  Insert -> Create Motion Tweens
  

Specify the type of motion:

• Timeline

  Select Frame 1
  Modify -> Instance
  
  Color Effect tab
  Color Effect: Tint
  Tint Amount: 100
  Red: 255
  Green: 255
  Blue: 255
  

Continue the motion into the keyframe.

• Timeline

  Select Frame 20
  Insert -> Create Motion Tweens
  

Insert another keyframe for a different movement on the same object.

• Timeline

  Select Frame 40
  Insert -> Keyframe
  

Create motion for the second movement of the object.

• Timeline

  Select Frame 40
  Insert -> Create Motion Tweens
  

Specify the motion type as Scale & Rotate

• Timeline

  Select Frame 40
  Modify -> Transform -> Scale and Rotate
  Scale: 10%
  Rotate: 180 degrees
  

Save the final flash source and publish the animation.

• Menu

  File -> Save As -> c:\helloworld.fla
  File -> Publish
  

• Dreamweaver:

Prepare layer for flash insertion.

• Object Palette

  Draw Layer
  Click and drag a box on the Window
  

Insert flash to the page.

• Menu

  Insert -> Media -> Flash
  c:\helloworld.swf
  

Add fixes for HTML standard.

• Menu

  Command -> Add/Remove Netscape Resize Fix
  

Save the file.

• Menu

  File -> Save As -> c:\helloworld.html