¿Que hora es? ¡Es crear iconos en Adobe Illustrator Time!

Lo que vas a crear

¡Matemático! Crea tres diseños de iconos fantásticos con los personajes de Adventure Time: Jake, Finn y Princess Bubblegum. Usaremos formas simples para dar vida a cada personaje, listo para el uso de aplicaciones móviles o de escritorio. ¡Los toques simples como gradientes largos y contornos realmente hacen que estos iconos resalten! Abrir Adobe Illustrator CC y vamos a ir.

1. Prepare su documento

Paso 1

Crear un Nuevo documento de cualquier tamaño en el que te sientas cómodo trabajando; Normalmente creo un conjunto de iconos dentro de un documento de 800 px cuadrado. Utilizar el Herramienta Rectangular (M) para dibujar un rectángulo grande que se superponga a toda su Artboard. Rellena tu rectángulo con una Gradiente radial en el Gradiente Panel pasando de gris medio a gris oscuro..

Paso 2

Ajusta el radio de tu degradado radial con el Herramienta de gradiente (G) así que el radio es más elíptico que un círculo perfectamente redondo.

2. Jake el perro: formas básicas

Paso 1

Dibuja un cuadrado amarillo mostaza con el Herramienta rectangular. Jale la Esquinas vivas hacia adentro para redondear el rectángulo. Si no estas usando Adobe Illustrator CC, puedes usar el Herramienta de rectángulo redondeado en lugar.

Paso 2

A continuación, dibujaremos los ojos de Jake. Utilizando la Herramienta Elipse (L), Dibuja un círculo negro o gris oscuro. Dibuje un círculo blanco más pequeño dentro del negro, asegurándose de colocarlo más cerca de la parte superior derecha que del centro. Repetir con el ojo derecho.

Paso 3

Trabajemos en el bozal de Jake.

  1. Comience con tres rectángulos redondeados. Superponga ambos lados del rectángulo redondeado horizontal con los dos verticales. Asegúrate de que los verticales estén girados ligeramente hacia afuera..
  2. Unir las tres formas en el Pionero panel. Utilizando la Herramienta Pluma (P)Herramienta de lápiz (N), dibuje una forma que se superponga a la parte superior izquierda para suavizarla (ver más abajo). La esquina es demasiado severa como es. Selecciona ambas formas y pulsa Frente menos en el Pionero panel.
  3. Repita con la parte inferior izquierda del diseño: dibuje una forma que suavice la esquina inferior izquierda y presione Frente menos en el Pionero panel.
  4. Puede repetir los pasos anteriores en el lado izquierdo o reproducir la mitad izquierda para el derecho.
  5. Superponga la mitad derecha de su diseño con un rectángulo grande. Golpear Frente menos una vez más en el Pionero panel. 
  6. Copiar (Control-C) y Pegar (Control-V) el lado izquierdo restante. Reflejar el objeto copiado sobre un Eje vertical y alinear el lado derecho con el izquierdo. Unir las dos formas en el Pionero panel.

Etapa 4

Coloque el hocico entre los ojos, superponiéndolos ligeramente. Dibuja una elipse para la nariz y establece el contorno de la forma del hocico en 2-4 pt en el Carrera panel.

Paso 5

Trabajemos en la boca y los dientes..

  1. Utilizar el Lapicera para dibujar una boca sonriente de color marrón rojizo y colocarla debajo del hocico en el Capas panel.
  2. Dibujé un semicírculo para la lengua y puse el color de relleno a rosa. Cada diente es un rectángulo redondeado.. 
  3. DupdoPegar Tres formas de dientes en la parte superior de la boca. Seleccionar los dientes y objetos de la boca. Con el Herramienta de creación de forma (Shift-M), Seleccione las porciones de los dientes que no se intersecan con la forma de la boca. Me gusta simplemente arrastrar mi herramienta por todas esas formas para que se fusionen, desconectándose del resto de los dientes..
  4. Elimine las partes que no se intersecan de los dientes y agregue contornos a los dientes, la boca y la lengua de 1-3 pt.

3. Jake el perro: añadiendo gradientes

Paso 1

Dibuja un par de formas rectangulares largas con el Lapicera desde el hocico hasta la esquina inferior derecha. Aplicar un Gradiente lineal a las formas que van del ocre amarillo en 100% a 0% de opacidad en el Gradiente panel.

Paso 2

Selecciona el rectángulo base y aplica un Gradiente lineal pasando de amarillo a amarillo mostaza, con el más oscuro de los dos colores en la esquina inferior derecha.

Paso 3

Seleccionar y Grupo (Control-G) sus componentes de icono juntos. DupdoPegar el rectángulo base sobre el diseño de su icono. Seleccione ambos y Hacer una máscara de recorte (Control-7) por lo que sus gradientes largos ya no se extienden más allá del diseño del icono.

Etapa 4

Coloque un rectángulo amarillo oscuro detrás del icono y muévalo hacia abajo ligeramente para darle al icono alguna dimensión adicional.. Grupo El grupo de máscara de recorte y el nuevo rectángulo juntos. Seleccione el grupo y aplique un Sombra paralela yendo a Efecto> Stylize> Drop Shadow. Agregue los siguientes atributos:

  • Modo: Multiplicar
  • Opacidad: 25%
  • Desplazamiento X: 4 px
  • Offset Y: 6 px
  • Difuminar: 1 px
  • Color: Negro

4. finn el humano

Paso 1

DupdoPegar El rectángulo base del icono de Jake. Establezca el relleno degradado en blanco a gris claro. Agregue la sombra paralela a la forma base como hicimos con el ícono anterior.

Paso 2

Para la cara de Finn, dibuje una elipse de color melocotón en el centro del icono. Establezca el color de relleno en melocotón claro en melocotón mediano en el Gradiente panel. Establezca el color del trazo en el mismo negro o gris oscuro que usamos en el icono de Jake con un peso de 2-3 pt.

Paso 3

Dos pequeños círculos forman los ojos de Finn. He añadido un Gradiente lineal En cada una va del gris oscuro al negro. Para la boca, dibujé una forma curva con la Herramienta Lápiz. Imagina que esto es una forma de jalea o riñón. También puedes dibujarlo con la Lapicera si te resulta mas comodo. 

Etapa 4

Al igual que los dientes de Jake, los de Finn también son pequeños rectángulos redondeados. Tiene un hueco en los dientes, por lo que uno está a la izquierda y dos se superponen entre sí a la derecha. Al igual que con la boca de Jake, use la Herramienta de construcción de forma para eliminar los componentes del diente que no se intersecan de la forma de la boca.

Paso 5

Para los contornos, DupdoPegar cada uno de los dientes. Establece las copias en negro con contornos negros y Alinear Detrás de las formas de los dientes blancos. Luego, dibuje un semicírculo o medio corazón para la lengua rosada.

Paso 6

Al igual que con el icono de Jake, dibuja una forma de degradado rectangular que va desde la cara hasta la esquina inferior derecha del icono. Colóquelo detrás de los componentes de la cara en el Capas panel. Utilizar una Máscara de recorte para recortar la forma degradada al rectángulo.

Para la camisa de Finn, dibuje un rectángulo azul sobre la parte inferior del ícono de Finn. Utilizar el Herramienta de construcción de forma para eliminar el componente no intersecante del icono. Aplicar un Gradiente lineal De azul brillante a azul medio a la forma..

Paso 7

Vamos a añadir un par de toques finales a este icono. Dibuje un rectángulo redondeado azul oscuro detrás del resto del icono para agregar dimensión al propio icono. Utilizar el Herramienta elipse para dibujar una elipse de durazno en la parte superior de la cara. Asegúrate de que el gradiente va de melocotón ligero a 100% a 0% de opacidad.

Paso 8

Asegúrese de que cada icono esté Agrupados Junto con sus propios componentes. También asegúrese de que los trazos en cada icono sean de un ancho similar en comparación con la variedad que puede ver a continuación. Pasemos a nuestro icono final, la princesa Bubblegum!

5. Princesa Bubblegum

Paso 1

Dibuja un cuadrado rosa redondeado. Superponga el cuadrado con un círculo rosa claro en la mitad inferior del icono. 

Paso 2

Superponer la parte superior de la cara con un rectángulo y golpear Frente menos en el Pionero panel para crear su franja contundente. 

Paso 3

Para la corona de PB, dibuje un rectángulo largo, delgado y amarillo en la parte superior de la cabeza. Dibuja un pequeño rectángulo vertical en el centro hacia arriba. Luego, dibuja un círculo amarillo para rematar todo.

Los ojos de PB son dos pequeños círculos negros y ella tiene un pequeño círculo azul en el centro de la parte superior de su corona. Finalmente, su cuello es un delgado rectángulo rosado debajo de la forma de la cara que termina en el borde inferior del icono.

Etapa 4

Unir Las formas de cara y cuello juntas en el Pionero panel. Añade un contorno a la cara y la corona amarilla de 2-4 pt.

Paso 5

Utilizando la Lapicera, Dibuja un semicírculo o una curva suave para la boca. Establezca el color de relleno en nulo y el trazo en 2-3 pt de peso con Gorras redondeadas en el Carrera panel.

Paso 6

Por último, vamos a añadir algunos gradientes simples y formas de degradado.

  1. La corona tiene un color amarillo a amarillo ocre. Gradiente lineal.
  2. La cara es rosada a rosa medio..
  3. Hay dos formas de degradado: una debajo de la corona y otra debajo de la cara. Ambos son de color rosa oscuro en 100% a 0% de opacidad. 

Al igual que con los otros íconos anteriores a este, usa una Máscara de recorte para recortar los componentes del icono y agregar una Sombra paralela al diseño del icono final.

Oh mi glob, estas hecho!

Reúna sus iconos en una pequeña fila ordenada porque está listo para ir. Agrega más personajes a tu set como Marceline, B-MO y mi favorita, Lumpy Space Princess. Hay tantos personajes fantásticos en el Candy Kingdom, listos para ser convertidos en íconos para tu escritorio o panel de control móvil. Comparte tus creaciones en la sección de comentarios a continuación.!