Como compilar varias páginas Web HTML para guiar a los visitantes a su dominio en línea , darles una forma sencilla de moverse con los botones puede hacer clic. Incluso los usuarios de primera vez sabrán que hacer clic en un botón les lleva a otro lugar , pero con Photoshop, usted puede crear una experiencia personalizada para los clics . Aproveche proceso de diseño del botón de creación de Adobe Photoshop CS5 para hacer botones que hacen que su página HTML se destacan. Instrucciones
1
Abrir Photoshop CS5, haga clic en el menú " Archivo" y haga clic en " Nuevo". Ingrese el nombre del botón , como " HelpButton ", o el nombre de su archivo preferido en el "nombre " caja. Introduzca las dimensiones para el botón en el "Ancho " y cajas "Altura" , con píxeles o pulgadas según los requisitos de su sitio. Haga clic en el menú " Contenido de fondo " y seleccione " transparente ". Haga clic en el botón " Aceptar" para abrir el lienzo botón de decisiones .
2
Pulse el cursor hacia el centro de la plaza de color en la parte inferior del panel " Herramientas" en la parte izquierda de la pantalla. Elija un color para el botón y haga clic en "OK . "
3 Haga clic en el icono de una línea, un círculo gris , cuadrado gris o estrella gris en la parte inferior de las " herramientas" panel en el lado izquierdo de la pantalla . Seleccione " Herramienta Rectángulo redondeado " o " herramienta Elipse " de la forma del botón .
4
Coloque el cursor en la esquina superior izquierda del lienzo de tablero de ajedrez gris. Haga clic y mantenga pulsado el botón izquierdo del ratón y mover el cursor a la esquina inferior derecha. Tenga cuidado de no arrastrar hacia el escritorio Photoshop gris. La forma del botón aparece en el lienzo.
5
Haga doble clic en la línea de la capa 1 en la paleta de " Capas " . Cuando se abra la ventana " Estilo de capa " , haga clic en la opción " Sombra " . Esto es opcional , pero le da al botón de un aspecto más elevado , lo que puede ayudar a los visitantes de guía a su sitio HTML. Haga clic en " Aceptar " para cerrar la ventana.
6
clic en el icono de "T " en el panel " Herramientas". Elija un tipo de letra , tamaño y color del texto de la barra de herramientas en la parte superior de la pantalla. Para el color , elegir uno que se destaca contra el fondo del botón elegido , como un blanco si el botón está oscuro.
7
Haga clic en el botón y escriba el texto del botón , como " Ayuda" o " Inicio". Arrastre el texto en su lugar en el centro del botón .
8
Haga clic en la nueva capa de texto en la paleta de " capas " . Seleccione " Combinar visibles ".
9
Haga clic en el menú " Archivo" y seleccione " Guardar como". Haga clic en el menú " Formato" y seleccione " PNG " o " GIF ", que mantendrá el botón de fondo transparente, requerido para las páginas HTML. Haga clic en el botón "Guardar " .
