William M. Pegram
Home | Courses | Web Design | Office | Client-Side Scripting | Server-Side Scripting | About Me
File>Open to bring in an existing image (pick one)
Menus - File, Edit, etc. with submenus
Tools - on left, grouped by category - Select, Bitmap, Vector, Web, Color, View
Keyboard Shortcuts for tools - e.g. W for Wand, B for Pencil, P for Pen, etc. useful because you can use left hand to select tool whereas mouse then doesn't have to leave image
Screen modes - Tab key to make all menus disappear or appear (toggle)
Magnification - Can change in drop-down menu at bottom right or View>Magnification
H - Click Hand Tool - or Hold down space bar -- to move around in image vs.
Pointer tool (V or zero)- Click on image or object and can drag to new location or use arrow keys to move object 1 pixel at a time or enter x,y coordinates in property inspector and hit enter
Property inspector is context-sensitive, just like in Dreamweaver
Anytime you have copied an image to the clipboard, if you open a new blank file in Fireworks, the dimensions of the canvas will be set equal to the dimensions of the image on the clipboard.
Pencil tool - Click on pencil and draw, single pixel stroke, hold down shift key to constrain to 45 degree lines.
Brush tool - Shift constrains to 45 degree lines. Stroke color, tip size, stroke category, edge)
Eraser tool - Again can set properties or erase tool in property inspector. Holding down shift will constrain to a straight line
Crop Tool - Click on tool and then draw rectangle; once one crops, only the portion inside of the rectangle will remain.. To crop, double-click the rectangle or hit Enter. One can adjust the size of the rectangle by adjusting any of the handles that appear around the rectangle.Marquee selection tools (Marquee and Oval Marquee Tools) Hold down shift key to make rectangle a square (rectangular marquee tool) or a circle (oval marquee tool). One can determine in the property inspector the edge for the marquee.
Lasso tools - Lasso and Polygonal lasso - for the latter, you click to define the vertices of the polygon. After you've created it, you can change the selected pixels by using the arrow keys or entering the size and position directly in the property inspector
Magic Wand Tool - Selects a contiguous area of similarly colored pixels - Tolerance setting determines what "similarly colored" means - a tolerance setting of 16 means that pixels plus or minus 16 in each of the red, green, and blue dimensions are selected.
Adding and subtracting to a selection (works with any of the bitmap tools) - To add, with an area of pixels selected, hold down Shift and start an additional selection on an unselected portion; to subtract, hold down Alt and choose an already selected portion of the object
Paint Bucket Tool - fills a selection -- the fill can be a solid, web dither, gradient, or pattern (tiles an existing .png image for the fill) with additional options shown in the property inspector
Drawing and Painting with Selections - When an area of a bitmap is selected, the Pencil, Brush, and Eraser tools will affect only the selected area
Select (from Menu) - particularly important is Select Inverse
Filters (e.g. adjust color, blur, other, sharpen, third party filters such as Eye Candy 4000 LE or Alien Skin Splat LE) are destructive, they change the value of pixels within a selection whereas effects (see below) are not
Selections from edit menu - cut, copy, paste, clear
Transforming bitmap objects - Modify>Transform>Free Transform - Info panel can provide details on change
Modify>Transform>Scale - handles on each side to adjust in one dimension, at corners to adjust in two dimensions, to move image, click drag within the selection, to rotate an object, click outside the box and rotate; to change the center of rotation, click the circle in the center and drag it to where you want it to be; Double clicking will apply changes
Modify>Transform>Skew - create perspective effects - grabbing a handle on one of the sides will move that side parallel to the opposite side (rectangle into parallelogram), grabbing a handle on one of the corners will move each corner on that side an equal distance from the center (rectangle into trapezoid)
Modify>Transform>Distort - each corner can be moved independently - dragging any other handle will adjust the size of the object
Modify>Transform>Numeric Transform - Scale (percentage), Resize (pixels), Rotate
Applying Effects to Bitmap Objects - Effects are available on the right hand side of the property inspector when an object is selected with the Pointer tool - Click on plus sign to see a list to add: such as Bevel and Emboss, Shadow and Glow (drop shadow, glow, inner glow, inner shadow -- each of these have settings - Clicking the check mark next to an effect will turn it off, clicking the red X will turn it on, double click the effect name to change the settings, and click the minus sign to remove it, click drag an effect up or down to change the order in which the effects are applied. If you click the plus sign, one of the choices is Options, which allow you to save a set of effects as a style and a all on/off toggle which turns all the chosen styles on and off together. If you save a set of effects as a style, it will show up on the effects menu in the future.
Rectangle and Ellipse tool - Holding down shift key constrains to square and circle
Polygon Tool - in Property Inspector, choose between Polygon and Star
Tools for specialized objects -- e.g. arrow
Text tool -
Revised: October 31, 2011. Comments to William Pegram, email@example.com