Hace unos días inventé esta barra de botones Web verdes brillantes y quería compartirlos con todos ustedes. En este tutorial vamos a aprender cómo hacer un simple botón que dispone de 2 estados; uno cuando no está con el ratón sobre este (inactivo), y otro cuando el ratón está por encima (activo).

Abran un nuevo 683×88px con fondo negro.

Crean una ((New Layer)).´
Comenzarán por dibujar el botón activo.

Seleccionen ((Rounded Rectangle Tool)) con un radio de 15px y dibujen un rectángulo curvo como el que ven abajo.

Hagan doble clic sobre la capa de este rectángulo para abrir ((Layer Styles)) y aplicarle ((Gradient Overlay)). Para este degradado usen los colores #83fc02, #c8e104, #6ead04 y #a2d100.

Acepten los cambios.

Crean otra ((New Layer)).

Dibujen otro rectángulo curvo como el que ven abajo.

Cantidad de paginas de este articulo: 1 2 3 4