Blog

Aquí está, un tutorial paso a paso sobre cómo lograr un efecto de agua en un círculo. con el Illustrator CS (o photoshop) y listo ...

Paso 1 - Dibujar un Circulo

Dibuja el círculo utilizando la herramienta Elipse (haga clic en arrastrar presionando tecla de mayúsculas). Rellene el círculo con un gradiente circular. Los valores del primer gradiente de color que se utiliza R194, G247 y B255, el segundo gradiente de color: R75, G147 y B255. Los valores del color de la frontera alrededor del círculo son R76, G159 y B240 con un grosor de 1 pt.

Paso 2 - Editar la posicion del gradiante

Modificar la posición de la pendiente utilizando la herramienta de degradado. Mantenga pulsada la tecla Mayús y haga clic en arrastrar una línea vertical hacia arriba en el centro del círculo (de algún lugar en la parte inferior para un poco por encima del centro del círculo).

Step 3 - Añadir un elipse blanco arriba

Dibuja una pequeña elipse de color blanco en la parte superior del centro del círculo y alinearlo con el círculo (seleccionar ambas formas y seleccionar el centro de alinear objetos en la opción Adaptar la paleta).

Paso 4 - Crear una mascara de opacidad (create an opacity mask)

Copie la elipse de color blanco y pegarlo en el frontal (comando y control + f). Seleccione elipse ambas formas y seleccione la opción "Hacer Opacidad Máscara" en la paleta de Transparencia.

Paso 5 - Editar la mascara de opacidad si lo necesitas

Para editar el gradiente de máscara (si es necesario) para lograr el resultado deseado, es necesario seleccionar el gradiente de la máscara en la paleta Transparencia. Ahora que se ha seleccionado la máscara se puede jugar con el negro y con pendiente en la Paleta de Gradiente. O puede utilizar la herramienta de degradado para modificar la dirección o la posición de la pendiente.

Resultado Final

Cuando haya logrado el mejor resultado, desactive la opacidad de la máscara haciendo clic sobre el icono de imagen en la paleta Transparencia. Voilà listo :-)

Experimenta con otras formas (shapes)

Pruebe esta técnica a otras formas como los botones con esquinas redondeadas, por ejemplo. A continuación encontrará algunos ejemplos de otras formas y otras técnicas para lograr el efecto del aqua.