Cómo exportar los documentos de Photoshop en Dreamweaver

Adobe Photoshop le permite crear un diseño dinámico, mientras que Dreamweaver trae a la vida en la codificación HTML. El proceso de exportación no es difícil, pero puede ser un poco metódica, ya que requiere una preparación detallada antes de exportar. documentos Photoshop, comúnmente conocidos como archivos PSD, deben ser editados y configuran como dispositivos web y las imágenes en rodajas para la transferencia a Dreamweaver. A continuación, el archivo tiene que ser importado en Dreamweaver para la codificación HTML. En general, el proceso tarda aproximadamente de 10 a 15 minutos para completar dependiendo de su familiaridad con las herramientas de Photoshop, funciones y componentes.

Instrucciones

PhotoShop PSD corte en lonchas y Prep

1 Acceder a la aplicación Adobe PhotoShop haciendo clic en su icono en el escritorio.

2 Haga clic en el botón de menú "Archivo" en la parte superior de la pantalla y seleccione la acción "Abrir" para cargar el archivo PSD de Photoshop en la aplicación.

3 Seleccione el botón de la barra de herramientas de corte, que muestra una imagen de un cuchillo de cocina. (Esta es la herramienta de corte como el diseño debe ser cortado para fines de codificación HTML.)

4 Trazar sobre las secciones de los diseños para separar los elementos y crear piezas individuales de la disposición.

5 Haga clic en la ficha "Archivo", una vez más, y seleccione la acción "Guardar para Web y dispositivos" en la lista desplegable.

6 Haga clic en el botón "Guardar" en la ventana "Dispositivos Web y" para crear una versión actualizada del documento PSD que será utilizado para la codificación HTML en Dreamweaver.

La importación de Dreamweaver

7 Abra la aplicación Adobe Dreamweaver desde la pantalla del escritorio de su computadora.

8 Haga clic en la opción "HTML" en la sección "Crear nuevo" que se muestra en la ventana "Nueva Configuración de documento".

9 Busque la pestaña "Archivos" en la esquina inferior derecha de la pantalla y haga clic en la ficha de la carpeta "Escritorio Los productos" para ver sus opciones del menú y de la subcarpeta de colapso.

10 Haga clic en la carpeta "Imágenes" que se encuentra dentro de los elementos de escritorio, ya que es la ubicación de la carpeta de archivos que se creó cuando guardó el archivo PSD de Photoshop con los cambios en rodajas. Esta acción importará el documento de Photoshop en rodajas en la plataforma de diseño de Dreamweaver.

Consejos y advertencias

• No exportar el documento de Photoshop sin cortar. Cortar el archivo PSD de Photoshop es extremadamente importante. La herramienta de corte rompe el diseño hacia abajo para que no aparezca como una sola gran imagen. Un diseño es como un gran rompecabezas que ya está elaborado, por lo que desea hacer lo contrario. ¿Quieres romper hacia abajo para que pueda ser plenamente funcional y accesible. Cualquier capa de diseño y elementos que representan los botones, enlaces, cajas, secciones de imágenes y otros elementos que deben ser separados deben ser cortadas en piezas individuales. Estos son los dispositivos web, ya que hacen el sitio web de un sitio web. Sin estos dispositivos, sólo tendrá una imagen fija que se parece a un diseño, pero nada va a funcionar.