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, Dibuja, Web

Boton estilo MAC OSX

Publicado por Luch el Jueves, 23 Octubre 2008Sin Comentarios

Recrearemos los botones que son utilizados en MAC OSX. Son muy atractivos para usar en sitios web.

Abrimos un nuevo documento de 300×200.

Seleccionamos ((Rounded Rectangle Tool)) con un ((Radius)) de 23px. Dibujen una rectángulo como el que ven abajo.

Con la selección activa elegimos el color #373EA3 como frontal y el #94DDF6 como fondo.

Creamos una ((nueva capa)).

Seleccionamos ((Gradient Tool)) y trazamos un degradado lineal como el que vemos abajo.

Ahora hagan doble clic sobre la capa para configurar ((Blending Options)).

((Drop Shadow)).

Nos quedará así.

Apretamos Ctrl + Clic sobre la capa para activar la selección. Seleccionen ((Rectangular Marquee Tool)) y con la tecla Shift apretada (Resta selección) trazamos un rectángulo en la mitad del botón. Observen la imagen de abjo.

Crean una ((nueva capa)).

Con ((Gradient Tool)) trazen un degradado de blanco a transparente.

A la capa le reducen la ((opacidad)) a un 70%.

Apreten Ctrl + T para activar ((Free Transform)).

Con las teclas Shift + Ctrl + Alt presionadas muevan el deslizador inferior izquierdo un poco hacia adentro. En la imagen de abajo les muestro como debería quedarles.

Presionen la tecla V para acticar ((Move Tool)) y luego muevan el reflejo 1px hacia abajo.

Escriban el texto del botón con la fuente Verdana y de color negro.

Luego de este paso tendremos finalizado nuestro botón.