InicioHazlo Tu Mismo¡Diseña tu propio botón, sencillo y elegante!

¡Diseña tu propio botón, sencillo y elegante!

Hazlo Tu Mismo8/15/2011


¡BIENVENIDOS!

En este nuevo post, les traigo un sencillo tutorial para que puedan diseñar su propio botón. Es algo muy sencillo, y el resultado muy bueno ;D

¡EMPECEMOS!

1# Paso.

Abrimos Photoshop, y creamos un nuevo documento. ( Archivo » Nuevo ) de 300x112.
Como en la imagen



2# Paso.

Cuando ya tengamos el documento abierto, seleccionamos la herramienta: Herramienta rectángulo redondeando. Y hacemos la forma de nuestro botón.


3# Paso.

Cuando tengamos listo la forma, vamos a rasterizar la capa. Para eso, hacemos Clic derecho sobre la capa, y Rasterizar capa.


4# Paso.

Ahora vamos a darle efecto al botón. Con la capa ya rasterizada, hacemos Clic derecho » Opciones de fusión. Hacemos clic sobre Superposición de degradado Y creamos uno. El mio va a ser: #02647c y #0b7d99. Damos OK, y vamos a Bisel y relieve.
Configuramos como en la imagen:



Ahora, vamos a agregarle un trazo. Hacemos clic en Trazo. El tamaño lo ponemos en 1, y el color va a depender del color delo degradado. Por ejemplo, si ustedes hicieron un degradado de rojo, el trazo tiene que ser un rojo oscuro.
El color que le puse yo, es: #
0a85a3.


El Resultado.

Así me quedo:

Obviamente, después le pueden agregar un texto o lo que quieran

Recomendá el post, a tus seguidores les puede servir
Datos archivados del Taringa! original
211puntos
1,726visitas
50comentarios
Actividad nueva en Posteamelo
0puntos
0visitas
0comentarios
Dar puntos:

Posts Relacionados

Dejá tu comentario

0/2000
50 Comentarios archivados
Del Taringa! original
Gracias mood :B
Te dejo los ultimos 5 de hoy, yo seimpre punteo tus post
Gracias :E
buen post recomendado
Se, con cualquier versión.
Lo puedo hacer con el CS4?
e.eGracias, después hago uno y te muestro cómo quedó (?) -Nah, no creo que me anime - Gracias de nuevo
Gracias :D
+10, te quedó re bien. :E
Si, obvio que les podes agregar el efecto que quieras Gracias che :B
Mis 10 socio como siempre.
Gracias che :BAcordate de votar por mi eh! (?)
mmm mucho no me gusto pero se le pueden agregar efectos y cosas por el estilo no?ya q me serviria para mis futuros post de peliculas jejjjejejeej
miralo al nore eh! no te tenia cra´ en photoshop! +5PD: EL NORE PRESIDENTE!
che que version de photoshop tenes ???
Como quieras, gracias
Lindo post che , +1 Na , Mejor ni te dejo puntos , recomiendo
Gracias :BNi idea... pero es un problema tuyo ese. Busca en google, seguro algo sale.
amigo, porque al rasterizar la capa me dice que nose puede rasterizar porque los discos virtuales estan llenos ?
Gracias
Buen post, muy prolijo.
+10 puta r.r
te gansa mis 10 !
Buenisimo! Groso nore
Gracias che :B
me acorde de las maquinitas
Muy sencillo... Pero elegante
cierto, que boludo que soy
Si querés cambiar el color, no lo podes hacer
Gracias che
para que perder tiempo en hacerlo si puedo hacer, click derecho sobre el boton y clickear guardar imagen como: y la guardo naa mentira gracias por el tuto, +3
muy util la verdad loco!!! t felicito... graciass!!
Hola noviesito mio (?)No tengo puntos, mañana te dejo +10 :BAhora recomiendo esta garcha (?)
Se puede hacer con cualquier versión, ya que el efecto es con las opciones de fusión, y en cualquier versión las opciones de fusión son iguales.
Te dejare un +1 apunta lo que te dije.
Lo voy a hacer Gracias che!
ESO BOTON TAL CUAL SE PUEDE REALIZAR DESDE LA VERSION CS YA QUE DESDE ESA VERSION NO HA CAMBIADO CASI NADA EL PHOTOSHOP...SOLO LE HAN AGREGADO UNO QUE OTRA HERAMIENTA...LO DIGO PORQUE LO CONOZCO DESDE LA VERSION 6.0 CUANDO SOLO VENIA EN INGLES!!!
Buenisimo nore
Nuse Gracias jacqui : DGracias
muy bueno nore e__e
Como vá man? cuando vas al Fede´s?
Gracias No importa, gracias igual :B
Recomendado Nore, no tengo puntos
No lo es ya que al Rasterizar capa queda como imagen global y no como objecto.
es verdad, welcome para mi porque quería aprender a hacer esto +5
No es necesario "Rasterizar capa"
Sirve igual.Si, lo es :B
welcome a photoshop
Vos ya lo sabias, otros no. Acaso la primera ves que usaste Photoshop eras un genio,no?

Autor del Post

n
norepost🇦🇷
Usuario
Puntos0
Posts3
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.