Tecnología

Inicio

Cómo codificar y rebanada en Photoshop

Adobe Photoshop ofrece a los diseñadores web maneras fáciles de crear y gráficos de código. Ya sea que necesite una barra lateral o cabecera con múltiples enlaces, la herramienta de corte permite cortar una imagen, agregar código para los enlaces y sin problemas guardar las finas imágenes todos juntos. Photoshop también organiza y los nombres de cada rebanada para que pueda realizar un seguimiento de cada enlace que se crea.

Instrucciones

1 Abrir un gráfico para cortar en Photoshop. Añadir cualquier efecto antes de cortar y guardar.

2 Haga clic en la herramienta de la "rebanada" de la caja de herramientas de la izquierda. La herramienta de la "rebanada" se parece a una pluma de lado situada debajo de la herramienta "Recortar".

3 Haga clic y arrastre alrededor de las cajas en la que desea codificar enlaces para su gráfico - por ejemplo, si sus gráficos de cabecera tienen el texto que se interponen para los enlaces. Arrastre cajas separadas alrededor de cada parte del texto. La herramienta de corte añade números y describe cada caja en azul.

4 Haga clic en el primer cuadro de la rebanada y haga clic en "Editar opciones de división." Introducir el código para sus enlaces en este cuadro de diálogo. Introduzca los valores de "URL", "objetivo", "Texto del mensaje" y "etiqueta Alt." Ingrese sólo un valor para la dirección URL si no necesita los otros valores.

5 Enter "_blank" de "destino" para forzar una nueva ventana que se abra cuando se hace clic. Ajuste "El mensaje" a una frase para mostrar a través del enlace. Escribir una frase para la "etiqueta Alt" para que aparezca cuando un ratón pasa por encima del enlace. Haga clic en "Aceptar" cuando haya terminado.

6 Haga clic en "Archivo" y seleccione "Guardar para Web y dispositivos." Elija el formato de archivo preestablecido desde la esquina superior derecha. Un formato PNG es necesaria para los gráficos con transparencia. Haga clic en "Guardar" cuando haya terminado.

7 Abra su navegador de Internet. Haga clic en "Archivo" y "Abrir". Encuentra su imagen en rodajas y haga doble clic para abrir. Su imagen se cargará en rodajas para una vista previa. Prueba de los enlaces en la imagen antes de añadir a tu blog o plantilla.