Dcaic.com, dedicado al Diseño Web
Inicio Inicio | Mapa del sitio Sitemap | Contacto Contacto


 

Tutorial para crear un botón estilo Web 2.0 brillante usando Adobe Illustrator

Fácil :)

Primero, dibuje un círculo (usar tab + Shift) y llénelo con la herramienta degradado radial así:

Ahora, copie ese círculo, péguelo encima del primero y hágalo más pequeño. Gire el relleno de pendiente en ese círculo más pequeño por 180 grados. Este creará un efecto "Brillando".

Tutoriales de Illustrator botón estilo Web 2.0

Haga otro círculo y cambie el tamaño de él para hacerlo más pequeño que el hicimos en el paso anterior. Llénelo usando la herramienta degradado radial simple.

Tutoriales de Illustrator botón estilo Web 2.0

Haga un cuarto círculo (este es el último) más pequeño que el tercero y con la herramienta de pluma cree una forma que se parecerá a la de la imagen: (de un clic en el punto de ancla inferior para eliminarlo).

Tutoriales de Illustrator botón estilo Web 2.0

Hecho. Eso no fue difícil, żo sí?

Si usamos efectos como el Desenfoque Gaussiano podemos lograr más realismo a nuestro botón.

Tutoriales de Illustrator botón estilo Web 2.0

He aquí algunas ideas de muestra obtenidas de este botón listas para incorporar en tu página web:

Tutoriales de Illustrator botón estilo Web 2.0

 

Ver todos los tutoriales.

Tutoriales relacionados:
Tutoriales de Illustrator - Tutorial: Transformar, diseñar, mezclar Tutorial: Transformar, diseñar, mezclar.
Tutoriales de PHP - Creación de un libro de visitantes Illustrator - Crear estilos de párrafo en Adobe Illustrator Crear estilos de párrafo en Adobe Illustrator.
Tutoriales de Illustrator - Tutorial para crear un botón estilo Web 2.0 brillante usando Adobe Illustrator Tutorial para crear un botón estilo Web 2.0 brillante usando Adobe Illustrator.
Tutoriales de Illustrator - Cómo alinear varios elementos sin mover el que hace de referencia Cómo alinear varios elementos sin mover el que hace de referencia