Cómo hacer un archivo PSD con enlace

Adobe Photoshop le ayuda a gestionar los PSD para la Web. Un archivo PSD se puede dividir (en rodajas) en secciones más pequeñas para reducir el tamaño de archivos en Internet. Cuando se corta una imagen, la imagen original se mantiene intacta. Cada segmento se convierte en una imagen separada dentro de ese archivo, sin embargo, por lo que cada rebanada puede apuntar a una dirección URL diferente (dirección del sitio web). La herramienta "Seleccionar sector" le permite modificar las rebanadas en Photoshop. Puede especificar dónde cada rodaja se vincula a la forma y el enlace se abre cuando se hace clic. Photoshop genera el código HTML para las rodajas al tiempo que conserva su configuración.

Instrucciones

1 Abra el archivo PSD que desea modificar en Adobe Photoshop. Seleccione la herramienta de la "rebanada" de la paleta "Herramientas".

2 Utilizar el ratón para dibujar una caja alrededor de un área de la imagen que desea cortar y hacer que se puede hacer clic. Repita este paso para crear secciones adicionales.

3 Haga clic en la herramienta "Seleccionar sector" de la paleta "Herramientas".

4 Haga doble clic en el sector desea puede hacer clic. Se abre el cuadro de diálogo "Opciones de sector".

5 Para pasar al campo de texto "Nombre". Se rellena previamente con el nombre de su archivo PSD y un número, por ejemplo "myimage_01." Dar la rebanada de un nombre más descriptivo que representa su propósito. Por ejemplo, si los puntos de división a su página de contacto, es posible que el nombre de "contacto".

6 Ir al campo de texto "URL". Escribir la dirección del sitio web que desea que el trozo de enlazar con, por ejemplo, "http://www.mywebsite.com/contact.html."

7 Entrar en la ventana de destino en el campo de texto "Target", tales como "_blank" para abrir el enlace en una nueva ventana.

8 Insertar una descripción de la imagen en el campo de texto "Alt Tag" y haga clic en "Aceptar".

9 Repita los pasos cuatro a ocho a realizar cortes adicionales puede hacer clic.

10 Seleccione "Archivo" y "Guardar para Web y dispositivos." Se abrirá la ventana "Guardar para Web y dispositivos". Seleccione la pestaña "4-Up" en la parte superior del cuadro de diálogo, a continuación, seleccione el panel de vista previa que desea utilizar para reducir el tamaño del archivo.

11 Clic en Guardar." Se le dirigirá a la "Guardar optimizada como" ventana para guardar los archivos optimizados y generar el código HTML.

12 Pick "HTML e imágenes" para la opción "Formato" en la parte inferior del cuadro de diálogo. Introduzca el nombre del archivo HTML que desea crear en el campo de texto "Nombre de archivo". Clic en Guardar."

13 Reducir al mínimo Photoshop y localizar el archivo HTML que guardó. Haga doble clic en el archivo para cargarlo en un navegador Web.

14 Haga clic en un segmento que incluye un enlace URL (añadido en el paso seis). El enlace se abrirá a la ubicación del sitio web especificado.