Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Usability

  • Print
  • + Share This
From the author of Updating Smart Objects

Updating Smart Objects

Sometimes it seems almost inevitable that clients will ask for modifications to their images after you've placed them into the website. If you've been using the Smart Objects workflow, it's relatively easy to make the changes in the Photoshop file appear in the Dreamweaver site:

  1. Make the desired changes in the Photoshop image and save the file. In Dreamweaver, click the image that you want to update. Notice that the lower curved arrow in the badge is now red, indicating that the copy of the image in the Dreamweaver document is out of sync with the original Photoshop file (see Figure 7).
  2. Click the Update from Original button in the Property Inspector (see Figure 8), or right-click the image and choose Update from Original on the context menu. The image updates to reflect the changes in the Photoshop document, and the Smart Object badge changes to show that the image is in sync with the source, as shown in Figure 9.

Here's a tip that can save you a lot of time: Update Smart Objects by right-clicking them in the Assets panel and choosing Update from Original on the context menu. What's great about this method? If you've used the Smart Object on multiple web pages, the image is updated on all the pages in your website—you don't need to open them and update each one.

Tom Negrino is the author or coauthor of more than 40 books, covering such diverse topics as iCloud, Dreamweaver, JavaScript, Keynote, Microsoft Office, CSS, and more. His latest book is Dreamweaver CS6: Visual QuickStart Guide

(Peachpit Press, 2012). A longtime contributor to Macworld and other magazines, Tom has lived in the Sonoma wine country with his wife and frequent collaborator, Dori Smith, since they fled the Los Angeles area in 1999.

  • + Share This
  • 🔖 Save To Your Account