Bienvenido(a), Visitante. Favor de ingresar o registrarse.
¿Perdiste tu email de activación?
Ingresar con nombre de usuario, contraseña y duración de la sesión

 
Búsqueda Avanzada

97178 Mensajes en 12291 Temas- por 3830 Usuarios - Último usuario: Castakan
 
Registrate y Elimina la Publicidad
-> ZonaPhotoshop » Tutoriales » Photoshop Tutorials » Botones & Iconos » [Tutorial] Boton con estilo!
« anterior próximo »
Páginas: [1]   Ir Abajo
Imprimir
0 Usuarios y 1 Visitante están viendo este tema.
Autor Tema: [Tutorial] Boton con estilo!    (Leído 2519 veces)
Txuben
ZP Addicto
**

ZP Points: 0
Desconectado Desconectado

Mensajes: 153
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« en: Octubre 03, 2006, 10:51:33 »
Registrate y Elimina la Publicidad
Photoshop Tutorial

Por Txuben

Bueno aprenderemos a hacer un boton parecido a este,espero que les guste.


----------------------------------------------------------------------------------------

Comenzemos creando un nuevo ducmento de 80x30 pixeles y le aplicamos el color que querammos para el boton,despues de esto creamos una nueva capa y le damos doble click y le aplicamos las siguientes cosas.



Ahora haz una nueva capa y despues una seleccion con el "elipctical marquee tool" la seleccion la rellenamos de blanco y bajamos la opacidad a 50%,ami me quedo asi.



Ahora hacemos otra nueva capa y presionamos ctrl+a y nos vamos a Edicion>>contornear y ponemos 1px y de color negro



Ahora lo que nos queda es agrgar nuestro texto  equisde

Resultado final



El .psd lo pueden descargar de ---> AQUÍ

----------------------------------------------------------------------------------------

Bonito y facil,que me dicen
 Tongue  Tongue

----------------------------------------------------------------------------------------
« Última modificación: Octubre 06, 2006, 06:59:46 por Txuben » En línea
 
[ZP] Enrique GutBarr
As Roma
Administrador
ZP xTreme
*****

ZP Points: 104
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3228
$288.00 Zollars

Inventorio
Enviame Dinero
LIVE FROM ZP


Ver Perfil WWW
« Respuesta #1 en: Octubre 03, 2006, 11:07:19 »
Bueno el tuto Wink se ve basico Cheesy
En línea
- ·3D TexT -

It's their fault they don't have their money in the bank! xD

- LATEST  TUTORIALS -
[COLORWARE TUTORIAL] - [DEFINE YOUR LIFE TAG TUTORIAL] - [TECH ADDONS] - [3D TEXT]
---------------------------------------------------------------
- GIFTS 2008 -
X
(Busco Staff para el foro)
Spoiler:  PREMIESITOS (click para mostrar)
Txuben
ZP Addicto
**

ZP Points: 0
Desconectado Desconectado

Mensajes: 153
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« Respuesta #2 en: Octubre 03, 2006, 11:22:11 »
Si es basico pero gusta el resultado equisde

Me equivoco?  Roll Eyes
En línea
 
[ZP] Enrique GutBarr
As Roma
Administrador
ZP xTreme
*****

ZP Points: 104
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3228
$288.00 Zollars

Inventorio
Enviame Dinero
LIVE FROM ZP


Ver Perfil WWW
« Respuesta #3 en: Octubre 03, 2006, 11:29:10 »
Cita de: Txuben en Octubre 03, 2006, 11:22:11
Si es basico pero gusta el resultado equisde

Me equivoco?  Roll Eyes

Si es un resultado simple... ojo no estoy diciendo que este malo... esta bueno pero se empieza por cosas asi... es bueno para aprender a hacer botones...

Buen Tuto de nuevo.
En línea
- ·3D TexT -

It's their fault they don't have their money in the bank! xD

- LATEST  TUTORIALS -
[COLORWARE TUTORIAL] - [DEFINE YOUR LIFE TAG TUTORIAL] - [TECH ADDONS] - [3D TEXT]
---------------------------------------------------------------
- GIFTS 2008 -
X
(Busco Staff para el foro)
Spoiler:  PREMIESITOS (click para mostrar)
Darkenest
You've been Egg'd by Roxas
ZP Master
****

ZP Points: -5
Desconectado Desconectado

Sexo: Masculino
Mensajes: 854
$32.00 Zollars

Inventorio
Enviame Dinero

Próximamente,Estreno portafolio...


Ver Perfil
« Respuesta #4 en: Octubre 03, 2006, 12:10:42 »
yo los agi con flash pero voy a probar a hacerlos como tu a y buen tuto!! Wink
En línea
Mi Gran portafolio cutre------>http://darkenest.coolpage.biz/<--------------
[ZP] Enrique GutBarr
As Roma
Administrador
ZP xTreme
*****

ZP Points: 104
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3228
$288.00 Zollars

Inventorio
Enviame Dinero
LIVE FROM ZP


Ver Perfil WWW
« Respuesta #5 en: Octubre 04, 2006, 03:36:22 »
Ya fue uploaded el tutorial a la web  Smiley
En línea
- ·3D TexT -

It's their fault they don't have their money in the bank! xD

- LATEST  TUTORIALS -
[COLORWARE TUTORIAL] - [DEFINE YOUR LIFE TAG TUTORIAL] - [TECH ADDONS] - [3D TEXT]
---------------------------------------------------------------
- GIFTS 2008 -
X
(Busco Staff para el foro)
Spoiler:  PREMIESITOS (click para mostrar)
Carlos
2 años
Administrador
ZP xTreme
*****

ZP Points: 17
Desconectado Desconectado

Sexo: Masculino
Mensajes: 2866
$1971.29 Zollars

Inventorio
Enviame Dinero

x


Ver Perfil WWW
« Respuesta #6 en: Octubre 04, 2006, 05:08:59 »
Muy bueno el tuto y basico.
Un truco que yo uso es que en lugar de rellenar en blanco, relleno con un gradient de blanco a transparente, si lo sabes usar bien queda mejor Cheesy
En línea
- Regalos -
CrystalD - .t-d - Roxas - lord - 7uu - .Lm - ~ntl
Gracias a todos Cheesy
Txuben
ZP Addicto
**

ZP Points: 0
Desconectado Desconectado

Mensajes: 153
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« Respuesta #7 en: Octubre 05, 2006, 09:16:43 »
Bueno vendria bien algun tutorial de hacer mas boptones Wink

PD.:Yo ago diseños mas complicados con botones pero claro.. Me cuestan mas rato laugh
En línea
 
kRoNoSs
ZP Addicto
**

ZP Points: 1
Desconectado Desconectado

Sexo: Masculino
Mensajes: 108
$0.00 Zollars

Inventorio
Enviame Dinero

The final countdown has already begun...


Ver Perfil
« Respuesta #8 en: Octubre 05, 2006, 06:21:44 »
Shocked estan chidos los botones! Haber cuando pones un tuto para hacer uno mas complejo y mas chido!


Saludos.
En línea



---------------------------------------------------------------
EL LOKO
ZP User
*

ZP Points: -2
Desconectado Desconectado

Sexo: Masculino
Mensajes: 28
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« Respuesta #9 en: Noviembre 12, 2006, 05:23:32 »
JEJE MIREN EL MIO ES EL PRIMERO Q HAGO ESPERO Q LES GUSTE NO ME QUEDO IGUAL PERO MAS O MENOS PARECIDO JEJE

AKI ESTA EL PRIMERO: http://i15.tinypic.com/2mphlq8.gif


AKI ESTA EL SEGUNDO: http://i10.tinypic.com/453z7gh.gif
« Última modificación: Noviembre 12, 2006, 06:54:51 por EL LOKO » En línea
ESTO ES MI PRIMERA VEZ EN EL PHOTOSHOP Y MI PRIMERA FIRMA


Entra A Mi WEB www.ranketeopr.com y registrate se busca staff moderadores moderadoras disenadores de todo!!!!!!!!!!
lmartinezcastillo
ZP User
*

ZP Points: 0
Desconectado Desconectado

Mensajes: 11
$0.00 Zollars

Inventorio
Enviame Dinero

Ver Perfil
« Respuesta #10 en: Noviembre 13, 2006, 07:36:46 »
Cita de: Txuben en Octubre 03, 2006, 10:51:33
Photoshop Tutorial

Por Txuben

Bueno aprenderemos a hacer un boton parecido a este,espero que les guste.


----------------------------------------------------------------------------------------

Comenzemos creando un nuevo ducmento de 80x30 pixeles y le aplicamos el color que querammos para el boton,despues de esto creamos una nueva capa y le damos doble click y le aplicamos las siguientes cosas.



Ahora haz una nueva capa y despues una seleccion con el "elipctical marquee tool" la seleccion la rellenamos de blanco y bajamos la opacidad a 50%,ami me quedo asi.



Ahora hacemos otra nueva capa y presionamos ctrl+a y nos vamos a Edicion>>contornear y ponemos 1px y de color negro



Ahora lo que nos queda es agrgar nuestro texto  equisde

Resultado final



El .psd lo pueden descargar de ---> AQUÍ

----------------------------------------------------------------------------------------

Bonito y facil,que me dicen
 Tongue  Tongue

----------------------------------------------------------------------------------------

donde dice El .psd lo pueden descargar de ---> AQUÍ
no funciona arreglalo please para poder bajarlo, saludos
En línea
6741545
ZP User
*

ZP Points: 0
Desconectado Desconectado

Mensajes: 9
$0.00 Zollars

Inventorio
Enviame Dinero

Ver Perfil
« Respuesta #11 en: Diciembre 20, 2006, 08:09:09 »
Oye amigo disculpa la molestia, pero ami no me aparece la somba
-------------------------------------------------------------------------------

una nueva capa y le damos doble click y le aplicamos las siguientes cosas.



Ahora haz una nueva capa y despues una seleccion con el "elipctical marquee tool"  la seleccion la rellenamos de blanco y bajamos la opacidad a 50%,ami me quedo asi.

------------------------------------------------------------------------------------------
Eso no me funciona Cry =(
En línea
CoPa
ZP User
*

ZP Points: 0
Desconectado Desconectado

Sexo: Masculino
Mensajes: 12
$12.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« Respuesta #12 en: Abril 10, 2007, 10:43:04 »
esta weno el tutorial pero... me podriais ayudar a hacerlo para que cuando pasen el raton por encima del boton se ilumine? es para una pagina web que estoy haciendo porfavor ayduarme!!! Gracias  Wink
En línea
Páginas: [1]   Ir Arriba
Imprimir
« anterior próximo »
Ir a: