You can copy all or some of a
Photoshop image and paste the selection into your Dreamweaver page
as a web-ready image. You can copy a single layer or a set of layers
for a selected area of the image or you can copy a slice of the
image.
In Photoshop, do one of the following:
Copy all or part of a single layer by using
the Marquee tool to select the portion you want to copy, and then
choose Edit > Copy. This copies only the active layer for the
selected area into the clipboard. If you have layer-based effects,
they are not copied.
Copy and merge multiple layers by using the Marquee
tool to select the portion you want to copy, and then choose Edit
> Copy Merged. This flattens and copies all the selected area’s
active and lower layers into the clipboard. If you have layer-based
effects associated with any of these layers, they are copied.
Copy a slice by using the Slice Select tool to select
the slice, and then choose Edit > Copy. This flattens and copies
all the slice’s active and lower layers into the clipboard.
You can choose Select > All
to quickly select all of an image for copying.
In Dreamweaver (Design or Code view), place the insertion
point on your page where you want the image inserted.
Select Edit > Paste.
In the Image Preview dialog box,
adjust optimization settings as needed and click Export.
Save the web‑ready image file to a location within your
website’s root folder.
If you have a default images folder and
you save the file to a location outside your root folder, the file
is saved to that location and also copied to your default images
folder.
If you do not have a default images folder and you
save the file to a location outside your root folder, Dreamweaver saves
it to that location and also asks if you want a copy of the file
saved in your root folder. Typically you will choose to accept this
option. If you cancel at this point, the file is not placed in the Dreamweaver page,
although the web-ready image is saved to the external location you
chose.
Dreamweaver defines
the image according to your optimization settings and places a web-ready
version of your image in your page. Information about the image,
such as the location of the original PSD source file, is saved in
a Design Note, regardless of whether you have enabled Design Notes
for your site. The Design Note allows you to return to edit the
original Photoshop file from Dreamweaver.
For a tutorial on
copying and pasting between different applications, including Dreamweaver
and Photoshop, see www.adobe.com/go/vid0193.
Comments
Comments are no longer accepted for Dreamweaver CS3. Dreamweaver CS4 is the current version. To discuss Dreamweaver CS3, please use the Adobe forum.