Paso 1
Empezamos usando la herramienta Rounded Rectangle Tool(U) y creamos un rectangulo en nuestro documento con 5px de Radius, el color no importa.
Empezamos usando la herramienta Rounded Rectangle Tool(U) y creamos un rectangulo en nuestro documento con 5px de Radius, el color no importa.
Paso 2
Ahora vamos a aplicar los siguientes estilos de capa, en el menu Layer -> Layer Style es donde se encuentran cada uno de estos.
Empezamos con un Gradient Overlay de #08378d a #1950b6, el color mas oscuro debe quedar debajo.
Ahora vamos a aplicar los siguientes estilos de capa, en el menu Layer -> Layer Style es donde se encuentran cada uno de estos.
Empezamos con un Gradient Overlay de #08378d a #1950b6, el color mas oscuro debe quedar debajo.
Seguimos con un Inner Shadow, usando #ffffff y la siguiente configuracion:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uILBNVItWhfrwgZ0d2Eihj62kcL8s5xPvW9xuYZvmd5eF0CRqm2OWuZ1LvTAXGniiObBBEt2oCGpDWJmfPLqnAMNl2L7C1QmEOZMzJpP7MT4bEOu9Y9JdUEUTToAxxZ0hdM8uHgwsOsol6Fg=s0-d)
Por ultimo un Stroke de 1px y #07317d
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uq7th_7oaduhzMurRs7PK2zEqmdoPNZV0zVL8-JERnTv557SslmQemZZuwfTqBe-7KRrbuKsnnX_jaJd5jIHZb25OcjM6_QzTNUi7jHEWFqKR_XMUIzFE23BCSuM4j3Yah1_I128f_-iRgIA=s0-d)
Paso 3
Crea una capa nueva. Haz Ctrl + Click sobre el thumbnail de la capa del boton para crear una seleccion del boton, como indica la flecha roja:
Por ultimo un Stroke de 1px y #07317d
Paso 3
Crea una capa nueva. Haz Ctrl + Click sobre el thumbnail de la capa del boton para crear una seleccion del boton, como indica la flecha roja:
Selecciona Gradient Tool y un Gradiente de Blanco a Transparente en modo Radial
Y crea un Gradient de arriba a bajo de forma diagonal como en la siguiente imagen(fijate en la linea)
Paso 5
Cambia el modo de la capa del gradient que acabas de crear a Soft Light y debes de tener algo como la siguiente imagen:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vOEHTheHbZrkEoQTISoelsFTd9WwRkVfaczlfSIiwZ3I_ogwSoHbgJhvL8TqSzpPRsurZhHAIIDcByH13l-tsuIqevZErCu0BMe7m5exWEIBA-ch-tbNLj-Gy7RL1E2evXF-YQ7vo2Kb8QGuU=s0-d)
Cambia el modo de la capa del gradient que acabas de crear a Soft Light y debes de tener algo como la siguiente imagen:
Paso 6
Ahora vamos con la font, voy a usar Helvetica Neue Bold, tu puedes usar cualquier font, en color #ffffff
Paso 7
Ve a Layer -> Layer Style -> Drop Shadow, utiliza #1950b6 y las siguientes opciones
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uajqo7p4y_uwnAiYuJdN0Matx2Lzkx1B0DdjS0R5KG_7ZOJYZkk3yt8ZQVVl0Nj5Bw0wUm_R9ooMZWoS1daMtARtxmQThjOFNpmGp_KqP3NfFnPJCXfhMIJKyti2J-PuJ1p4cMe5LPXfEwMg=s0-d)
Final
Final
Estos pasos los puedes utilizar cambiando el color y crear un boton diferente a tu gusto.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vOEHTheHbZrkEoQTISoelsFTd9WwRkVfaczlfSIiwZ3I_ogwSoHbgJhvL8TqSzpPRsurZhHAIIDcByH13l-tsuIqevZErCu0BMe7m5exWEIBA-ch-tbNLj-Gy7RL1E2evXF-YQ7vo2Kb8QGuU=s0-d)
Fuente Referencial
Fuente Referencial
0 comentarios:
Publicar un comentario