Keep up to date use RSS feeds

Swatches
Swatches are assigned in a Document and will always load with that document. To assign a Swatch File.

1. In the colour mixer select Outline or Fill
2. Pick your colour in the mixer
3. Go to “Swatches” and click on an empty position
4. To remove the Swatch click control and click on swatch.

The Wacom MTE450 Bamboo  is an A5 small tablet. It comes in black and connects from a mini usb at the top of the tablet to your Mac or PC usb connection

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 ALT key to select sample point. Then apply.

Selections
When you have made a selection, you can then use the Magic Wand tool to add to this by holding down the Shift Key.  You can also use the Lasso tool to add selections.  Alternativly hold down the ALT key to remove selections.  To smooth out your selection then set smooth out to 2 in Select/Smooth Marque.

To convert the selection to a vector Select  ”Convert Marque to Path”
To save the bitmap selection Select “Save Bitmap selection”. To recall the selection Select “Restore Bitmap Selection”.

Drawing Tools
When editing a Photo its wise to create a new layer for the drawing so as not to loose the original copy.

Replace Colour Tool
First set up the properties for it to either replace an image or swatch selection to a swatch.  This tool is great for changing out colors.

Level Filters
Select your image and then Filters/Levels.  The adjustemts will be applied to the whole image. If you want to apply to only an area then first select the area using the Wand or Lasso tool. Then from the upper menu select Filter/Adjust Colors/Levels.  In this area you can also blur.

Masking one Image on Another
This method allows you to let a bottom image show through into a top image.  It uses a black/white mask to represent opaque/transparent areas.   Normally a Black/White gradient is used as the mask to create a fade in/out of the lower photo.

1. Create two layers with a photo on each. The top image will be the mask. Meaning the black areas of this photo will allow the lower photo to show through.
2. Select both photo’s
3. From top menu select Modify/Mask/Group as Mask.

Creating bitmap masks with a Montage

1. Put a backgrounf photo on your background layer.
2. Put another Photo on a layer above.
3. Repeat (2) for other montage images.
4. Select each photo in turn and select the area you want viewable.  Then click on “Add Mask” in the layers panel.  The photo will now crop to the selection.
5. Repeat for all images in montage.
6. Select all photos and apply border effects using Filters/Photoshop Live Effects in the properties panel.
7. Individually select and position each photo for your montage layout.
8. Remember you can still select what you see of each photo by selecting it and dragging the mask centre point.

How to Convert Bitmaps to Vectors

1. Use the Magic Wand tool to select an area. Adjust the tolerance to improve the selection. Use Shift and Alt to either Add or Remove to the selection.
2. The Lasso tool can also be used in the same way to add and remove to the selection.
3. You can save the selection using Select/Save Bitmap Selection.
4. You can convert the selection to a Vector using Select/Convert Marquee to Path.

Vector Masks
These can be used for placing an image on a defined shape and for fading in and out two pictures.

1. Put the required shape on to the canvas.
2. position the image above it.
3. Produce another copy of the shape for the mask. Do this by clicking on the original shape in your layers panel and dragging it down to the “New Bitmap Image” button at the bottom of the layers panel.
4. Select the top original rectangle and press Ctrl + X (cut)
5. Select the image in the layers panel and then Edit/Paste as Mask.
6. The image can be repositioned on the shape by selecting it then click and drag on the centre thumb.
7. To create photo’s fading in the process can be repeated.  Place the two photo’s on the canvas. Select the top photo then Commands/Creative/Auto Vector Mask.  Pick a preference and edit using the properties panel.

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 point or close the vector by selecting the last point.  In all cases closing the vector will automatically fill it with any selected fill.

To create curves do not release the click. Instead click and drag. To come off a previous curve point with a straight line reclick on it first. As a guide the drag length usually equals about one third of the curve length.

Once you have created your vector further editing can take place. Using the pen tool extra point can be added by selecting the vector then clicking on the vector line. Points can be removed by clicking on it with the pen tool. Clicking and dragging a point converts it into a curve point, similarly a curve point can be made straight by clicking on it.

When using the pen tool the pen icon displays symbols denoting the following :
0 = close shape
> = convert to corner
+ = add additional point
- = Remove point

The sub selection tools allow you to drag points out. Multiple points can be selected.

The Freeform Tool
This tool allows you to pinch in holes when going from outside in. Or extend the image out when going from the inside out.  In all cases the vector must be selected and you use a click and pull technique.

The Reshape Tool
This is used to reshape tools. It can be used to apply a fixed colour fill.  One methos to create a 3D sheen effect is :

1. Apply a gradient fill to a shape, Type ellipse.
2. Make sure the colour is graduated to white for the sheen.
3. Position the gradient guides to get the effect.

Auto Shapes
Under the rectangle tool are the Auto Shapes. In here are many useful shapes and functions. Additional shapes are located in the Shapes panel on the right.
The “Measure” Shape can be used to measure and annotate distances.
The “Annotation” shape allows annotations and notes to be applied to the canvas.
The “Time Saved” stamp applies a saved stamp to the canvas.
The “Flow Chart” shape is for creating diagrams and flow charts.
The “File Info” shape stamps the file information onto the canvas.

The Measure Tool
select hte measure tool in the Vector toolbox. Click and drag to create measurements between points.

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 and scaled.  They can also be made available to all future documents by selecting it, then choosing “Save to Common Library” from the right hand panel options. By default it is saved in the “Common Library/Custom Symbols” folder with a .animation.png extension.

There are 3 symbol types : Graphic, Button and Animation.

Creating a Graphic Symbol

• Create an image and select it
• Convert this image(s) to a symbol by F8 or Modify/Symbol/Convert to symbol. Name is and select “Graphic”
• To place more instances of the symbol onto the canvas either drag them out from the Document Library or hold ALT and drag then out from the original copy on the canvas.
• Double clicking on the symbol enters edit mode.   Edits will apply to all instances.

To convert multiple images into  single symbol with 9-slice scailing.

• Use the rectangle tool to select a group of images. Make sure in the properties pane you have no fill and a border set.
• Convert to a symbol using F8. Selecting Graphic and 9-Slice scaling.
• Double click on the new symbol to enter scaling edit mode. Drag the guides to select the are to preserve when scaling (area not to be stretched)
• Now when you use instances of the symbol you can click on it and drag its size out.

Button symbols

This allows you to create buttons and navigation. 4 states can be created for use on web sites (over, down, up, selected)

• draw a button on the canvas and select all elements.
• Convert them to a symbol using F8. Name it and select “button”
• To create an “Up” state double click the button to enter Edit mode. Click away from it then select “Over” under state in the properties pane. Then pick “Copy Up Graphic” to copy up the image for editing to the Over version.
• To create moe buttons, drag them out onto the canvas sing ALT and drag. remember to change the button labels.

Creating an Animation symbol

• Select your images and convert to a symbol. Name it and pick “animation”
• In the pop up animation box pick ; 5 states, Move 250. Click OK.
• Choose Modify/Fit to Canvas if you want to size the animation. Make adjustments by dragging the animation line.

Editing a single Instance of a Symbol

To edit a single instance of a symbol you can either edit that particular instance, but with limited editing (resize, filters, opacity etc).  Or detach it for full editing capabilities using Modify/Symbol/Break Apart.  Now ungroup all its elements for editing using Modify/Ungroup.

Adding Component Symbols to a Design

Component symbols are in the “Common Library” and are pre made symbols.  Double click on one to edit, making sure 9-slice scaling is on.  Check the scaling guides then step back and drag size of symbol to your requirements.

Importing and Exporting Symbols

Symbols can be exported for emailing etc by. Options/Export Symbols/ select and export.  They can be imported by going to the Document Library the options/Import.

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

Importing Text
Select the text file to import using  File/Import. Then select the text file and  drop it on the canvas using click and drag.

Making Text follow a path

1. Type in your text
2. Select the Pen tool and click and drag a path out (double click to end the path)
3. Select the Pointer tool then select text and Path line. Select Text/Attach To Path
4. The text can be edited and the path can be reprofiled using the sub selection tool.
5. To re profile text then select the text then Text / Orientation / …

Wrapping Text within a container

1.  Create your paragraph of text on the canvas.
2. Create your container shape. Maybe by drawing a number of shapes. Then Modify/Combine PAths/Union to form a single shape.
3. Select your text and drag it over the container. Then shift click to select the container as well
4. Select Text/Attach in Paths.
5. Use the sub selection tool to drag container points to a new shape.

Wrapping Text around a Picture.

1. On your canvas you should have a few paragraphs of text and your image placed over it to the right.
2. We first need to create a container representing the text box to go around the image :-
3. - Draw a rectangle (box 1) covering the text and image.
4. -Position your image on the top layer so that you can see it
5. - Now create another rectangle (box 2 ) slightly bigger than the image. This represents the text no go area.
6. - Select box 1 and box2. Then select “punch paths” in the Paths panel or Modify/Combine Paths/Punch.  Box 1 now represents the text container
7. To now put the text into this container we select it and the text. Then Text/Attach in Path.
8. The text now wraps around the image and is still editable. With the Sub Selection tool the wrap shape can be edited.

Using Text as a Mask

1. Starting condition is Text on top layer. Image 1 on middle layer and Image 2 on bottom layer. Image 1 is used as fill in for the text. (text is a mask for image 1) and sits on Image 2
2. Select the text then Edit/Cut
3. Select Image 1 Edit/Paste as Mask.
4. Select the text to apply filters like drop shadows etc. To make fills and strokes visible make sure the “Show and Fill” Selection box is ticked
5. To move the masked image (1) around on the text drag the centre thumb with the text selected.

Keeping Crisp Text when Optimising
When you optimise an image with text in it make sure you check the “Selective Quality” panel.  In the optimise panel enable it in the pop up and set a value of 80. Also check the “Preserve Quality” box.

How to Create Blurred Effect Text
Blur your text using the properties Filter/Blur. Then copy the text and remove the blur effect from one copy.

How to apply Styles to text
Select your text. then in the styles panel in the drop down box select your style. Or use “Photoshop live Filters” in the properties filter selection.  If you create your own style (combination of filters) you can save it in the style panel options.

Image Slicing
This cuts up a design into small images for use in a Dreamweaver table layout.

1. Use the slice tool to drag out slice elements.
2. Rename the slice layers.
3. In the slice properties set the file Type, Link, Alt Tag and  Target.
4. Set the optimise panel for the prefered export file type.
5. Select File/Export and fill out the properties for export. (html and images). In the Options/Tables/Space With : select “single table no spaces”
6. For creating dummy html/code/text slice areas, repeat as above but select type as html. You then get an option button to add code/text.
7. To export a single image, select slice then right mouse click and select “Export selected slice”
8. If using the Polygon slice tool keep the number of points small.
9. To automatically slice an image. Select it then Edit/Insert/Rectangle Slices (use shift key for multiple images).