I have busy designing a new site lately. While doing this I thought it would be interesting to document my work flow. As always this is in note form giving you a general overview of what to do. If you require more detail on any stage then please comment and I will answer. Part 1 – [...]
Swatches Once a swatch is assigned, it will always load unless removed. To assign a colour from the swatch panel Open a canvas and place a shape on it. Ensure the swatch panle is open Windows/Swatches. In the properties panel either select its fill or outline Now pick desired colour from the swatch panel. Assigning [...]
Marquee and Oval Tools These tools allow you to create a selection. Then you can apply things to that selection. Lasso Tool With this tool you are able to make a free hand selection. Magic Wand This will select areas automatically based on pixel colors Pencil and Paint Brush Permanent Markers Rubber Stamp Use the [...]
Fireworks vector tools are tocated in the left hand tool panel. They produce scaleable art. The Pen Tool To create a straight line click and release a start point and an double click to ceate the end point. To continue the line just single click the points making sure you either double click the last [...]
Symbols are master copies of an image or group of images. Each laid down instance is a copy of the master symbol. Updating the master updates all the instances. Ideal for creating your master template with things like the banner, footer and navigation. Symbols are stored in the “Document Library”. They can be dragged in [...]
Text Select the Text tool and type in some sample text. The text box can then be toggled between Fixed width (wrap) or automatically extend. This is done by double clicking on the small hollow square thumb top left of the text box. Lorum Ipsum Sample Text To use sample text select – Commands/Text/Lorem Ipsum [...]
Image Slicing This cuts up a design into small images for use in a Dreamweaver table layout. Use the slice tool to drag out slice elements. Rename the slice layers. In the slice properties set the file Type, Link, Alt Tag and Target. Set the optimise panel for the prefered export file type. Select [...]
Animating with a Gif This creates a simple animation by changing states. Create a simple image. Go to the “States” panel and from the options at the top right select “Duplicate State” Select State 2 then the Layers Tab and change something ie a colour. Now with button State 1/State 2 under the layers panel [...]
HTML Export This creates an html prototype for displaying as a web site. – Slice the images only – Make sure all pages are named and button links entered (home.html) – Select File/Export/Html and images (export slices, include areas without slices, put images in subfolder, all others unticked). Default HTML settings can be set in [...]
How to Make Parts of your Photo’s appear Moving – Using the lasso tool select the part of the image you want the effect applied to. – Select from the top Menu Filters/Motion Blur How to Apply Blends to photo’s like HDR Effects – Create a duplicate copy of your photo on a new layer. [...]