Inserting Photoshop .psd documents directly - Photoshop Smart Objects

Contact Us or call 1-877-932-8228
Inserting Photoshop .psd documents directly - Photoshop Smart Objects

Inserting Photoshop .psd documents directly - Photoshop Smart Objects

Dreamweaver allows you to insert Photoshop PSD files directly into a page. Dreamweaver will watch the original document for changes. To illustrate:

  1. Open ClassFiles/Dreamweaver/Exercises/hello-word-with-psd.html in Dreamweaver.
  2. Insert ClassFiles/Dreamweaver/Images/world.psd beneath the "Hello world!" heading. The Image Optimization dialog will come up:
  3. Make any modifications you like and save the image as a JPEG in the Images folder. The image will show up like this:

The Image Optimizaton dialog box replaces the Image Preview dialog box in CS5.

If the original PSD file is changed, the top portion of the arrow (circled in the image above) will change from green to red. Right-click on the image and select Update from Original to have the changes applied to the JPEG as well.

Next