2da Clase: Diseño de boton

Diseño de botón

 

 

 

 Para realizar este diseño de botón debemos hacer lo siguiente:

 

Abrimos Illustrator , ponemos archivo y nuevo (cualquier configuración)

 

Van a la herramienta de formas, eligen elipse

 

 

Creamos un círculo procurando que esté en el medio de la mesa de trabajo, le quitamos los bordes y lo pintamos de un rojo puro.

 

 

 

Ahora creamos un circulo mas pequeño lo colocamos en la parte inferior de circulo blanco y lo pintamos de un color amarillo.

 

 

 

Ahora nos vamos a la opción OBJETO>FUSIÓN>CREAR , y verán como los colores del círculo pequeño se esparcieron hacia arriba.

 

 

 



Queda algo así:

 

 

 

Ahora necesitamos crear un tercer círculo que sea grande pero de menor tamaño que el primero. Lo colocamos en la parte superior de nuestro botón y ahora lo seleccionamos con la segunda herramienta que se llama selección directa , le damos clic a uno de los puntos para ajustar tamaño nos saldrá una especie de líneas que pasan por los bordes de los círculos así como se ve en la figura.

 

 



Lo que tenemos que hacer es, estando hasta este paso le damos clic en el punto de abajo y mantenemos el clic arrastrando hacia arriba el mouse, lo que provocara que el círculo quede como una semi-curva.

 

 

 

Ahora aquella semi-curva que acabamos de hacer la pintamos de blanco, y en la barra de la derecha vamos a la opción de degradado y le damos clic a la barra de degradado para que se active.

 

Nos quedaría así:

 

 

Ahora en las opciones de degradado en una parte me sale para colocar el ángulo del degradado. Vamos a ponerle -90 le damos ENTER y verán como el degradado cambia.

Luego nos vamos a la opción de Transparencia que esta alado de degradado y donde dice tipo: normal , vamos a ponerle TRAMA

 

Una vez que hayamos puesto TRAMA nuestro gráfico queda así:



 

 

 

Ahora nos faltaría el agujero del medio.

Para hacerlo vamos a crear un circulo nuevo que sea pequeño, lo seleccionamos y ponemos CTRL+C para copiarlo y luego CTRL+F para pegarlo y que nos aparezca alfrente del primero. Entonces seleccionamos el segundo (el que aparece alfrente) y le quitamos el color. Lo achicamos manteniendo CTRL+SHIFT para que solo se mueva el punto que quiero achicar. Y lo que debemos hacer es que el color de primero aparente ser los bordes.

 

Lo achicamos al gusto y ya solo restaría seleccionarlo y moverlo en el medio del primer gráfico siempre tratando de alinear con los vectores  y listo ya tenemos nuestro botón.

 

 

 

Botón listo: