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:

 

 

 

 

 

 

1era Clase: Introducción y efecto de sol naciente

 

 

Adobe ILLUSTRATOR Introducción

 

 

Adobe ILLUSTRATOR (Ai) es un editor de gráficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como «mesa de trabajo» y está destinado a la creación artística de dibujo y pintura para ilustración. Contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en (maquetación-publicación) impresión, vídeo, publicación en la Web y dispositivos móviles. Como se mencionó antes, usa gráficos vectoriales que  se refiere a  una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad.

 

Introducción de Herramientas

 

 

 

1era Clase : Efecto de Sol Naciente

 

Vamos a Illustrator, ponemos nuevo y a continuación configuramos las siguientes características de la nueva hoja de trabajo:

 

 

 

Una vez echa la hoja de trabajo vamos directamente a la herramienta elipse (si esta configurada otra forma mantenemos clic en esa herramienta y se nos abrirá un cuadro mostrándonos varias formas en donde elegiremos elipse)

 

 

 

 

Y ahora dibujamos nuestro circulo en el centro de la hoja no importa el tamaño ya que le configuraremos manualmente a 150 de altura y de ancho.

 



 

En la esquina superior izquierda, en el cuadro que dice trazado le damos clic y se nos abrirá una paleta de colores. Vamos a elegir el que es blanco con una raya roja inclinada que indica que queremos que el relleno de nuestra forma sea transparente.

 

Y luego en la barra de herramientas de la derecha le damos clic donde dice trazado y ponemos la opción "LÍNEA DISCONTINUA"

 

Y así quedaría nuestro círculo

 

 

 

Ahora en la misma ventana de trazado donde pusieron línea discontinua, en la parte donde dice guión póngale de tamaño 10 y arriba donde dice grosor póngale 135 y nuestro círculo cambiará a esta forma:

 

Illustrator todavía toma esta forma como un círculo nos damos cuenta al querer seleccionarla con la primera herramienta y para que podamos editarla a nuestro gusto debemos hacerle entender que ya no es un círculo. Para poder hacerlo nos vamos a la parte de arriba a la opción :
Objeto>Acoplar transparencia>ok

 

Ahora volvemos a la ventana de trazado y le damos donde dice degradado. En el cuadro blanco donde dice tipo ponemos Radial , que le dará un efecto más vivo.

Para configurarle color a el sol, vamos a la barra de degradado y le damos clic en el cuadro de abajo, a continuación ponemos en muestras y elegimos el color que queramos.

 

También podemos regular el degradado moviendo el cuadro de arriba de la barra de degradado a nuestro gusto.

 

 

Si queremos cambiar efecto o el diseño de nuestro sol vamos a la sección efectos>Distorsionar y transformar , elegimos el que queramos y probamos como queda con la opción de "previsualizar" que cada efecto posee si es que no queremos arriesgar nuestro diseño.

 

 

 

 

 

Les dejo a su disposición este efecto para el que se anime y quiera intentarlo.