Fireworks+and+PhotoShop

Fireworks and PhotoShop Notes
the test questions will say FW, PS, and/or Flash -- that means this question is true in Fireworks, Photoshop, and/or Flash

Shortcut keys you will need: Ctrl + Z = undo Ctrl + X = cut Ctrl + C = Copy Ctrl + V = Paste Ctrl + S = Save

4 kinds of files Fireworks - **.png** is the native file. You can edit this file in Fireworks. You can put it on the web but it is usually a bad idea. These files are too large to work well on the web. It takes too much time for them to load.

Photoshop - **.psd** is the native file. It is also too big to be used on the web. Files should be exported to one of the next 2 formats.


 * .jpg** - used for photographs
 * .gif** - used for images that could be drawn

What's the magic wand used for? select same color and delete all at once - why we took our pictures with a white or green background

What does the seletion tool look like? arrow

What happens if you take a small picture and make it bigger? looks pixelated - jagged edges

How do you draw a perfect circle or square? Use the shift key

On screen resolution is 72 pixels per inch. No need to make it bigger if using on the web.

Never upload a Photoshop file unless you have saved it for the Web!

Crop the part you want to use Use the magic wand to delete areas that are contrasting colors Use the eraser to delete other areas Use the clone tool to cover over some things Size the picture to match what you want to use it for
 * Useful Techniques in editing a picture in Fireworks** **(YOU MUST KNOW THESE)**

You have taken a photograph and you want to use it on your web site. Explain the steps you would go through in Photoshop in order to get the picture web-ready. **(YOU MUST KNOW THESE)** 1. open the picture in Photoshop 2. Lighten or darken the picture as needed 3. Crop the picture 4. change the image size to fit on your web page 5. Save for use on the Web and make sure it is a jpg

Choose the black and white circle to color correct - can use layers, color balance

To size it - Image - Image Size

Can put text over an image - new layer - use text tool

Burn and Dodge - burn - darker; dodge - lighter

Thumbnails - be sure to know what these are used for - Smaller image that links to a bigger image. So your don't make the page size too large. Like when you do a google image search. You get a small look at the images. When you click on it, you get the larger version.


 * Making Buttons in Fireworks** **(YOU MUST KNOW THESE)**
 * 1) Draw the shape
 * 2) Type the text on it
 * 3) Bevel the edges
 * 4) Color the shape and bevel the way you want it to be
 * 5) Trim canvas
 * 6) Use the export wizard so you can select Alpha Transparency
 * 7) Open Dreamweaver and use the "tree" button to insert the image
 * 8) Link the button to the correct page and test it