Blog

El blog de CaminoCreativo.com con lo ultimo y mas destacdo sobre el diseño.

Efectos

Los mejores tutoriales para Photoshop enfocado sobretodo a crear efectos especiales.

Noticias

Importantes noticias para diseñadores. Tambien algunas novedades de nuestra area.

Recursos

Todos los recursos para poder hacer de tus diseños algo completamente profesional.

Varios

No solo de Photoshop vive el diseñador. Dreamweaver, Illustrator, incluso otros recursos!

Home » Avanzados, Dibuja, Web

Botón estilo metálico

Publicado por Luch el Lunes, 10 Noviembre 2008Sin Comentarios

Vamos a crear un estilo de botón metálico de gran calidad.

Abrimos un nuevo documento de 300×400px con fondo blanco.

Creamos una ((New Layer)).

Seleccionamos ((Rectangle Rounded Tool)) con los valores que marqué en la imagen de abajo y luego dibujen el botón.

Hacemos doble clic en la capa del botón para abrir la ventana de ((Blending Options)).

((Drop Shadow)).

((Inner Shadow)).

((Gradient Overlay)). Para el degradado usaremos los colores: #9c9c9c y #ffffff.

((Stroke)). Estén atentos en aplicar correctamente el degradado como se muestra abajo.

Aceptamos los cambios para obtener este resultado.

Seleccionamos la fuente ((Georgia)) y escribimos el título de nuestro botón en mayúsculas.

Parados encima de la capa del texto vayamos a ((Filter))-((Layer))-((Layer Styles)).

((Outer Glow)).

((Gradient Overlay)). El gris que usamos para el siguiente degradado es el #a7a7a7.

Este es el resultado parcial luego de aceptar los cambios.

Apreten Ctrl + Clic sobre la capa del botón para activar su selección y luego con ((Rectangular Marquee Tool) de tipo ((Subtract From Selection)) restamos la mitad del botón. En la imagen de abajo les muestro este paso.

Con la nueva selección restada creamos una ((New Layer)) y trazamos un degradado lineal de negro a transparente y de arriba hacia abajo. Luego le reducen la ((Opacity)) a 29%.

Resultado final.