Cómo diseñar un conjunto de iconos de circo en Adobe Illustrator

Lo que vas a crear

Los circos retro y las ferias tienen su propia atmósfera encantadora que me hace querer dibujarlas una y otra vez. Si disfruta de esas formas y colores de un circo de estilo retro, siga este tutorial y aprenda a diseñar un conjunto de iconos de circo planos, utilizando formas simples y efectos de distorsión y trabajando con una variedad de herramientas y funciones de Adobe Illustrator.. 

Al final de este tutorial, aprenderá algunos consejos y trucos nuevos y podrá expandir el conjunto, creando más íconos de circo. Si desea diseñar otra cosa utilizando estas técnicas, asegúrese de haber navegado por GraphicRiver en busca de inspiración..

1. Cómo crear un payaso plano en Adobe Illustrator

Paso 1

Empecemos representando al payaso, empezando por la cabeza. Tomar el Herramienta de rectángulo redondeado y hacer un 75 x 115 px Forma amarillenta con esquinas totalmente redondeadas. Puedes ajustar el Radio de esquina ya sea desde el panel de control en la parte superior o en el Transformar panel. Otra forma de editar la redondez de las esquinas es hacerlo manualmente utilizando el Herramienta de selección directa (A) y el Esquinas vivas característica (pequeños marcadores circulares al lado de cada esquina de la forma).

Elige el Herramienta elipse (l) y coloca un 26 x 26 px circulo para la nariz. 

Paso 2

Asegúrate de haber colocado la nariz en el centro de la cara seleccionando la forma de la nariz y la cabeza y haciendo clic en la cabeza una vez más para que sea una Objeto clave. Abre el Alinear panel y haga clic Centro de alineación horizontal para alinear ambas formas.

Colocar un 9 x 9 px Punto rosa claro en la parte superior de la nariz para resaltar..

Paso 3

Ahora vamos a añadir los ojos. Hacer una 16 x 16 px círculo con marrón oscuro Carrera y no Llenar. Dirígete a la Carrera panel y establecer el Peso a 4 puntos y Gorra a Tapa redonda.

Tomar el Herramienta de tijera (S) y haga clic en ambos puntos de anclaje laterales para dividir la forma. Ahora podemos borrar la parte inferior de la forma. Seleccione el párpado creado con el Herramienta de selección (V), sostener Alt-Shift y arrastre hacia la derecha, creando una copia para el segundo ojo.. 

Etapa 4

Tomar el Herramienta de rectángulo redondeado Y vamos a hacer una forma azul claro para la ceja. Crear un 10 x 5 px Rectángulo con esquinas totalmente redondeadas. Manteniendo la forma seleccionada, haga doble clic la Herramienta de rotación (R) y establecer el Ángulo a 20 grados.

Paso 5

Ahora haga doble clic la Herramienta de reflexión (O) y seleccione el Eje vertical. Hacer clic Dupdo para crear una copia reflejada de la ceja y moverla al lado opuesto de la cara.

Paso 6

Grupo (Control-G) los ojos, y luego grupo Las cejas y seleccionar ambos grupos junto con la forma de la cabeza. Haga clic en la cabeza una vez más para que sea una Objeto clave, y usar el Alinear panel para alinear todos los elementos a la Centro horizontal De la cabeza.

Paso 7

Representa una boca de la misma manera que creamos los párpados. Hacer un gran 53 x 53 px círculo con marrón oscuro Carrera y 4 puntos de peso. Divide la forma usando la Herramienta de tijera (S) y borra su parte superior, creando así una boca sonriente..

Paso 8

Expandamos la boca en Objeto> Expandir Apariencia Para convertirlo en curvas. Ir Objeto> Ruta> Ruta compensada y establecer el Compensar valor para 5 px, Deje todas las demás opciones por defecto y haga clic en DE ACUERDO. Rellene la nueva forma con el mismo color rojo que tenemos para la nariz usando el Herramienta de cuentagotas (I)

Paso 9

Ahora le agregaremos el pelo a nuestro payaso. Haz dos círculos azules de 35 x 35 px y 40 x 40 px Tamaño por el lado izquierdo de la cabeza. Manteniendo ambos círculos seleccionados, presione Shift-Control- [ a Enviar las formas volver, debajo de la cabeza Sostener Alt-Shift y arrastre los círculos hacia el lado opuesto de la cabeza con la Herramienta de selección (V), haciendo una copia.

Ahora que el retrato de nuestro payaso está listo, vamos grupo (Control-G) todos sus elementos. 

Paso 10

Formemos una base circular para nuestro icono. También lo usaremos para nuestros próximos íconos. Hacer una 180 x 180 px círculo opaco y púrpura Enviar hacia atrás (Shift-Control- [) colocarlo detrás del payaso.

Además, para darle a nuestro icono un aspecto completo, necesitamos agregar una sombra plana y larga. Hacer una 115 x 115 px Rectángulo de color morado claro. Cambiar el Modo de fusión a Multiplicar en el Transparencia Panel, haciendo la forma semitransparente.. 

Paso 11

A continuación, gire la forma 45 grados ya sea utilizando el Herramienta de rotación (R), la Herramienta de transformación libre (E), o la Herramienta de selección (V). Coloque la forma sobre la cabeza del payaso, para que se ajuste a los bordes de la cara y el cabello (es posible que necesite cambiar el tamaño del rectángulo un poco). 

Paso 12

Utilizar el Herramienta de selección directa (A) para ajustar los puntos de anclaje de la sombra a los bordes de la cabeza del payaso. Acercar (Control- +)  Para que sea más fácil hacer que las formas encajen entre sí..  

Paso 13

Enviar la sombra Hacia atrás presionando Controlar-[ Un par de veces para colocarlo entre la cabeza del payaso y la base de iconos..

Ahora veamos cómo podemos ocultar la parte innecesaria de la sombra.. Dupdo el icono y Pegar en el frente (Control-C> Control-F). Traer la copia al frente (Control-]), a lo más alto. Finalmente, seleccione todo, haga clic en el Botón derecho del mouse y Hacer máscara de recorte, De esta manera ocultando todos los objetos dentro del círculo superior.. 

¡Ahí lo tenemos! Nuestro primer icono está listo. Vayamos a la siguiente.. 

2. Cómo dibujar un ícono plano del circo en Adobe Illustrator

Paso 1

Usemos la forma que hemos hecho para que la cabeza del payaso diseñe el cañón.. Copiar (Control-C) la forma, Pegar (Control-V) y rotalo 90 grados.

Ir Efecto> Deformación> Arco y establecer el Curva vertical valor para -5% Distorsión horizontal a 10%, Haciendo el lado derecho de la forma ancha y abultada..  

Paso 2

Objeto> Expandir La forma de aplicar el efecto. Tomemos el Herramienta de borrador (Shift-E), sostener Alt, y borra la parte izquierda de la forma..

Utilizar el Herramienta de selección directa (A) para seleccionar los puntos de anclaje superior e inferior izquierdo y arrastrarlos más hacia la izquierda, extendiendo la forma. 

Paso 3

Ahora tenemos que representar la boca del cañón. Ármate con el Herramienta Elipse (L) y agrega un óvalo aplastado al lado izquierdo del cañón. Asegúrate de que la altura de la elipse se ajuste al borde izquierdo del cañón, ajustando los puntos de anclaje de las formas entre sí. Recuerde usar el Guías inteligentes (Ver> Guías inteligentes) para facilitar este proceso.

Ahora ve a Objeto> Ruta> Ruta compensada y establecer el Compensar valor para -2 px. Rellena la nueva forma de color púrpura, representando la parte interior del cañón.. 

Etapa 4

Decoremos nuestro cañón con algunas rayas y estrellas.!

Hacer una 30 x 130 px raya roja utilizando el Herramienta Rectangular (M). Ir Efecto> Distorsionar y Transformar> Zig Zag. Establece el tamaño en 5 px, Crestas por segmento a 10, y Puntos a Esquina. 

Paso 5

Objeto> Expandir Apariencia La forma para aplicar el efecto y mover nuestro zig-zag a la parte frontal del cañón. Selecciona tanto el cañón como el zig-zag y toma el Herramienta de creación de forma (Shift-M). Sostener Alt y coloque el mouse sobre la parte innecesaria de la forma roja. A medida que el cursor del mouse cambia a un pequeño signo menos, haga clic en la pieza resaltada para eliminarla. 

prensa Controlar-[ Un par de veces para mover el zigzag bajo el cañón del cañón.. 

Paso 6

Sigamos adelante y agreguemos otra raya a nuestro cañón. Crear un 30 x 110 px rectángulo azul, usando el Herramienta Rectangular (M). Tomar el Herramienta estrella y hacer un 5 puntas estrella en la parte superior de la franja azul. 

Paso 7

Seleccione la estrella, mantenga Alt-Shift y arrastre la forma hacia abajo, creando una copia en la parte inferior de la franja azul. Selecciona ambas estrellas y ve a Objeto> Mezcla> Hacer. Ahora que tenemos un grupo de estrellas, podemos ajustar su cantidad y el espacio entre los elementos usando Objeto> Mezcla> Opciones de mezcla. Selecciona el Espaciado a Pasos especificados igual 3

Paso 8

Usemos un Máscara de recorte Para ocultar las partes innecesarias de la decoración dentro del cañón.. 

Duplicar (Control-C> Control-F) la forma del cañon y Traer la copia al frente (Shift-Control-). Seleccione todas las partes del cañón, haga clic en el Botón derecho del mouse y Hacer máscara de recorte. 

Paso 9

Tomar el Herramienta Elipse (L) y representemos la rueda. Hacer una 50 x 50 px circulo rojo. Duplicar (Control-C> Control-F) el círculo y hacer la copia más pequeña, ajustando su tamaño a 45 x 45 px. Hacer el color de la nueva forma un poco más oscuro. Termine la rueda creando otra copia del círculo y configurando su tamaño en 25 x 25 px. Grupo (Control-G) todos los elementos de la rueda.

Paso 10

Ahora giremos el cañón para hacer que la composición sea un poco más dinámica.. Grupo Todas las partes del cañón (excluyendo la rueda).. Haga doble clic la Herramienta de rotación (R) y establecer el Ángulo a -20 grados.

Mueva la rueda un poco hacia la izquierda, manteniendo el equilibrio adecuado. 

Paso 11

Vamos a usar la base del círculo de nuestro primer icono. Duplícalo y coloca nuestro cañón sobre una base circular. No te olvides de ajustar la sombra. Posibilidad de colorear el icono y la sombra a turquesa.. 

Voila! Pasemos a nuestro último icono.. 

3. Cómo hacer un icono de Magic Hat en Adobe Illustrator

Paso 1

Podemos usar la parte del cañón de nuestro cañón para comenzar con el sombrero, o seguir adelante y crear una nueva elipse de color púrpura oscuro. 103 x 13 px tamaño. Aplica el Ruta de desvío con -4 px Offset Valor para crear la parte interior del sombrero.. 

Tomar el Herramienta Rectangular (M) y hacer un 54 x 57 px forma. Aplicar un color morado más oscuro y Enviar hacia atrás (Shift-Control- [), colocándolo debajo del borde.

Paso 2

Manteniendo seleccionado el rectángulo creado, aplicar Efecto> Warp> Bulge con -Curva Vertical 3% valor y 12% de distorsión vertical.

Objeto> Expandir Apariencia Para convertir la forma en curvas. Aquí también he decidido cambiar el color del círculo superior a púrpura oscuro, haciendo que el sombrero se vea más tridimensional.. 

Paso 3

Vamos a añadir una cinta brillante a nuestro sombrero de copa. Hacer una 75 x 15 px raya turquesa usando el Herramienta Rectangular (M). Seleccione tanto la franja como la parte rectangular de nuestro sombrero y use la Herramienta de creación de forma (Shift-M) mientras lo esté agarrando Alt Para hacer clic y eliminar las piezas no deseadas de la cinta..

Etapa 4

Ahora representemos una varita mágica. Utilizar el Herramienta de rectángulo redondeado hacer un 95 x 10 px Forma de color amarillo claro con esquinas totalmente redondeadas..

Ahora podemos usar el Herramienta Rectangular (M) hacer un 45 x 10 px forma de color púrpura oscuro en la parte superior de la varita o duplicar La forma amarilla y el uso de la Herramienta de borrador (Shift-E) mientras lo esté agarrando Alt Para borrar las puntas de la copia y recolorear la forma superior..

Asegúrese de que ambas formas encajen entre sí alineando en el Alinear panel.

Paso 5 

Coloca la varita mágica justo encima del sombrero y usa la Herramienta de rotación (R) para girarlo 10 grados. Speckle unas pocas estrellas usando el Herramienta estrella y variando los tamaños de los elementos..

Paso 6

Coloque el sombrero mágico en la base de un icono redondo y aplique un color rojo pálido al círculo ya la sombra semitransparente.. 

¡Apúntate para el Evento Principal! Nuestros iconos planos de circo están terminados!

¡Fantástico trabajo, mis amigos! Espero que hayas disfrutado siguiendo este tutorial divertido y fácil y que hayas descubierto algunos consejos y trucos nuevos. Ahora estás listo para crear iconos de circo más sofisticados. ¡Revise toda la variedad de iconos planos en GraphicRiver, y no olvide compartir sus resultados! Que te diviertas!