Dreamweaver a los fuegos artificiales: edición de imágenes

Supongamos que usted tiene un logotipo en su página web y su cliente de repente quiere en un color diferente. Normalmente, esto significaría lanzar otro programa de edición de imágenes, el rastreo del logotipo, abrirlo, editarlo, guardarlo, cambiar de nuevo a Dreamweaver, y luego volver a importar el logotipo en su página. Uf, eso es un montón de pasos. Uso de las funciones especiales de integración entre Dreamweaver y Fireworks, sin embargo, simplifica enormemente todo el proceso - un par de clics del ratón pueden reemplazar todas esas otras tareas que consumen mucho tiempo.

Los siguientes pasos muestran cómo seleccionar una imagen en Dreamweaver, automáticamente abrirlo en Fireworks, editarlo, y actualizar la imagen de nuevo en Dreamweaver con sólo unos clics del ratón.

Para iniciar Fireworks directamente desde Dreamweaver y editar una imagen existente, siga estos pasos:

1. En Dreamweaver, seleccione una imagen .jpg o .jpg que desee editar.

2. En el inspector de propiedades, haga clic en el botón Editar.

El cuadro de diálogo Buscar fuente que le pregunta si desea editar un documento existente para la fuente del archivo que ha seleccionado.

3. Haga clic en una de las opciones en el Find Fuente de cuadro de diálogo de edición.

Al hacer clic en Sí le permite seleccionar un archivo diferente del archivo de imagen optimizada real en su página. Por ejemplo, puede seleccionar una versión PNG del gráfico optimizado (que puede haber sido el archivo original desde el que ha exportado la versión web optimizada del gráfico de la página). Al hacer clic en No se abre el archivo de origen que seleccionó en Dreamweaver (GIF real o JPEG que está vinculado en la página).

Si hace clic en No, Fireworks pone en marcha con la imagen GIF o JPEG que ha seleccionado. Si hace clic en Sí, Fireworks le permite elegir una imagen alternativa y lanza al abrir la imagen alternativa en un nuevo documento. Si ha creado la imagen original en Fireworks, la imagen alternativa será un archivo PNG. PNG es el formato de archivo nativo de Fireworks. Si ha creado la imagen original en otro programa de gráficos, por ejemplo, PhotoShop, el archivo de origen es un PSD. Fuegos artificiales ¿Apoya archivos más .PSD creado en Photoshop 6 o superior.

Debido a que el archivo de origen de la imagen utilizada en su página Web, probablemente, se optimizó anterior, la edición de una imagen GIF o JPEG optimizado normalmente no te da los mejores resultados de calidad de imagen después de editar, volver a optimizar y reexportación de nuevo en Dreamweaver. Volviendo a la versión original, pre-optimizado del gráfico que da la opción de volver a empezar desde cero. Al hacer clic en Sí en el Find Fuente de cuadro de diálogo de edición, puede seleccionar un archivo diferente del gráfico fuente optimizado. Si ha exportado la imagen de un archivo PNG, puede seleccionar el PNG en cambio, editar una versión de mayor calidad del archivo y exportarlo sin sufrir degradación de la imagen adicional.

Después de hacer clic en Sí o No, el documento de imagen se abre en Fireworks.

4. Realice los cambios que usted necesita para hacer a la imagen en Fireworks.

Usted puede hacer cualquier cambio o edición en la imagen utilizando cualquiera de las herramientas de Fireworks, así como utilizando el panel Optimizar para cambiar los ajustes de optimización para el archivo.

5. Cuando haya terminado de editar la imagen, haga clic en el botón Listo en la ventana de documento de Fireworks.

Después de hacer clic en el botón Listo, el documento de Fireworks se desvanece a un segundo plano, y el documento de Dreamweaver viene automáticamente a la vista. La imagen se actualiza automáticamente en la página, lo que refleja las recientes modificaciones sin necesidad de ninguna otra acción de su parte que no sea guardar el documento.

Después de pulsar el botón Hecho en Fireworks, no se puede deshacer los cambios realizados en los archivos de imagen al seleccionar el comando Deshacer. Los cambios son permanentes.