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

Crear un moderno botón web reflejado

Publicado por Luch el Miércoles, 18 Febrero 2009Sin Comentarios

Acepten losa cambios.

Seleccionen todas las capas que componen el botón y arrástrenlas al botón de ((Create New Layer)) para duplicarlas.
Con las capas duplicadas seleccionadas apreten Ctrl + E para unirlas en una capa única.

A esta capa única le aplican ((Edit))-((Transform))-((Flip Vertical)) y la ubican por debajo del botón original.

Reduzcan la ((Opacity)) de esta capa al 30%

Luego le crean una máscara de capa: Vayan a ((Layer))-((Layer Mask))-((Reveal All)).

Para los que no saben para que sirve las máscaras de capa les cuento….como vieron, apenas crearon la máscara de capa les apareció un cuadrado blanco al costado de la capa. El blanco representa la parte visible de una capa. El negro es el color contrario, por lo tanto si pintamos de negro parados sobre la máscara borramos, si pintamos de gris borra parcialmente y así con todos los tonos que van del negro al blanco. También podrán usar un pincel negro y borrar parcialmente usando la opacidad, eso es lo que vamos a hacer en el siguiente paso.

Ahora se paran sobre la máscara de capa y con ((Gradient Tool)) tracen un degradado lineal de blanco a negro hasta la mitad de la altura del botón.

Y listo!

Cantidad de paginas de este articulo: 1 2 3