Linda Baker's Web Design Tips & Tutorials

Fireworks Videos

Through these tutorials, I will be putting together a fictional website. Several of the locations and the historical web information are based in fact - however, the content of the Dallas locale pages is fictional and has been developed for educational purposes only. So.... please do not drive down the shoreline of White Rock Lake looking for Willow Bend Cafe:-)

I hope the following videos will encourage, energize, and help you in creating your own websites!

Please note: I've created these videos for a class I teach at El Centro College.

Fireworks CS4 ~ Fireworks CS3 ~ Fireworks 8 ~ Fireworks MX 2004

Fireworks CS4

Introduction
Creating Shapes - Creating rectangular, circular or polygon shapes. Creating backgrounds. Adding effects, lines, gradients, and patterns.
Image Effects, Part I - Resizing, adding canvas, drop shadows, bitmap tools (lasso, magic wand, marquee).
Image Effects, Part II - More bitmap tools, transforming, erasing, blur, simple combining of images.
Image Effects, Part III - Combining previous techniques and cloning.
Creating Backgrounds
Using Text
Creating Logos - Using text and images to create logos.
Trimming, Optimizing & Saving Images for the Web
Editing Images for KitKat Spa

Fireworks CS3

Introduction: Menu and Tools
Creating Backgrounds
Creating Shapes - Creating rectangular, circular or polygon shapes.
Image Effects, Part I -Resizing, adding canvas, bitmap tools (lasso, magic wand, marquee).
Image Effects, Part II - Transforming, erasing, blur, simple combining of images, and writing on images.
Image Effects, Part III - Combination of bitmap tools, cloning and blur.
Creating Text
Creating Logos - Using text and images to create logos.
Trimming, Optimizing & Saving Images for the Web
KitKat Spa: Images

Fireworks 8

Menu and Tools

Image Basics
Cropping, resizing, and optimizing. (Web Builders, Old East Dallas, Willow Bend)
Creating Shapes
Creating rectangular, circular or polygon shapes. Creating backgrounds. Adding effects, lines, gradients, and patterns.
Image Effects, Part I
Resizing, adding canvas, drop shadows, bitmap tools (lasso, magic wand, marquee). Adding gradients to images or taking an image out of a picture.
Image Effects, Part II
Erasing, cloning, dodge, burn, blur, simple combining of images, and writing on images.
Creating Logos
Using text and images to create logos.
Creating Navigation Bars
Creating Buttons
Animation: Using Shapes
Animation: Text and Images
Animating Text on an Image and creating a disappearing slice of pizza.
Animation: Using Symbols to Create a Flock of Flying Geese
Creating "copies" of an image, using symbols, to display multiple images in the animation.
Animation: Using Layers to Go Sailing
Animations: Banner Ads
Animation: Creating Motion Tweens to Swim & Tip
Adding Images in Dreamweaver

Fireworks MX 2004

Menu and Tools, Part I
Image Basics
Cropping, resizing, optimizing and saving. (Web Builders, Old East Dallas, Willow Bend)
Writing Text on an Image
Writing text on top of an image. (White Rock Lake map)
Image Techniques, Part I
Using the marquee tools, adding canvas, effects, feathering, select inverse, opacity settings, using gradients, magic wand, filling with color.
Image Techniques, Part II
Paint brush, eraser techniques, cloning, blur, burn, text mask.

Creating Shapes, Part I
Inspector and color options, move and subselect tool.
Creating Shapes, Part II
Using the shape tools: ellipse, polygon, star. Adding and subtracting from shapes.
Creating Text
Text Effects, Part II
Attaching text to a path.

TIP: The following videos will give you ideas for creating logos for: Web Builders, Web Alphabet, and Old East Dallas.