If your websites use a lot of images, you have probably spent a lot of time jumping between Dreamweaver and Photoshop to make changes, and then you've spend some more time trying to keep track of which files are current and which ones need to be synched.
Smart objects in dreamweaver and photoshop-key difference
1. Using Smart Objects in Dreamweaver and Photoshop
If your websites use a lot of images, you have probably spent a lot of time jumping between
Dreamweaver and Photoshop to make changes, and then you've spend some more time trying to
keep track of which files are current and which ones need to be synched.
Today we are going to help you cross that nightmare off your task list. By using Smart Objects in
Dreamweaver CS6, you can keep your images in sync automatically.
Images probably convey a great bit more of the message of the websites that you build in
Dreamweaver. If your site is photo-based, like the portfolio of a photographer, then images might
even be the main part of your message, although many sites will use images primarily just to
supplement the text.
Whatever important images are to your particular site, you will need to create a workflow so you
can place any images on your site. This means that you have to figure out a way to prepare all the
images you have in Photoshop and then place them into your web pages in Dreamweaver. One of
the nice things about Adobe is that they have built image integration into both Photoshop and
Dreamweaver, so it is now possible that you can start with an image in Photoshop and then bring it
directly into Dreamweaver without having to go through various processes that used to take a lot
more time than you really wanted to spend. When your clients inevitably do want to see some
changes in their websites, all you have to do is to can make your changes to the original image in
Photoshop. Those changes will then reflow through over to Dreamweaver, saving you a lot of time
in image replacement.
Making Images into Smart Objects
Images in Dreamweaver that are linked to the original files in Photoshop are called Smart Objects.
You can pick a Photoshop file in Dreamweaver's Select Image Source dialog and place that file
directly into your Dreamweaver web page. The image file is copied and then placed into
Dreamweaver in whatever format you originally chose, from JPEG, GIF, or even PNG, as a Smart
Object. This maintains a link to the original Photoshop .psd file. Then, when the .psd file is updated
and saved, Dreamweaver tells you that the file has changed, so you can update the copy of it in your
Dreamweaver document. Also, Dreamweaver remembers the path to the Photoshop source file, and
allows you to be able to reopen the image file for modifications in Photoshop.
Possibly the biggest benefit of the Smart Object approach is that you can use a single .psd file in
several locations in your site. When you decided to update the Photoshop file, you can update any
Smart Objects that are based on the file throughout your site, and do it all at once. You can even
have multiple Smart Objects on a single page, in different sizes, or even cropped differently, and
they will all be linked to the same Photoshop file. You also can update each Smart Object as well.
2. Now jumping between Dreamweaver and Photoshop just to make changes is a thing of the past.
Using Smart Objects is the KEY to finally crossing that nightmare off your task list.