Compatibilidad entre Dreamweaver CS4 y Photoshop

Hace dí­as habí­a discutido un poco sobre la conveniencia de los usuarios de aplicaciones Adobe de preferir el uso del formato .psd sobre otros formatos como .eps y .tiff y aunque dicho post tuvo opiniones encontradas (lo cual es natural), la compatibilidad de Dreamweaver CS4 con el formato .psd me convence aún mas de las ventajas de usar este formato.

dream-phot-compat

Dreamweaver CS4 ha mejorado la compatibilidad con Photoshop mediante una nueva caracterí­stica llamada Smart Object (tiene el mismo nombre que una caracterí­stica de Photoshop pero no se trata de lo mismo) que permite insertar archivos .psd los cuales son optimizados y guardados en el formato para web (jpg, gif o png). Lo interesante es que la imagen optimizada queda vinculada con el archivo original .psd de manera que en cualquier momento se puede llamar este .pds desde Dreamweaver para editarlo en Photoshop con la ventaja de que la imagen optimizada se actualizará automáticamente en Dreamweaver.

Ahora aprendamos a usar esta caracterí­stica:

  • En Dreamweaver insertas una imagen en formato .psd mediante el menú Insert/Image o arrastrándola desde Bridge con lo cual obtendremos esta una ventana muy similar a la ventana Save for Web y Devices.

optimiz_dream

  • En esta ventana seleccionamos los ajustes de optimización y al presionar OK nos a aprece la ventana Save Web Image donde escogemos el nombre y ruta donde guardamos la imagen ya optimizada. Naturalmente la guardamos en la carpeta de imagenes de nuestro site y finalmente tendremos la imagen optimizada en el archivo de Dreamweaver con un í­cono en la parte superior izquierda de la misma la cual nos indica que es un Smart Object.

dream-phot-compat2

  • En panel de propiedades veremos la ruta del archivo optimizado (Src) y un poco más abajo la ruta del archivo psd (Original). A la derecha vemos un í­cono de Photoshop (Edit) dondo haremos click para editar la imagen original. Después de editar la imagen grabamos los cambios y al regresar a Dreamweaver veremos que ha cambiando  el color de una de las flechas del í­cono Smart Object de la imagen lo cual indica que hay cambios en el psd que deben actualizarse en la imagen optimizada. Para actualizar los cambios haces click derecho sobre la imagen y escoges la opción “Update from Original“.

Esta es sin duda una de las caracterí­stica de Dreamweaver CS4 que más agradecerán los diseñadores web.

¿Dudas y preguntas? Visita nuestros foros Xpert.

One thought on “Compatibilidad entre Dreamweaver CS4 y Photoshop

  1. […] Dreamweaver+Photoshop] El blog de Creative XPert nos hace un repaso de cómo funcionan los nuevos objetos inteligentes en Dreamweaver CS4. […]

Leave a Reply

Your email address will not be published. Required fields are marked *