Learn about editing Images in Dreamweaver and Photoshop in this Adobe Dreamweaver CS3 Essentials training video series.
Tags:adobe,adobe dreamweaver cs3,edit,essentials,images,photoshop,total training
Grab video code:
Once you have an image in Dreamweaver, you actually can still do a fair amount of editing right within Dreamweaver. You will find some editing tools in the Properties Inspector at the bottom of the work area when you select the image.
So for example, if I wanted to crop this image, I could use the Cropping Tool. When I do, Dreamweaver is going to give me this warning, that the action you are about to perform will permanently change the image.
Now, it won't actually permanently change this image until you save the changes you are making in the page. So you do have one level of undo when you use this feature. Of course, you can always click the Don't show me this message again button if you want to, but let's just say OK for now.
The Cropping Tool in Dreamweaver works much like any Cropping Tool you might have used in another image editing program. You can click and drag to expand or contract the edges, and if you click in the middle, you can move around.
So when you get it where you want in terms of cropping, you can simply double click to actually make the crop. If I Undo right now, I do have one chance to reverse that action, but remember, as soon as you save your page, that crop is saved and the image is for ever changed.
There are a couple of other simple editing tools here like Brightness and Contrast. Again, Dreamweaver letting me know that this will actually change the image, but you can make a image a little brighter, give it a little more contrast. Of course, if you are a regular Photoshop user you know you can get much more precise control over these kinds of adjustments in Photoshop using Levels or Curves than you ever could with this very simple Brightness and Contrast Tool. So I will Cancel out of that one.
You also have a Sharpness Tool. So you can sharpen your image just a little bit, although again, you can get more precise control in most good image editors.
So if you wanted to go back to your Image Editor and make more changes to this image outside of Dreamweaver, you might appreciate this little icon. If I click on the Photoshop icon here, look what happens. Dreamweaver not only launches Photoshop, it opens the image in Photoshop. So now if I want to make changes here, let's say for example, I want to put a border around the image. I can go up to Canvas Size; I am using standard Photoshop tools, let me just add a 5 pixel border around the edge here. Now you see I have got a nice thick black line.
You can do this with styles in Dreamweaver, but to show you how this works, now let me Save this in Photoshop. I will keep the JPEG options set to 8 there. When I switch back over to Dreamweaver using Alt+Tab or Command+Tab, you can see here now the same image with the border I just added in Photoshop.