Cargando la página...

Usted está aquí:

Crear un boton

Publicado por EmpireFX el 06.09.2007 11:56:43 en Diseño Gráfico - Nivel Básico

Avatar de EmpireFX
Avatar de

Crear un boton en pocos pasos, pero atractivo. Creandolo desde Layer Style

Página 01 de 01 | Versión completa

Como crear un simple boton:
1) Empezamos abriendo Photoshop, File>New :
Width : 120px
Height : 40px

2) Elegimos la Herramienta Rectangular Marquee Tool

http://img240.imageshack.us/img240/7696/15go1.png

3) Con el trazamos un rectangulo, despues para alisarle los bordes
vamos a Select>Modify>Smooth y le asignamos el numero 6, todabia
teniendo seleccionado el rectangulo, le sacamos las esquinas punteadas
llendo a Select>Inverse y luego presionando Supr

4) Bien ahora eleguimos la Herramienta Pincel

http://img240.imageshack.us/img240/7945/85uw.png

5) Y elegimos el color #c9c9c9, ahora en Layer>Layer Style>Inner Glow,
cambiamos segun la imagen

http://img482.imageshack.us/img482/1901/4uh3.jpg

6) Ahora en Gradient Overlay :

http://img300.imageshack.us/img300/86/5wf4.jpg

7) Ahora hacemos clik, sobre la paleta gradient, elegimos Black & white,
cambiamos los colores segun la imagen :

http://img484.imageshack.us/img484/4060/6ak7.jpg

8) Ahora, vamos a Satin :

http://img475.imageshack.us/img475/2314/7un7.jpg

9) Y por ultimo modificamos Stroke :

http://img487.imageshack.us/img487/6205/8xz2.jpg

10) Eleguimos Gradient, y hacemos click sobre el, cambiamos los colores
segun la imagen :

http://img475.imageshack.us/img475/1345/9ty6.jpg

Y bien, deve haber quedado algo asi :

http://img168.imageshack.us/img168/4998/10ph8.jpg

11) Ahora por ultimo, eleguimos la Herramienta Rectangular Marquee

http://img240.imageshack.us/img240/7696/15go1.png

12) Con el trazamos un rectangulo, que ocupe la mitad de nuestro boton (Horizontalmente)
elegimos la Herramienta Degrade

http://img56.imageshack.us/img56/4982/121cs.png

13) Seleccionamos el color #FFFFFF (Blanco), trazamos una linea vertical
desde afuera hacia adentro

http://img82.imageshack.us/img82/2210/12na6.jpg

Y listo, les quedara algo asi

http://img395.imageshack.us/img395/2669/13eh3.jpg

Autor : EmpireFX
Version : Photoshop CS2 (Ingles)

Página 01 de 01 | Versión completa

Descargas asociadas al artículo:

No existen descargas asociadas

Estadisticas:

Artículo leido 1155 veces con un puntaje de 9.00 pts

Comentarios.

Sus comentarios son importantes.

No hay comentarios para listar, si desea puede crear el primer comentario para este artículo.

Debe estar identificado para agregar un comentario