Cargando la página...

Crear un botón con Photoshop

Publicado por EFEX el 06/09/2007 en Diseño Gráfico - Nivel Básico

Tabla de contenidos

Avatar de

La tabla de contenidos pertenece al artículo completo y no al contenido parcial de cada página del mismo si fuese el caso.

Leer los comentarios.

Resúmen

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

Sobre el autor

Avatar de EFEX

EFEX tiene 22 años, vive en Argentina / Santa Fe / Santa Fe y su ocupación es Diseñador web.

Forma parte del club desde 05/08/2007 a las 20:49 habiendo estado en linea 17/11/2011 a las 12:59 por última vez.

Ha publicado 3 artículos en clubdesarrolladores con un promedio de valoración de 7.71 puntos.

Estadísticas

  • Leido 2784 veces
  • Valorado 9.33 puntos

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, debe haber quedado algo asi :

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

11) Ahora por ultimo, elegimos 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ía



Autor : EmpireFX
Version : Photoshop CS2 (Ingles)

Si tiene alguna pregunta sobre éste artículo por favor deje un comentario y será respondido.

Descargas

No existen descargas asociadas

Comentarios

Sus comentarios son importantes.

Listado de comentarios

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

Agregar un comentario

Debe estar identificado para agregar un comentario