How to edit images in Macromedia Fireworks

Transcription

1 How to edit images in Macromedia Fireworks Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 1

2 Contents: 1.Image Size/Canvas Size 2. Cropping 3. Resolution 4. Exporting 5. Cloning 6. Adding text 7. Layers 8. Fading images 9. Brightness and Contrast 10. Rotating Objects 11. Magic Wand Tool Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 2

3 1, Image Size and Canvas Size These are two different things. If you adjust the image size it will change the size of your image. If you adjust the Canvas Size it will change the size of the canvas or background that your image is on. To adjust the image size: Go to Modify Canvas Image Size You should see Adjust to the size you want to use the finished image at. To adjust the Canvas Size: To adjust the Canvas Size, do as above but select Canvas Size instead of Image Size. Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 3

4 2. Cropping Sometime there is part of an image that you don t want included or perhaps you just want to change the shape of your image. Open your image in Macromedia Fireworks Select the Crop Tool Click and drag over the area you want. You can adjust this by moving the black square handles that appear (see below). When you are happy with your selection, Double Click inside the area you have selected to crop it. Go to File Save As Call it Cropped image of.. Using Save As means you can keep the original picture as well in case you want to use it again. 3. Resolution To change the resolution of an image: Got to Modify Canvas Image Size Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 4

5 Adjust the resolution here. If the Constrain proportions box is checked and you make the resolution smaller, the image dimensions will get smaller as well. 4. Exporting To export or change the file format: Open the image you want to use. Got to File Export Preview Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 5

6 You should see Use the Format Box to select the File Format you want You can make other adjustments to the quality of the image by adjusting the Quality box and the smoothing box, all of which will have an effect on the overall file size, which is shown above the image. When you are happy with the settings click on Export and save the image. 5. Cloning This tool is really handy for editing out unwanted items from a picture: Open the image you want to edit Select the Cloning Tool Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 6

7 Select an area of the picture that you want to clone or copy from. In this example I want to get rid of the hand behind the head so I have selected the plain white colour in the background here When you select an area it then shows you the brush size you are about to use. This can be changed here Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 7

8 Use the tool like an airbrush cover up the section you don t want. If you want to change the area you are getting the sample from use the ALT Key on the keyboard and left click the mouse on the area you want to sample or select the clone tool again. Go to file Save As and save your edited image. Using Save As means you can keep the original picture as well in case you want to use it again. 6. Adding Text To add text to an image: Open the image that you want to add text to. Select the Text Tool and click on the image Type out the text you want You can make changes to the colour, size, font, effects etc in the properties box at the bottom of the screen Remember to select the text to get the Properties Box Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 8

9 Font Size Colour Alignment Style Effects When you are happy with you text-effect, go to File and Save As, give it a sensible name and save it into the correct folder. Using Save As means you can keep the original picture as well in case you want to use it again. 7. Layers As you add text or other images on top of your original image you are creating new layers. Think of it as lying down see-through sheets on top of each other. Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 9

10 In Fireworks, you can see the different layer by opening the Layers tab on the right of the screen Hide Layer Delete Layer As each object is added to the original it adds a new layer. Each layer can be changed without effecting the other layers. You can select an object by selecting its layer in the Layers panel. 8. Fading Images This is a nice effects and blends images into the page nicely: Open the image you want to fade Got to Commands Creative Fade Image Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 10

11 Select the edges you want to fade click OK You can adjust the amount of fade by moving the black handles 9. Brightness and contrast This is really useful for lightening up dark images or giving your flat images more definition. Open the picture you would like to lighten up Go to Filters Adjust Colour Brightness/Contrast Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 11

12 Use the sliding bars to adjust the setting until you are happy with the image. Go to Save As Save you picture in the correct folder with a suitable name. Example: Original Image Adjusted Brightness and Contrast 10. Rotating Objects Open the image and add the object you wish to rotate. In this example I want to put the text down the side of the image. Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 12

13 Select the object that you would like to rotate You can either: Hold down Ctrl + T and use the mouse to click and drag the shape around or Got to Modify Transform Free Transform (or chose to rotate by 90 or 180 etc) When you are happy with it go to File Save As and save into the correct folder using a sensible file name. 11. Magic Wand Tool This tool is really good for removing the backgrounds or unwanted sections of images. Open the image that you want to change. Select the Magic Wand Tool Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 13

14 Click on the area that you want to get rid of (it only works if the section you want to get rid of is the same colour or very similar in colour) You will notice that the section has been selected. Press Delete. To make sure it has been deleted Got to Modify Canvas Canvas Colour set to Transparent. (Checked Patern) Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 14

15 You can make the background transparent when it has been put onto another layer. Paste your object onto another layer as shown below Make sure the top layer (dog) is selected. Use the Magic Wand Tool to select the white area (or area you would like deleted). Press Delete Go to File - Save As Save your image in the correct folder with a sensible file name. Imedia Digital Images Unit 1 - How to edit images in Macromedia Fireworks 15