Consejo rápido Cómo hacer un botón redondeado de estilo web brillante

¿Alguna vez te has preguntado cómo hacer un botón web brillante? En este Consejo rápido, aprenderá cómo crear un botón simple con texto empotrado, en solo 11 sencillos pasos. Lo mejor es que, una vez que hayas hecho el primero, puedes hacer un set completo en un instante.!


Paso 1

Utilice la herramienta de tipo (T) y seleccione una fuente a su gusto. He usado Qlassik Bold, que se puede descargar gratis aquí.


Paso 2

Seleccione el texto y configure el relleno a "Ninguno".


Paso 3

En la paleta de apariencia, haga clic en el menú desplegable y vaya a Agregar nuevo relleno.


Etapa 4

Su texto se rellenará con un relleno negro, este relleno es más robusto que el relleno predeterminado. Agregar un nuevo relleno de esta manera le permitirá agregar gradientes a su texto y retener las propiedades de edición de caracteres.


Paso 5

Seleccione un gradiente de la paleta de muestras para aplicarlo al texto.


Paso 6

Arrastre el degradado verticalmente con la herramienta Degradado (G).


Paso 7

Para agregar un brillo interior, vaya a Efecto> Estilizar> Resplandor interior. Seleccione Multiplicar para Modo y elija un color marrón para que la sombra se combine perfectamente con el amarillo. Introduzca una opacidad y desenfoque de su elección.


Paso 8

Con la herramienta Rectángulo de esquina redondeada, dibuje un rectángulo como se muestra a continuación. Mantener presionada la flecha hacia arriba o hacia abajo mientras dibuja el rectángulo le permite controlar el radio de las esquinas.


Paso 9

Aplica un degradado al botón. Observe que mi botón tiene un cambio de color abrupto para simular un resaltado. Puede hacer esto colocando dos puntos de color muy cerca uno del otro en el control deslizante de degradado.


Paso 10

Déle a su botón una sombra al ir a Efecto> Estilizar> Sombra.


Paso 11

Aplica un trazo blanco de 1 pt al botón..


Vista previa de la imagen final

Coloque el texto encima del botón, y ya está, su botón está completo!