Cómo hacer un botón llamativo en Photoshop

Si estás cansado de diseño existente de su sitio web y quiere arreglarlo un poco, probar un botón llamativo. Se puede dar a su página Web el lavado de cara que necesita. herramienta de forma de Adobe Photoshop le permite crear botones de casi cualquier forma, a partir de rectángulos y círculos redondeados para polígonos y formas personalizadas. Puede utilizar el botón de vínculo en el medio de su página o añadirlo a la barra de navegación para una nueva mirada brillante.

Instrucciones

1 Inicie Photoshop y seleccione "Archivo" y "Nuevo" para abrir el cuadro de diálogo "Nuevo". Introduzca una altura y anchura de 400 píxeles, que le da un amplio espacio para el botón. Elegir un fondo blanco y haga clic en "Aceptar".

2 Haga clic en "Ventana" y "Capa", o pulse la tecla "F7" para mostrar la paleta "Capas". Haga clic en el botón "Crear una nueva capa" en la parte inferior de la paleta. Esto inserta una nueva capa.

3 Haga clic y mantenga la herramienta "Rectángulo" para revelar otras formas. Seleccione la opción "Rectángulo redondeado" para crear un botón redondo.

4 Ajuste "Radio" a 5 píxeles en las opciones de "formas" en la barra de la barra de herramientas. Esto establece el radio de los bordes redondeados.

5 Ir a la lona y hacer clic izquierdo en el que desea el botón para acceder. Haga clic y arrastre el puntero del ratón sobre la página para dibujar el botón. Si el botón no es exactamente donde desea, haga clic en la herramienta "Mover" o presione "V" para permitir el movimiento. Utiliza el ratón o las teclas de flecha del teclado para cambiar la posición del botón.

6 Haga doble clic en la forma en el panel "Capas". Se abre el cuadro de diálogo "Estilo de capa".

7 Añadir una marca de verificación de "bisel y relieve" y seleccione la ficha. Esto hace que la forma se parezca más a un botón. Establecer la opción de "estilo" a "Bisel interior."

8 Compruebe la pestaña de "Sombra" para añadir una sombra paralela al botón.

9 Añadir una marca de verificación de "Superposición de degradado" a la izquierda para aplicar un degradado al botón. Con la ficha seleccionada, haga clic en la barra gris "degradado". Se abre el cuadro de diálogo "Editor de degradado".

10 Haga clic en el botón "Color de detención de" inferior izquierda para personalizar el color de partida para el gradiente. Seleccione la casilla de "color" en la sección "paradas" y elija un color en el cuadro de diálogo "Selector de color". Haga clic en Aceptar."

11 Haga clic en el botón "Color de detención de" abajo a la derecha en el cuadro de diálogo "Editor de degradado" para personalizar el color final del gradiente. Vuelva a seleccionar la casilla de "color" en la sección "paradas" y elegir un color para el color final del cuadro de diálogo "Selector de color". Haga clic en "OK" tres veces para volver a la página.

12 Haga clic en la función "Tipo" en el panel "Herramientas" y vaya a las opciones de "tipo" de barras. Seleccione una familia de fuente, estilo, tamaño y color para el texto.

13 Haga clic en cualquier lugar del botón y escriba el texto que desea que el botón para visualizar, por ejemplo, "Inicio".

14 Pulse la tecla "V" para activar la herramienta "Mover". Arrastre el texto el lugar donde quiere que vaya en el botón.

15 Seleccione "Imagen" y "ajuste". Esto abre el cuadro de diálogo "Recorte". Pick "píxel superior izquierdo de color" bajo ", basada en" y seleccione "Arriba", "Abajo", "Izquierda" y "Derecha" en "recortar". Haga clic en Aceptar." Las áreas no utilizadas en el lienzo se eliminan.

dieciséis Haga clic en "Archivo" y "Guardar". Nombrar el botón de "Guardar como" cuadro de diálogo y seleccione "Photoshop (.PSD, .PDD)" de la lista desplegable "Formato". Clic en Guardar."