Cómo hacer botones HTML en Photoshop CS5

Como se compila varias páginas web HTML para guiar a los visitantes a su dominio en línea, darles una forma sencilla de obtener un poco 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, se puede crear una experiencia personalizada por esos clics. Tome ventaja de proceso de diseño de creación de botones de Adobe Photoshop CS5 para hacer botones para que tu página HTML se destacan.

Instrucciones

1 Abrir Photoshop CS5, haga clic en el menú "Archivo" y luego en "Nuevo". Introduzca el nombre del botón, como "HelpButton", o su nombre de archivo preferido en el cuadro "Nombre". Introduzca las dimensiones para el botón en el campo "Altura" "Ancho" y, utilizando píxeles o pulgadas por requisitos de sus instalaciones. Haga clic en el menú "Contenido de fondo" y seleccione "transparente". Haga clic en el botón "OK" para abrir el lienzo botón de decisiones.

2 Haga clic en el cursor en el centro de la plaza de color en la parte inferior del panel "Herramientas" en el lado izquierdo de la pantalla. Elija un color para el botón y haga clic en "Aceptar".

3 Haga clic en un icono de una línea, un círculo gris, cuadrado gris o gris estrella cerca de la parte inferior del panel "Herramientas" en el lado izquierdo de la pantalla. Seleccione la opción "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, a continuación, mueva el cursor a la esquina inferior derecha. Tenga cuidado de no arrastrar hacia el gris Mesa de trabajo de Photoshop. 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 casilla de verificación "Sombra". Esto es opcional, pero le da al botón de una apariencia más elevada, lo que puede ayudar a los visitantes a su sitio de guía HTML. Haga clic en "Aceptar" para cerrar la ventana.

6 Haga clic en el icono "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, tal 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 "Start". 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 selecciona "Guardar como". Haga clic en el menú "Formato" y seleccione "PNG" o "GIF", que mantendrá el fondo del botón transparente, requerido para las páginas HTML. Haga clic en el botón "Guardar".