Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Anunciar en SoloPhotoshop

Botón de Agua | Solo Photoshop

Tutorial Photoshop

 

Tutorial por Solo Photoshop

Solo Photoshop

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

Comentarios de Botón de Agua | Solo Photoshop

↑ Tutorial

  • hitman007

    hitman007

    2005-03-30 20:31

    No se tengo problemas con la herramienta de degradadoM
  • Administrador

    Administrador

    2005-04-02 10:30

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

    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.comM
  • Froddo

    Froddo

    2005-06-22 02:30

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

    charli

    2005-07-06 13:31

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

    pablin

    2006-06-18 00:22

    me quedo muy buenisimo grax grax grax =^_^=M
  • richt077

    richt077

    2006-07-02 09:43

    MUY INTERESANTE Y SENCILLO EL TUTORIAL GRACIASM
  • CHOFO

    CHOFO

    2006-11-10 17:42

    gracias por el tutorial esta muy interesante y esta buennnnnnissssssssssssimo sigue adelante M
  • Zuffyy

    Zuffyy

    2006-11-29 13:28

    No entiendo como hacer para que me quede esfumado el brilloM
  • x40000

    x40000

    2006-12-06 15:46

    esta chidoooooooooooo estaaaaaaaaa de pelossssssssss......jajajaja porque hablan asi los mexicanossssss.....porqueeeeeeeeeeeeeeeM
  • hipie

    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 mexicanoM
  • nayades

    nayades

    2007-02-02 13:14

    me vino como anillo al dedo..!!!M
  • acuario_11

    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!M

↑ Tutorial