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 » Basicos, Web

Botón tecnológico elegante

Publicado por Luch el Sábado, 13 Diciembre 2008Sin Comentarios

En este tutorial que les traigo hoy les quiero mostrar como crear un botón tecnológico con mucha elegancia. Para crear este botón vamos a usar ((Rounded Rectangle Tool)), ((Rectangular Marquee Tool)), ((Drop Shadow)), ((Inner Glow)) y ((Gradient Overlay)).

Abran un nuevo documento de 300×250px.

Rellenen el fondo con el color #7c7c7c.

Crean una ((New Layer)).

Elijan el color blanco como frontal.

Seleccionen ((Rounded Rectangle Tool)) con un ((Radius)) de 40px y tracen la siguiente forma.

Hagan doble clic sobre la capa para abrir ((Layer Styles)).

((Drop Shadow)).

((Inner Glow)).

((Gradient Overlay)). Para este degradado usen los colores: #b7b7b7, #969595 y #ffffff.

Acepten los cambios.

Apreten Ctrl + Clic sobre la capa del botón para activar su selección.

Luego seleccionen ((Rectangular Marquee Tool)) de tipo ((Intersect With Selection)) y crean esta nueva selección.

Crean una ((New Layer)).

Rellenen esta selección de color blanco.

Hagan doble clic sobre la capa para aplicarle ((Layer Styles)).

((Drop Shadow)).

((Inner Glow)).

((Gradient Overlay)). Para este degradado usen los colores: #c0c0c0 y #eeeded.

Acepten los cambios.

Escriban el texto que quieran para el botón y le aplican los siguientes ((Layer Styles)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado deben usar los colores: #2280be, #2280be, #2876aa, #244c75 y #7294b7.

Este es mi resultado final.