Tutorial Photoshop: Crear Botón de Windows Vista

Crear Boton de Windows Vista


Les dejo este tutorial para crear un botón, espero que les guste ;) Contento/a

Paso 1

Como de costumbre vamos a comenzar a rellenar el fondo con un degradado radial desde un gris claro a un gris más oscuro. Gris claro: #3e3d3d. Gris oscuro: #151515.



Paso 2

Crear una nueva capa (Capa> Nueva> Capa) y usar la Herramienta Rectángulo Redondeado para hacer una forma fija de 300x50 px en la mitad del documento.



Haga clic en la forma y haga clic en Hacer Selección.



Seleccionar la herramienta de degradado y definir el estilo a un Degrado Reflejado. Ajuste el color de primer plano a #1c3f47 y el color de fondo a #2a6976. Haz clic izquierdo en el centro de la selección y arrastre a la parte inferior de la selección y soltarlo. Esto nos proporcionará la base del botón.



Paso 3


Ahora vamos a añadir algunos estilos de capa a nuestro botón para que sea vista con estilo.

Capa> Estilos de capa> Resplandor exterior



Capa> Estilos de capa> Resplandor interior



Capa> Estilos de capa> Superposición de degradado



Ahora, el botón debe tener este aspecto:



Paso 4

Ahora vamos a añadir una reflexión a nuestro botón. En una nueva capa seleccionar el área de la capa base (Ctrl + clic en la capa) y llenar la selección con blanco #FFFFFF.



Con la herramienta de marco rectangular, seleccione mover el botón de abajo.



Ir Edición> Transformar> Perspectiva y arrastrar el cuadro de abajo a la derecha hacia la derecha mientras mantienes pulsada la tecla Shift (esto tira del otro lado demasiado por lo que mantiene aún).



Añadir una máscara de capa y añadir un degradado de blanco a negro dentro de la reflexión - esta se desvanecerá hacia el final.



Establezca el modo de mezcla de la capa a Luz Suave y reduzca la opacidad al 15%.



Paso 5

Por último vamos a añadir el texto. Elejir una fuente crujiente y agradable para esto.