Cómo hacer photoshop objetos inteligentes en Adobe Dreamweaver CS6

La capacidad de trabajar con archivos de Photoshop en Adobe Dreamweaver CS6 es útil para la mayoría de los diseñadores que dependen de Photoshop como parte de su flujo de trabajo. Cuando usted pone los archivos de Photoshop en una página, Dreamweaver crea un Objeto inteligente, una imagen que mantiene una conexión con el archivo Photoshop original desde el que fue creado.

La imagen muestra un icono que le permite saber si se ha actualizado el archivo original, y se puede aplicar los cambios en el archivo original de la imagen en un solo clic.

Para colocar un archivo de Photoshop en su página, siga estos pasos:

  1. Haga clic donde desee colocar la nueva imagen y luego haga clic en el botón Imagen en la categoría Común del panel Insertar.

  2. Cuando aparezca el cuadro de diálogo Seleccionar origen de imagen, buscar y seleccionar un archivo PSD de Photoshop y luego haga clic en Seleccionar / OK para seleccionar la imagen.

    Aparecerá el cuadro de diálogo Optimización de la imagen. Este cuadro de diálogo le permite guardar su imagen en el GIF en web amigable, JPEG o PNG.

    imagen0.jpg
  3. En la lista desplegable Preset, seleccione Alto JPEG para la opción de compatibilidad máxima.

  4. Haga clic en Aceptar para guardar la imagen.

  5. Cuando aparezca el cuadro de diálogo Guardar imagen web, navegue a la carpeta raíz de su sitio y haga clic en Aceptar / Guardar para guardar la imagen en la carpeta correspondiente (por ejemplo, la carpeta de imágenes por defecto).

  6. Cuando la Accesibilidad Image Tag Atributos Aparecerá el cuadro de diálogo, escriba una breve descripción, la abreviatura de la imagen (como el Hombre en la bici).

    La nueva imagen se coloca y un pequeño icono aparece en la esquina superior izquierda. Este indicador objeto inteligente muestra dos flechas verdes, lo que indica que la imagen corresponde al día.

Seleccione la imagen que colocó en la lista etapa precedente y localice el campo de texto original en el inspector de propiedades - este campo muestra la ubicación del archivo original de Photoshop. Para editar la imagen, puede simplemente haga clic en el botón Editar en Photoshop en el centro del inspector de propiedades para abrir el archivo de origen en Photoshop.




» » » » Cómo hacer photoshop objetos inteligentes en Adobe Dreamweaver CS6