Botones elegantes
Interesantes botones web para aplicar en su sitio web. Aplicaremos ((Blending Options)) para lograr el estilo del botón.
Abrimos un nuevo documento 240×165px con fondo blanco.
Creamos una ((New Layer)).
Con ((Rectangular Marquee Tool)) dibujamos un rectángulo. Lo rellenan con el color #e9e9e9.
Seguimos con la misma herramienta, pero le cambian el estilo, deben seleccionar ((Substract From Selection)).
Observen la selección que hice en la imagen de abajo.
La nueva selección la rellenamos con el color #0069cc.
Hagan doble clic sobre la capa para entrar a ((Blending Options)).
((Inner Glow)).
((Gradient Overlay)).
((Stroke)).
Apretamos Ctrl + Clic sobre la capa del botón para activar la selección. Luego con ((Rectangular Marquee Tool)) de tipo ((Subtract from selection)) dejen activa solo la mitad.
Crean una ((New Layer)) y sobre esta rellenan de blanco. Observen la imagen de abajo.
Cambien el modo de esta capa a ((Soft Light)) y le reducen ((opacity)) a un 40%
Escriban el título del botón con la fuente Arial y de color #153997. Es muy importante que ubiquen el texto en el centro del botón para que el siguiente paso salga correctamente.
Estando parados encima de la capa de texto vayan al menu ((Layer))-((Layer Style))-((Blending Options)).
((Gradient Overlay)).
((Stroke)).
Acepten los cambios.
En la siguiente imagen dupliqué las capas. Este es mi resultado.
