Botón de Agua con photoshop
2
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.
description
Efecto de botón de agua utilizando el programa de photoshop
Transcript of Botón de Agua con 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 > DeselectY 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 shadowAplica 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%.
