Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: EFEX en 1 Agosto 2007, 19:10 pm



Título: [Tutorial] Crear Boton
Publicado por: EFEX en 1 Agosto 2007, 19:10 pm
Como crear un simple boton
Empezamos abriendo Photoshop, File>New :
Width : 120px
Height : 40px

Elegimos la Herramienta Rectangular Marquee Tool

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

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

Bien ahora eleguimos la Herramienta Pincel

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

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

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

Ahora en Gradient Overlay :

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

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

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

Ahora, vamos a Satin :

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

Y por ultimo modificamos Stroke :

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

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)

Ahora por ultimo, eleguimos la Herramienta Rectangular Marquee

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

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)

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)


Título: Re: Crear Boton
Publicado por: aNexos en 2 Agosto 2007, 03:06 am
Sencillo y útil. Me gusta el resultado :D


Título: Re: Crear Boton
Publicado por: AsesorWeb en 2 Agosto 2007, 06:57 am
Con el botón en rojo o en azul se nota mas el ultimo paso, gracias.


Título: Re: [Tutorial] Crear Boton
Publicado por: wvb en 2 Agosto 2007, 21:18 pm
Buen tutorial, EmpireFX. Te he editado el titulo para ponerle el tag [tutorial]. He visto tu espacio en Deviantart y está muy bien :)

Salu2


Título: Re: [Tutorial] Crear Boton
Publicado por: EFEX en 2 Agosto 2007, 21:39 pm
aNexos Gracias camarada
Herxeleid Si cambiandole el color un poco se notaria mas
.:wvb:. Gracias, no sabia lo del tag ( :-X ), gracias por el cumplido :)
Saludos


Título: Re: [Tutorial] Crear Boton
Publicado por: Azielito en 2 Agosto 2007, 21:49 pm
Esta bonito ñ_ñ

Tambien vi tus trabajos en DA eres bueno >.< no perteneces a la comunbidad FX? (infectedFX)


Título: Re: [Tutorial] Crear Boton
Publicado por: EFEX en 2 Agosto 2007, 22:05 pm
Azielito Gracias, si estoy en el foro, siempre me pego una vuelta por el blog de infectedFX (http://www.infectedfx.net/)
Saludos


Título: Re: [Tutorial] Crear Boton
Publicado por: тαптяα en 23 Agosto 2014, 09:11 am
Tutoriales sin imagenes, totalmente desperdiciados


Título: Re: [Tutorial] Crear Boton
Publicado por: EFEX en 23 Agosto 2014, 11:52 am
Tutoriales sin imagenes, totalmente desperdiciados

1 Agosto 2007..


Título: Re: [Tutorial] Crear Boton
Publicado por: peib0l en 23 Agosto 2014, 22:30 pm
Tutoriales sin imagenes, totalmente desperdiciados

Es para matarte...


Título: Re: [Tutorial] Crear Boton
Publicado por: тαптяα en 24 Agosto 2014, 02:17 am
Es para matarte...
Jajaja me da mucha pena, hay una coleccion increible de tutoriales


Título: Re: [Tutorial] Crear Boton
Publicado por: Yassper en 24 Agosto 2014, 18:28 pm
Gracias por el aporte, es muy sencillo y rapido :)


Título: Re: [Tutorial] Crear Boton
Publicado por: portaro en 27 Agosto 2014, 23:55 pm
yo uso inkscape, no tengo dinero pa potoshop.


Título: Re: [Tutorial] Crear Boton
Publicado por: тαптяα en 28 Agosto 2014, 09:53 am
yo uso inkscape, no tengo dinero pa potoshop.

foro.elhacker.net/software/photoshop_cs6_x64_v130_portable_autoinstalable_castellano_recursos-t363151.0.html;msg1752090#msg1752090 (http://foro.elhacker.net/software/photoshop_cs6_x64_v130_portable_autoinstalable_castellano_recursos-t363151.0.html;msg1752090#msg1752090)