Learning Adobe FireWorks CS5

Transcription

1 Module 1 Contents Chapter 1: Introduction to FireWorks Starting the Document Screen Modes Bitmap and Vector Tools Bitmap Tools Vector Tools Filling Shapes Importing Images into FireWorks Saving Documents Displaying Parts of Images FireWorks Assignment Chapter 2: Creating a Detailed Sketch Starting the Document Creating the Road and Hill Creating the Outline of the Road Creating the Outline of the Hill Erasing Overlapping Lines Filling the Road and Hill Adding Grass Areas Adding the Ocean Filling the Sky Adding Road Lines Adding White Posts Adding Some Clouds FireWorks Assignment Guided Computer Tutorials, 2011 C-1

2 Chapter 3: Using Vector Shapes Starting the Document Drawing an Auto Vector Shape The Auto Shape Handles Rotating Shapes Other Auto Shapes The Auto Shapes Panel Modifying Vector Shapes The Freeform Tool Fills and Strokes Gradient Fills Applying a Gradient Fill The Gradient Tool Adjusting the Gradient Colours The Knife Tool Accurately Sizing and Positioning Objects Compound Vector Shapes Creating Normal Vector Shapes Joining Shapes Fill Patterns Subtracting Shapes Practice Exercise FireWorks Assignment Chapter 4: Applying Effects Starting the Document Bevel and Emboss Applying an Inner Bevel Adjusting the Inner Bevel Removing Effects Applying an Outer Bevel Emboss Effects Applying Drop Shadow Effects Multiple Effects Applying a Glow Effect Applying Blurs C-2 Guided Computer Tutorials, 2011

3 Contents Photoshop Live Effects Applying Commands Applying a 3-D Shadow Adding a Picture Frame Applying a Twist and Fade The Styles Panel FireWorks Assignment Chapter 5: Using Text Starting the Document Entering Text Point Text Area Text Applying Effects on Text Text Along a Path Drawing the Path Adding the Text to the Path Adjusting the Text on the Path Adjusting the Path Distorting Text Applying Preset Styles FireWorks Assignment Chapter 6: Adjusting the Look of Images Loading a Sample File The Blur Tool The Sharpen Tool The Smudge Tool The Burn Tool The Dodge Tool Gradient Fills Colour Adjustment The Red Eye Removal Tool FireWorks Assignment Guided Computer Tutorials 2011 C-3

4 Chapter 7: Using Layers Starting the Document Turning on the Rulers and Grid The Layers Panel Opening the Layers Panel Naming a Layer Entering a Calculator Key Creating the Key Adding a 3D Effect Adding the Number Grouping the Objects Creating the Rest of the Keys Changing the Text Creating the Viewer Section Creating a New Layer Creating the On/Off Button Duplicating the On/Off Key Adding the Viewer Creating the Calculator Case Creating the Case Layer Drawing the Rounded Rectangle Adjusting the Layers The Layer Stacking Order Layer Visibility Locking Layers Deleting Layers FireWorks Assignment C-4 Guided Computer Tutorials, 2011

5 Contents Chapter 8: Creating Masks Starting the Document Selection Masks Importing the Image Selecting the Masks Area Adjusting the Mask Looking at the Mask Layer Using Vector Shapes as Masks Importing the Image Drawing the Mask Shape Creating the Mask Formatting the Mask Altering the Mask Text Masks Importing the Image Entering the Text Creating the Mask Multiple Shape Masks Importing the Image Drawing the Vector Shapes Creating the Mask FireWorks Assignment Chapter 9: Creating Buttons Starting the Document Creating the Button Drawing the Button Shape Formatting the Shape Adding the Text Cutting the Button Opening Button Edit Mode Setting the Button States The Up State The Over State The Down State Guided Computer Tutorials 2011 C-5

6 Previewing the Button Editing the Button Reducing the Canvas Size Button Properties Prepared Buttons FireWorks Assignment Chapter 10: Saving Files Saving a Copy of a File Saving as a JPEG Format Exporting to PDF Saving Images for the Web Saving for the Web JPEG or GIF Formats Setting the Size of the Image Compression Settings Optimizing the File Size Exporting FireWorks Assignment C-6 Guided Computer Tutorials, 2011

7 Contents Module 2 Contents Chapter 11: The Pen Tool Starting a New Document Drawing Straight Paths Drawing Curved Paths Drawing Multiple Connected Curves Adjusting Shapes Drawing Connecting Lines and Curves Drawing a Straight Line Followed by a Curve Drawing a Curve After a Curve Drawing a Straight Line After a Curve Adjusting Curves to Straight Lines Converting Straight Lines to Curves Adding Anchor Points Tracing an Object Loading the Object Tracing the Right Side of the Head Tracing the Body Tracing the Beak and Eyes Looking at the Trace Filling the Trace The Vector Path Tool Applying Gradient Fills FireWorks Assignment Chapter 12: Cloning Images The Rubber Stamp Tool Loading the Image The Rubber Stamp Settings Cloning Unaligned Cloning Removing the Cat Cropping Images FireWorks Assignment Guided Computer Tutorials 2011 C-7

8 Chapter 13: Adjusting Photos Adjusting Levels Loading the Photo Applying Auto Levels Manually Adjusting Levels Multiple Adjustments to Photos Loading the Photo Changing the Brightness and Contrast Applying a Colour Fill Adjusting the Hue and Saturation Using Commands to Adjust Photos Loading the Photo Applying the Greyscale Command Converting to Sepia Tone Applying an Auto Vector Mask FireWorks Assignment Chapter 14: Creating Web Page Layouts Loading the Sample Layout Splitting the Page into Slices Exporting the Slice Creating Other Slices Previewing the Page in a Browser Exporting to DreamWeaver Exporting the FireWorks Page Viewing the Page in DreamWeaver FireWorks Assignment C-8 Guided Computer Tutorials, 2011

9 Contents Chapter 15: Creating Pop-up Menus Loading the Prepared Pages Inserting the Pop-up Menu Selecting the Slice Setting the Menu Contents Setting the Menu Appearance Setting the Advanced Menu Options Setting the Menu Position Previewing the Pop-up Menu Editing the Pop-up Menu FireWorks Assignment Chapter 16: Creating Accurate Shapes Starting a New Document Turning on the Rulers and Grid Adjusting the Grid Settings Adding Guide Lines Creating the Front of the Box Drawing a Green Rectangle Adding Highlights to the Front Grouping the Front Rectangles Creating the Side of the Box Adding an Image to the Front Adding the Text Inserting the Front Text Creating the Side Text Creating the Three Dimensional Effect Adjusting the Front Rectangle Adjusting the Side Rectangle Checking the Box Extension Activity FireWorks Assignment Guided Computer Tutorials 2011 C-9

10 Chapter 17: Symbols and the Library Panels Starting a New Document Looking at the Provided Symbols Creating Symbols Inserting the Globe Image Adding the Text Converting to a Symbol Looking at the Symbol Deleting Symbols Editing a Symbol Button Symbols Creating A Home Button Duplicating the Button Previewing in a Browser FireWorks Assignment Chapter 18: Creating Animations Starting a New Document Creating an Animated GIF Symbol Starting the Symbol Drawing the Shape Creating the States Looking at the Animation Displaying the States Reducing the Canvas Size Saving the Animation Creating a Slide Show Importing the First Image Adding Text to the Image Creating the First State Adjusting the Timing Importing a Second Image Animating the Second Image Animating a Third Image Exporting the Animation FireWorks Assignment C-10 Guided Computer Tutorials, 2011

11 Contents Chapter 19: Combining and Changing Paths Starting a New Document Drawing the Paths Combining the Paths Extruding Shapes Creating Symmetrical Shapes Starting a New Document Creating the Left Side of the Shape Duplicating the Shape The Redraw Path Tool FireWorks Assignment Chapter 20: Useful Tools The Replace Colour Tool Opening a Sample Image Replacing a Colour Tinting Parts of the Image The 9-Slice Scaling Tool Starting a New Document Drawing the Shape Scaling the Shape Tween Animations Starting a New Document Creating the End Point Text Converting the Shape to a Symbol Creating the Start of the Animation Animating the Symbols Multiple Page Documents Using Templates Looking at the Templates Using a Template Saving a Template FireWorks Assignment Guided Computer Tutorials 2011 C-11