marikikis

Paso a paso

En primer lugar, utilizar la herramienta rectangular redondeado para hacer la forma de botón. A continuación,Ctrl-select la forma de capa,  se selecciona =)

en esta misma capa seleccione la herramienta Rectangular , pulse
Alt y dibuja la  selección debajo del botón. La selección ahora se corta en la mitad. Crear una nueva capa en la parte superior del botón.

A continuación, seleccionas la  Herramienta de gradientes.escojes el color blanco, a continuación,
seleccionas un  gradienteTransparente , luego
de la parte inferior de la marquesina de selección que has hecho antes, arrastras un gradiente en forma  vertical recta (Shift para tener una
perfecta vertical).

Se aplica el Gradiente.Luego aprietas Ctrl-D para deseleccionar. Finalmente reduces la opacidad a como mejor se mezcle  con el botón. y listo

Esta facil no?. A continuación se presentan más alternativas de hacer botones con ese glossy.

1. 1. esta es la forma como queda el primer ejemplo:

2. 2. Gradiente de arriba hacia abajo
Esto es sólo  invertir el ejemplo de más arriba. Sólo tienes que arrastrar el gradiente desde arriba hacia abajo del botón.

3. 3. usando solo el  llenar de color blanco
En lugar de utilizar gradiente, el efecto glossy se puede lograr fácilmente utilizando la herramienta de relleno y reduciendo la opacidad =)

4. 4. usando la herramienta de sombra interior
también puede lograr efecto glossy con Seleccionar en opciones de fusion /sombra interior: en capa de mezcla = normal, color = blanco, =
ángulo de 90 grados, = distancia al centro del botón, size = 0. A continuación, puedes ajustar la opacidad. Pero este  efecto no queda muy chido que digamos .

5. 5. usando un  gradiente de la herramienta de estilo
Esta es una de mis favoritas , utilizando sólo un  gradiente de la herramienta de estilo .

6. 6. Usa un gradiente negro en lugar de blanco
En lugar de blancos, podemos utilizar también negro, Pero el brillo se sienten un poco diferente de color blanco .

7. 7. para que se vea como tridimencional
Similar al estilo 2, pero ahora antes de que se aplique gradiente de
blanco, ir a la Selección> Modificar> Contraer, yo uso 3px. El efecto aquí es en realidad más realista y 3D.

8, 9, 10. 8, 9, 10. Diferentes formas y estilos de glossy
En lugar de la normal forma brillante por encima, puede utilizar otras formas también. A más redondeada, bordes redondeados o incluso un estilo salvaje solo jueg  un poco con él! asi te sorprenderas con los resultados =)

Click here (740kb) Descargar Tutorial Fuente en psd.(archivo de photoshop)

este tutorial se los eh “interpretado” yo de la pagina de Bittbox

- de su tutorial llamado ,Glossy Vector Web 2.0 Logo Text in 5 Easy Steps. espero les sea de ayuda. saludos