Acerca de los objetos inteligentes y los flujos de trabajo entre Photoshop y Dreamweaver

Flujo de trabajo de copia y pegado

El flujo de trabajo de copia y pegado permite seleccionar sectores o capas en un archivo de Photoshop y, a continuación, usar Dreamweaver para insertarlos como imágenes preparadas para Web. El inconveniente radica en que, si más adelante desea actualizar el contenido, debe abrir el archivo de Photoshop original, realizar los cambios oportunos, volver a copiar el sector o la capa en el Portapapeles y, por último, pegar de nuevo la capa o el sector actualizado en Dreamweaver. Este flujo de trabajo sólo se recomienda para insertar parte de un archivo de Photoshop (por ejemplo, una sección de un componente de diseño) como imagen en una página Web.

Flujo de trabajo de objetos inteligentes

Si va a usar archivos completos de Photoshop, Adobe recomienda el flujo de trabajo de objetos inteligentes. En Dreamweaver, un objeto inteligente es un elemento de imagen colocado en una página Web que cuenta con una conexión dinámica con el archivo original de Photoshop (PSD). En la vista Diseño de Dreamweaver, los objetos inteligentes se señalan con un icono situado en la esquina superior izquierda de la imagen.

Objeto inteligente

Cuando la imagen Web (es decir, la imagen que aparece en la página de Dreamweaver) no está sincronizada con el archivo de Photoshop original, Dreamweaver detecta que éste se ha actualizado y muestra en color rojo una de las flechas del icono que corresponde al objeto inteligente. Basta con seleccionar la imagen Web en la vista Diseño y hacer clic en el botón Actualizar desde original del inspector de propiedades para que la imagen se actualice de forma automática y refleje los cambios realizados en el archivo de Photoshop original.

Si emplea el flujo de trabajo de objetos inteligentes, puede prescindir de Photoshop a la hora de actualizar las imágenes Web. Además, las actualizaciones de los objetos inteligentes de Dreamweaver no son destructivas, Es decir, aunque cambie la versión Web de la imagen de su página, conserva intacta la imagen original de Photoshop.

También puede actualizar objetos inteligentes sin seleccionar la imagen Web en la vista Diseño. El panel Activos permite actualizar todos los objetos inteligentes, incluidas las imágenes que no se pueden seleccionar en la ventana Documento (por ejemplo, las imágenes de fondo CSS).

Configuración de optimización de la imagen

En ambos flujos de trabajo (tanto de copia y pegado como de objetos inteligentes) puede especificar una configuración de optimización en el cuadro de diálogo Vista previa de imagen. En este cuadro de diálogo puede definir opciones como, entre otras, el formato de archivo o la calidad de la imagen. Si es la primera vez que copia un sector o una capa o que inserta un archivo de Photoshop como objeto inteligente, Dreamweaver muestra este cuadro de diálogo para facilitarle la creación de la imagen Web.

Si pretende copiar y pegar una actualización de un sector o una capa en concreto, Dreamweaver recuerda la configuración original y recrea la imagen Web con ella. De igual modo, al actualizar un objeto inteligente con el inspector de propiedades, Dreamweaver usa la misma configuración empleada al insertar por primera vez la imagen. No obstante, la configuración de la imagen se puede modificar en cualquier momento. Para hacerlo, seleccione la imagen Web en la vista Diseño y, luego, haga clic en el botón para editar la configuración de la imagen en el inspector de propiedades.

Almacenamiento de archivos de Photoshop

Si inserta una imagen Web pero no guarda el archivo de Photoshop original en el sitio de Dreamweaver, la aplicación reconoce la ruta al archivo original como una ruta de acceso a archivo local absoluta en ambos flujos de trabajo, de copia y pegado y de objetos inteligentes. Por ejemplo, si la ruta al sitio de Dreamweaver es C:\Sitios\miSitio y el archivo de Photoshop está almacenado en C:\Imágenes\Photoshop, Dreamweaver no reconoce el activo original como parte del sitio denominado miSitio. Esto puede ser fuente de problemas si alguna vez decide compartir el archivo de Photoshop con otros miembros del equipo puesto que, para Dreamweaver, el archivo sólo se encuentra disponible en una unidad de disco duro local concreta.

En cambio, si almacena el archivo de Photoshop en el sitio, Dreamweaver establece una ruta de acceso al archivo relativa con respecto al sitio. Así, todos los usuarios que dispongan de acceso al sitio pueden establecer la ruta correcta de acceso al archivo, siempre que también se les proporcione para la descarga el archivo original.

Para ver un tutorial en vídeo acerca del flujo de trabajo de los objetos inteligentes en Photoshop y Dreamweaver, visite http://www.adobe.com/go/lrvid4043_dw_es.