Se puede copiar toda o parte de una imagen de Photoshop y pegar la selección en la página de Dreamweaver como una imagen para la Web. Puede copiar una capa o un grupo de capas de una zona seleccionada de la imagen o copiar un corte de la imagen. No obstante, al hacerlo, Dreamweaver no crea un objeto inteligente.
Estado de objeto inteligente
Descripción Acción recomendada
Imágenes sincronizadas La imagen Web está sincronizada con el contenido actual del archivo original de Photoshop. Los atributos de ancho y alto del código HTML coinciden con las dimensiones de la imagen Web.
Ninguna
Activo original modificado El archivo original de Photoshop se ha modificado tras la creación de la imagen Web en Dreamweaver.
Utilice el botón Actualizar desde original del inspector de propiedades para sincronizar las dos imágenes.
Las dimensiones de la imagen Web difieren de los atributos de ancho y alto HTML seleccionados
Los atributos de ancho y alto del código HTML son diferentes de las dimensiones de ancho y alto de la imagen Web que Dreamweaver creó en el momento de la inserción. Si las dimensiones de la imagen Web son más pequeñas que los valores de ancho y alto HTML, es posible que la imagen Web se muestre pixelada.
Utilice el botón Actualizar desde original del inspector de propiedades para volver a crear la imagen Web a partir del archivo original de Photoshop. Dreamweaver utiliza las dimensiones de ancho y alto HTML especificadas al volver a crear la imagen. Las dimensiones del activo
original son demasiado pequeñas para los valores de ancho y alto HTML seleccionados
Los atributos de ancho y alto del código HTML son mayores que las dimensiones de ancho y alto del archivo original de Photoshop. Es posible que la imagen Web se muestre pixelada.
No cree imágenes Web con dimensiones mayores que las del archivo original de Photoshop.
No se encuentra el activo original
Dreamweaver no encuentra el archivo original de Photoshop especificado en el cuadro de texto Original del inspector de propiedades.
Corrija la ruta de archivo indicada en el cuadro de texto Original del inspector de propiedades o mueva el archivo de Photoshop a la ubicación actualmente especificada.
Nota: Aunque la funcionalidad Actualizar desde original no está disponible para imágenes pegadas, puede abrir y editar el archivo original de Photoshop seleccionando la imagen pegada y haciendo clic en el botón Editar en el inspector de propiedades.
1 En Photoshop, siga uno de estos procedimientos:
• Copie una capa o parte de ella utilizando la herramienta Recuadro para seleccionar la parte que desea copiar y elija Editar > Copiar. Con esto sólo se copia la capa activa del área seleccionada en el portapapeles. Los efectos basados en capas no se copian.
• Copie y combine varias capas utilizando la herramienta Recuadro para seleccionar la parte que desea copiar y elija Editar > Copiar fusionado. Esto acopla y copia en el portapapeles las capas activa y que se encuentren debajo del área seleccionada. Se copian los efectos basados en capas que estén asociados a cualquiera de estas capas.
• Copie un corte utilizando la herramienta de selección para seleccionarlo y elija Editar > Copiar. Esto acopla y copia en el portapapeles las capas activas y las que se encuentren debajo del corte.
Puede elegir Seleccionar > Todo para seleccionar rápidamente la imagen que desee copiar.
2 En Dreamweaver (vista de Código o Diseño), sitúe el punto de inserción en el lugar de la página donde desee insertar la imagen.
3 Seleccione Edición > Pegar.
4 En el cuadro de diálogo Presentación preliminar de la imagen, ajuste la configuración de optimización como sea necesario y haga clic en Aceptar.
5 Guarde el archivo de imagen para la Web en una ubicación dentro de la carpeta raíz de su sitio Web.
Dreamweaver define la imagen de acuerdo con su configuración de optimización y sitúa una versión para la Web de su imagen en su página. La información sobre la imagen, como la ubicación del archivo original PSD, se guarda en una Design Note, sin tener en cuenta si se ha activado Design Notes para su sitio. La Design Note permite volver a editar el archivo fuente original de Photoshop desde Dreamweaver.
Para ver un tutorial sobre cómo copiar y pegar entre diferentes aplicaciones, incluidas Dreamweaver y Photoshop, consulte www.adobe.com/go/vid0193_es.
Más temas de ayuda
“Integración de Photoshop, Flash y Fireworks” en la página 369
“Configuración de las opciones del cuadro de diálogo Presentación preliminar de la imagen” en la página 382 “Dreamweaver y accesibilidad” en la página 698
Tutorial sobre copia/pegado entre productos
Edición de imágenes pegadas
Tras pegar imágenes de Photoshop en las páginas de Dreamweaver, podrá editar el archivo PSD original en Photoshop. Si se utiliza el flujo de trabajo de copia/pegado, Adobe recomienda realizar siempre las modificaciones en el archivo PSD original (en lugar de en la imagen para Web) y luego volver a pegar la imagen para mantener un único archivo de origen.
Nota: Asegúrese de que ha establecido Photoshop como principal editor externo de imágenes para el tipo de archivo que desea editar.
1 En Dreamweaver, seleccione una imagen para Web creada en Photoshop y siga uno de estos procedimientos:
• Haga clic en el botón Editar del inspector de propiedades de imagen.
• Presione Control (Windows) o Comando (Macintosh) y haga doble clic en el archivo.
• Haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en una imagen, seleccione Editar origen con en el menú contextual y elija Photoshop.
Nota: Esto supone que Photoshop está definido como el editor principal de imágenes externo de los archivos PSD. También puede configurar Photoshop como editor predeterminado para los archivos JPEG, GIF y PNG.
2 Edite el archivo en Photoshop.
3 Regrese a Dreamweaver y pegue la imagen o selección actualizada en la página.
Si desea volver a optimizar la imagen en cualquier momento, seleccione la imagen y haga clic en el botón Editar configuración de imagen en el inspector de propiedades.
Más temas de ayuda
“Edición de imágenes en Dreamweaver” en la página 245 “Utilización de un editor de imágenes externo” en la página 249
“Configuración de las opciones del cuadro de diálogo Presentación preliminar de la imagen” en la página 382