Dibujar un botón elegante para un sitio web en Photoshop no es tan difícil. Este proceso le llevará solo de 10 a 20 minutos. El botón que puede crear con este tutorial se encuentra sobre un fondo claro. Opcionalmente, puede colocar el botón sobre un fondo oscuro. Y también muestre su imaginación y créelo con un estilo que se adapte al diseño de su sitio.
Instrucciones
Paso 1
Cree un nuevo documento usando el atajo de teclado Ctrl + N.
Paso 2
Establezca el tamaño que desee, por ejemplo, 200 por 100 píxeles.
Paso 3
Se creó el documento. Ahora puede comenzar a crear el botón.
Paso 4
Seleccione la herramienta Rectángulo redondeado U de la paleta de herramientas. Luego seleccione el modo Capa de forma, que se encuentra debajo del menú principal en la barra de opciones, para la configuración de la herramienta activa.
Paso 5
Dibuja un botón en el documento. En este ejemplo, el color de primer plano es negro, por lo que el botón es negro. A continuación, seleccionaremos un color adecuado para ello.
Paso 6
Para hacer esto, vaya a la paleta Estilos y seleccione el estilo apropiado para nuestro botón.
Paso 7
Este ejemplo usa el estilo Blue Glass.
Paso 8
Rasterizar la capa superior: menú "Capa" - comando "Rasterizar" - elemento "Capa".
Paso 9
Presione la tecla Ctrl y, mientras la mantiene presionada, seleccione el icono de la capa superior con el botón izquierdo del mouse. El botón se resaltará con una línea de puntos.
Paso 10
Para crear un pequeño borde alrededor de los bordes del botón, haga clic en Seleccionar - Modificar - Reducir.
Paso 11
En la ventana que se abre, establezca 3 píxeles.
Paso 12
El resultado es un trazo de puntos.
Paso 13
Invierte la selección usando el atajo de teclado Shift + Ctrl + I.
Paso 14
Copie la selección en una nueva capa presionando Ctrl + J. La tercera capa aparecerá en la paleta "Capas".
Paso 15
Elija un estilo que le guste para un borde pequeño de 3 píxeles. Para hacer esto, vaya a la paleta Estilos nuevamente y seleccione el que desee. En este ejemplo, se aplica el estilo de borde de cielo cincelado, porque coincide con el color del botón.
Paso 16
El resultado es un botón así. Opcionalmente, puede aplicar sus propios estilos que más le gusten.
Paso 17
Queda por escribir el texto. Para hacer esto, seleccione la Herramienta de texto horizontal (T). Puede elegir las opciones de fuente en la barra de opciones para configurar esta herramienta.
Paso 18
Ahora tu botón está listo.
