Crear un Botón de Agua

Tutorial Photoshop de Interfaces y Diseño Web

Tutorial por Jorge Antonio

Nuevo Tutorial de Jorge Antonio en el que nos muestra los pasos a seguir para crear un botón de agua.

1; Primero creamos un archivo nuevo con fondo transparente, yo lo hice de 80 X 80 pixeles, y use el zoom  para que se notará mejor, una vez creado  vamos a la herramienta MARCO ELIPTICO y creamos un circulo,  yo use el color que se muestra abajo en la imagen.

2;

2; Ahora elije el siguiente color y degradan la imagen de la siguiente forma, de abajo hacia arriba. Señale con una línea roja la distancia que use para el degradado.

3; Luego ve hacia  filtro/Desenfocar/Desenfoque Gaussiano y elegimos el “radio” que se muestra abajo y pongo una imagen de como debe de quedar.

4; Ahora escojemos el siguiente color que se muestra abajo, y seleccionamos la herramienta de  DEGRADADO (Degradado Lineal). y muestro con una línea roja la distancia del degradado que use, De la mismo forma de abajo hacia arriba.

5; Despues vamos a filtro/Desenfocar/Desenfoque Gaussiano. y elegimos el siguiente radio. Puse  una imagen de como debe de quedar.

6; Vamos a la pestaña selección, y pulsamos (Deseleccionar).creamos una nueva capa y vamos a la herramienta marco elíptico,hacemos un ovalo mas o menos del tamaño como lo muestra la imagen de abajo y lo acomodamos.

Luego escojemos el color blanco,

Ahora degradamos de arriba hacia abajo, puse una imagen de como debe de quedar.

7; Por ultimo vamos a la capa 1, con la que trabajamos al principio, la seleccionamos y ponemos los siguientes valores a la capa,

8; Este es el resultado final,y lo pueden agregar fácilmente a sus webs. espero les haya gustado y entendido, bye.