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 ;)
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.

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

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.

0 Comentarios