Botón de Agua

Tutorial Photoshop

Tutorial por Solo Photoshop de http://www.solophotoshop.com/

SoloPhotoshop

TUTORIALES PHOTOSHOP BOTÓN DE AGUA... Abre un nuevo documento de 150 X 150 px con fondo blanco, en modo RGB (RVA en castellano) Crea un nuevo layer - Layer > New > Layer Toma la herramienta Heliptical Marquee y crea una selección circular con los siguientes parámetros: - Feather = 0 - Antialias = Verificado - Style = Fixed Size - Width = 100 px Height = 100 px
	Ahora con la herramienta de Degradado y aplicamos de arriba hacía abajo, dentro de la selección. Este es el gradiente usado y este el resultado
Sin perder la selección, crea un nuevo Layer - Layer > New > Layer Reduce la selección en 5 px. - Select > Modify > Contract Aplica un poco de Feather - Select > Feather - Radius = 5 px Ahora pon al blanco como tu color de frente, luego, con la herramienta Gadient selecciona Foreground to Transparent, como ves en la imagen.
	Deselecciona - Select > Deselect Y obtienes este que es un muy bonito botón de agua al al cual ahora nos resta agregarle un poco mas de realismo.
Posiciónate sobre la capa del gradiente azul, y aplica una ligera sombra. - Layer > New Layer Style > Drop shadow Aplica los siguientes valores:
	Y llegamos a un primer resultado.
Si tu botón lo usaras sobre un fondo con textura solo reduce la transparencia de la capa del gradiente azul a valores de entre 90 y 80%, en este caso se redujo a un 85%.
Gracias por tu preferencia

Si tienes dudas recurre a nuestro foro de ayuda con un clic aquí

Comentarios de Botón de Agua

↑ Tutorial

• 

  hitman007

  2005-03-30 20:31

  No se tengo problemas con la herramienta de degradado

  Responder

• 

  Administrador

  2005-04-02 10:30

  Aqui encuentras una explicación sencilla de los degradados - gradientes:
  http://www.baluma.com/Tutoriales/photoshop/home6.asp
  saludos

  Responder

• 

  klitos

  2005-06-13 18:30

  Gracias por compartirnos tus conocimientos, este tutorial esta bastante bueno, me gusto... lo unico que se le olvido decir que antes de quitar la seleccion deberiamos de darle un gussanin blur para que tome la forma que esta alli. Gracias. carlos_miguel88@yahoo.com

  Responder

• 

  Froddo

  2005-06-22 02:30

  Muy buen botón, ya solo falta hacer algunas cosas más, como por ejemplo toda una interface web

  Responder

• 

  charli

  2005-07-06 13:31

  esta buenisimo y super facil!!! que exelente que enseñen cosas como esta felicitaciones adelante...
  
  charli-

  Responder

• 

  pablin

  2006-06-18 00:22

  me quedo muy buenisimo
  grax grax grax =^_^=

  Responder

• 

  richt077

  2006-07-02 09:43

  MUY INTERESANTE Y SENCILLO EL TUTORIAL GRACIAS

  Responder

• 

  CHOFO

  2006-11-10 17:42

  gracias por el tutorial esta muy interesante y esta buennnnnnissssssssssssimo sigue adelante

  Responder

• 

  Zuffyy

  2006-11-29 13:28

  No entiendo como hacer para que me quede esfumado el brillo

  Responder

• 

  x40000

  2006-12-06 15:46

  esta chidoooooooooooo estaaaaaaaaa de pelossssssssss......jajajaja porque hablan asi los mexicanossssss.....porqueeeeeeeeeeeeeee

  Responder

• 

  hipie

  2006-12-20 14:48

  ta de a poca madres carnalito.. y chale x40000 yo tampoco se por que hablamos asina.. chido ese... y k no te tomen de los pelos... ajjajaa broma broma jajaja.. mmm seria bueno analizar lo.. chido ta luego... hipie mexicano

  Responder

• 

  nayades

  2007-02-02 13:14

  me vino como anillo al dedo..!!!

  Responder

• 

  acuario_11

  2008-11-01 14:56

  Soy nuevo en esto, me perdi en "Sin perder la selección, crea un nuevo Layer
  - Layer > New > Layer
  Reduce la selección en 5 px.
  - Select > Modify > Contract Aplica un poco de Feather
  - Select > Feather
  - Radius = 5 px"
  No se donde está lo de select, modify.. etc ni tampoco s reducir la seleccion en 5 px, aunque supongo que será lo de "calado" porfavor, ayudaa! gracias!

  Responder