Adobe Photoshop CS2 y su programa compañero ImageReady son herramientas de gran alcance para los usuarios que quieren tener una aproximación visual al diseño Web. Los usuarios pueden crear rollovers de JavaScript sin tener que introducir ningún código mediante la combinación de las capacidades de diseño gráfico de Photoshop y el comportamiento de la creación de capacidades de ImageReady . La clave del éxito radica vuelcos en la comprensión de las capas en Photoshop. Cosas que necesitará de computadora hotel Adobe Photoshop CS2 software
Mostrar más instrucciones
Crear su botón de
1 Abrir Photoshop y crear un nuevo documento seleccionando "Archivo > Nuevo" del menú de la aplicación . Ajuste el tamaño del documento y haga clic en " Aceptar".
2
Seleccione el " Tipo de herramienta " en el panel de herramientas a la izquierda de su lienzo y haga clic en cualquier lugar en el lienzo para crear un texto punto por el botón ( " sobre " o " cartera", por ejemplo). Establezca los valores de fuente que desee en el panel de opciones de herramienta por encima de la tela y escribe tu texto del botón. Puede mover el texto alrededor moviendo el cursor alejándolo del mismo texto y haciendo clic y arrastrando en la dirección que desea mover.
3
Duplicar la capa de texto haciendo clic y arrastrando hasta el icono " Crear nueva capa " en la paleta " Capas " a la derecha de tu lienzo . El icono se parece a una página cuadrada, esquinas dobladas .
4
Seleccione la capa "copia" que acaba de crear y haga clic derecho (Ctrl + clic en Mac) en el título de la capa en el " capas "de la paleta . Seleccione " Opciones de fusión " en el menú desplegable resultante . Se abrirá un cuadro de diálogo " Estilo de capa " .
5
Haga clic en la palabra " Sombra " en la columna " Estilos " en la parte izquierda del cuadro de diálogo . Haga clic en la opción " Ver " en la parte derecha del cuadro de diálogo y ajustar la configuración de la sombra si lo deseas .
Rollovers ajuste en ImageReady
6
Seleccione el ImageReady Icono en la parte inferior del panel de herramientas . Esto inicia un programa separado de Photoshop que viene con él para optimizar imágenes de Photoshop para la web .
7
Seleccione la "Herramienta Slice" desde el Panel de Herramientas en la parte izquierda de la pantalla y haga clic y arrastre un rebanada alrededor de su botón de la parte superior izquierda a la inferior derecha.
8
Seleccione el "Contenido web " de la paleta de la derecha de la pantalla y haga clic en el botón.
9
ratón hasta la paleta de " capas " , donde se muestran las distintas capas de su botón. Haga clic en el icono de ojo junto a la capa superior, que contiene la sombra de su botón . Esto desactivará la visibilidad de la capa de modo que sólo la versión de sombra no eliminación del botón aparece en su página web cuando el ratón no se cierne sobre él.
10
Regresar a la "Web contenido "de la paleta y haga clic en el perro de orejas icono de página en la parte inferior para crear un nuevo estado de rollover . La palabra "sobre" aparecerá junto al nuevo estado , lo que significa que la apariencia que usted seleccione para que se mostrará cuando el ratón se cierne sobre él en su página Web.
11
Regresar a la paleta de " capas " y desactive la visibilidad de la capa de sombra no eliminación haciendo clic en el icono del ojo hacia la izquierda. Encienda la visibilidad de la capa de sombra.
Conectando el Rollover
12
Seleccione "Ventana > División " para mostrar la paleta de " Slice" a la derecha de su pantalla . Seleccione esta paleta.
13
Escriba un nombre para el botón en el campo " Nombre" y escriba una dirección URL para su transferencia a un vínculo cuando la gente haga clic en él.
14
Seleccione "Archivo > Guardar optimizada como " del menú de la aplicación y crear un nombre para su reinversión . Seleccione " HTML e imágenes " en el "Formato" lista desplegable y haga clic en "Guardar" .
