Crea una Ilustración de Happy Tree con Bubblefriends

Aprendamos cómo crear un diseño de personajes de árbol divertido desde el boceto inicial hasta hacer cada detalle en Adobe Illustrator. Este tutorial describe un flujo de trabajo profesional para crear ilustraciones basadas en caracteres. Pon una sonrisa en tu cara y vamos a crear una ilustración con personajes amantes de la diversión.!

Puede encontrar los archivos de origen en el directorio etiquetado como "origen" que vino en los archivos que descargó. Es posible que desee examinarlos brevemente antes de comenzar.


Paso 1

Primero, dibujemos nuestro personaje amante de la diversión. Toma tu lápiz y sigue dibujando hasta que la imagen se ajuste a tus necesidades. Para mí, es la calidad del dibujo a lápiz lo que hace que el impacto de la ilustración digital. Así que siempre trato de mejorar mis habilidades de dibujo.!



Paso 2

Limpié el boceto en una caja de luz y llené todos los detalles que faltaban. Para mí es necesario saber cuál será el resultado. Intento completar la imagen en cada etapa del proceso..



Paso 3

Escanea la imagen. Será más fácil rastrear pequeños detalles si utiliza 300 ppp. Use escala de grises para que el tamaño del archivo sea relativamente pequeño. Si es necesario, abra el archivo en Photoshop y seleccione Imagen> Ajuste> Brillo / Contraste para aumentar el contraste de las imágenes.



Etapa 4

Antes de comenzar, miro el boceto e intento saber dónde comenzar y cómo podría ser el proceso de construcción. ¿Dónde podría haber algún problema? ¿Donde empezar? Para mí, este es un paso muy importante. Construye la imagen en tu mente antes de construirla en vectores!

Nota: para mi proceso de trabajo empiezo por construir todas las formas. A partir de entonces, termino esto y agrego los colores..



Paso 5

Abra Illustrator y seleccione Archivo> Nuevo (Comando + N) para crear un nuevo documento. Seleccione el tamaño A4 y el modo de color CMYK. En este modo los colores son más fáciles de manejar. Seleccione Archivo> Colocar para colocar el boceto escaneado. Vaya a la paleta de capas y cree una nueva capa, asígnele el nombre "Árbol". Esa será la capa en la que estamos trabajando. Si tu trabajo es muy complejo, ¡no olvides nombrar tus capas! Bloquea la capa "boceto" también.



Paso 6

Empecemos por el cuerpo del árbol verde. Aunque podríamos crearlo con la herramienta Pluma, prefiero que use la herramienta Elipse, ya que las curvas serán más redondas. Siga el contorno del cuerpo del árbol creando círculos en los tamaños necesarios. Mantenga presionadas las teclas Alt + Mayús cuando use la herramienta Elipse para crear círculos perfectos. Luego llene el espacio en el medio. Seleccione todos los círculos, presione Agregar al área de forma en la paleta de Pathfinder, y luego presione el botón Expandir. El Pathfinder es una herramienta de Illustrator muy útil, asegúrese de saber de qué se trata.!





Paso 7

A continuación creamos el tronco del árbol. Para ello utilizamos la herramienta Pluma. Empieza a trazar el tronco del boceto. Use un trazo de 0,25 puntos para que pueda ver el boceto. Es necesario estar lo más cerca posible en las líneas de lápiz. Las curvas de Bézier pueden ser difíciles de controlar para los principiantes de vectores, pero es solo una cuestión de práctica acostumbrarse a ellas. Intente agregar puntos de anclaje solo donde sea necesario y coloque el menor número posible de ellos. Las curvas serán redondeadas de esta manera. Comience con los dos brazos del tronco y la raíz posterior en la parte inferior..



Paso 8

Para construir la sombra que el cuerpo verde arroja sobre el tronco, duplique el cuerpo del árbol y colóquelo detrás. Para hacer esto, seleccione el vector del cuerpo del árbol y presione Comando + C y luego Comando + B. Mueva hacia abajo haciendo clic en la pestaña de dirección (quizás 16 veces).

Seleccione el tronco, cópielo y colóquelo en el frente con Comando + C y Comando + F. Copie el nuevo cuerpo del árbol nuevamente Comando + C. Seleccione el tronco y la nueva forma de los árboles haciendo clic con la tecla Mayús presionada. Presione las Áreas de formas de intersección en el panel de Pathfinder y luego presione el botón Expandir. La primera sombra está lista. Coloque el vector de cuerpo extraído nuevamente con Ctrl / Comando + F y repita los pasos para crear las sombras en los brazos del tronco.




Paso 9

Para la boca, utilicé la herramienta Elipse. Crea un círculo que siga la línea del lápiz inferior de la boca. Cópialo y colócalo al frente (Comando + C y Comando + F). Arrástrelo con la tecla Mayús presionada para que su línea inferior esté en la línea superior de la boca..

Hágalo en la forma que necesita (mantener presionada la tecla Alt mientras mueve ambos lados hará que se vea perfecta. Seleccione ambos círculos, presione Restar en el área de formas en el panel de Pathfinder y luego presione el botón Expandir. Haga lo mismo con los ojos del tronco y línea de mentón. Después de agregar todos los detalles a la cara del tronco, seleccione el cuerpo del árbol y colóquelo en la parte superior de la plantilla de capas. Ahora podemos agregar todos los detalles al cuerpo del árbol..




Paso 10

A continuación vamos a crear las copas de los árboles. Utilice la herramienta Pluma con un trazo de 9 puntos y bordes redondos. Construye el marco básico con cuatro líneas. Selecciónelos haciendo clic con la tecla Mayús presionada y luego vaya a Objeto> Ruta> Esquema. Vuelva a seleccionarlos y presione Agregar a área de forma en el panel de Pathfinder y luego presione el botón Expandir. Cree los ojos (use un proceso similar al que creamos los ojos del tronco) y colóquelos detrás del marco en la paleta de capas.

Ahora tenemos que crear las lentes. Créelos con la herramienta Pluma y colóquelos detrás del marco, pero sobre los ojos. Agregue algunos puntos destacados usando la herramienta Rectángulo y coloque los rectángulos frente al vidrio en la paleta de capas.




Paso 11

Construiremos la boca usando la herramienta Pluma. Cree dos formas con forma de ojo, luego agréguelas a los lados izquierdo y derecho usando el panel de Pathfinder. Para los dientes usa la herramienta Ellipse. Coloque una elipse sobre la forma de la boca. Copie la forma de la boca y colóquela en frente (Comando + C y Comando + F).

Seleccione esto y la elipse del diente haciendo clic con la tecla Mayús presionada, presione Intersecar áreas de formas en el panel de Pathfinder y luego presione el botón Expandir. Repita esto para el siguiente diente y la lengua. Construye las líneas a la izquierda y derecha del mouse, como la forma del árbol. Usa la herramienta Elipse para dibujar tres elipses y haz que un lado siga la línea del lápiz. Selecciónalos y combínalos con la opción Añadir a forma del Conquistador. Luego usa la herramienta Tijeras para cortar la forma. Elimina la parte que no necesitas.




Paso 12

Para el resto del cuerpo del árbol, trace el boceto utilizando la herramienta Pluma. Para el acordeón, agregue una línea de 1 punto seguida de una línea de puntos de 0,5 puntos (4 puntos).




Paso 13

Crea una nueva capa. Nómbrelo como "abajo" o como quieras. Esta es la capa para ver los hongos, la hierba y el fondo. Para crear la hierba, use la herramienta Elipse, como hicimos para el cuerpo del árbol. Haz lo mismo para hacer una forma de fondo nublado..


Traza el cuerpo de la seta con la herramienta Pluma y las cabezas de seta con la herramienta Elipse. Para las bocas usa las mismas técnicas que usamos para crear los detalles del tronco..



Paso 14

Ahora que todas las formas están construidas podemos comenzar a agregar los colores. Rellene el cuerpo del árbol con un degradado lineal de verde claro a verde oscuro. Cambie la ubicación del control deslizante de degradado a 60 por ciento. Dale al cuerpo un contorno de 0,5 puntos en verde oscuro..



Paso 15

Llene el vaso con un degradado lineal de amarillo a blanco. Establece la transparencia al 50%. El punto culminante de cristal recibe blanco con 50% de transparencia. Copie el marco negro y colóquelo detrás (Comando + C y Comando + B). Aplica un Desenfoque gaussiano yendo a Efecto> Desenfoque> Desenfoque gaussiano, y usa un valor de 2.0. Para el modo de fusión del objeto, configúrelo en Multiplicar y la Transparencia en 57 por ciento, para que las gafas se vean más tridimensionales.



Paso 16

Rellena los colores. ¡No llene un gradiente en cada forma! Perturba la armonía de las imágenes. Úselo solo cuando sea necesario, por ejemplo, para hacer que el brazo se vea más tridimensional o para darle vida al gran acordeón en el medio. Agregue un degradado lineal de amarillo a amarillo más oscuro (solo agregue 25 por ciento de negro al color para hacerlo más oscuro) en la forma de la mano. Eso los hará parecer más redondos..

Tenga en cuenta que solo agrego contornos a la forma cuando siento que esto es realmente necesario. Con 0,5 puntos trazos, las cajas de acordeón se ven más tridimensionales. El cuerpo del árbol necesita el contorno para que estos contornos se puedan usar como detalles dentro de la forma.



Paso 17

Ahora vamos a añadir algunas sombras. Copie el acordeón y colóquelo detrás (Comando + C y Comando + B). Rellénalo con 100% negro. Aplica un Desenfoque gaussiano yendo a Efecto> Desenfoque> Desenfoque gaussiano, y usa un valor de 2.0. Establezca el modo de fusión del objeto en Multiplicar y establezca la Transparencia en 45%. Arrastra la sombra para que se vea realmente sombrío. Añade una sombra al sombrero de la misma manera. Intenta descubrir cuán oscura debe ser la sombra..



Paso 18

A continuación queremos hacer más esponjoso el cuerpo del árbol. Copie la forma del cuerpo y colóquela en frente (Comando + C y Comando + F). Pulse la tecla Mayús y arrastre unos milímetros hacia la izquierda. Copie la forma del cuerpo y colóquela al frente nuevamente (Comando + C y Comando + F).

Seleccione los dos cuerpos haciendo clic con la tecla Mayús presionada y presione Restar en el área de la forma en la paleta de Pathfinder, y luego presione el botón Expandir. A la izquierda puede ver algunas formas pequeñas que no necesitamos, elimínelas. Rellena el vector con verde. Establezca el modo de fusión de objetos en Multiplicar y establezca la Transparencia en 20%..

Ahora muévelo unos milímetros a la derecha. Copie la forma básica del cuerpo y colóquela nuevamente al frente (Comando + C y Comando + F). Esta forma no necesita color. Póngalo en frente usando las capas. Con este nuevo duplicado del cuerpo del árbol aún seleccionado, presione Mayús y haga clic en la forma verde. Cree una máscara de recorte yendo a Objeto> Máscara de recorte> Crear.





Paso 19

Añade los colores a la capa inferior. La hierba recibe un degradado lineal de un verde claro a verde oscuro. Llena la nube en el fondo con un 28 por ciento de cian. Aplique un Desenfoque gaussiano yendo a Efecto> Desenfoque> Desenfoque gaussiano con un valor de 3.0.

Llene las cabezas de los hongos con un degradado radial que va del 32 por ciento al 75 por ciento de magenta. Dale a las cabezas un contorno de 0,5 puntos de 80 por ciento de magenta. Rellene una elipse en el medio con un 100 por ciento de negro, que es para la sombra del árbol. Aplique un Desenfoque gaussiano a él yendo a Efecto> Desenfoque> Desenfoque gaussiano, y use un valor de 3.0. Ahora establezca el modo de fusión en Multiplicar y establezca la Transparencia en 32%.



Paso 20

Para las estrellas pequeñas, cree un círculo con la herramienta Elipse, mientras mantiene presionado Alt + Shift. Seleccione la elipse y vaya a Efecto> Distorsionar y transformar> Pucker & amp Bloat para que aparezca el cuadro de diálogo. Cambia la opción a -75. La primera estrella esta lista.

Para crear la otra copia de la estrella, colóquela delante (Comando + C y Comando + F). Shift-clic y gírelo. Luego escálalo. Seleccione ambos nuevamente con la tecla Mayús presionada, presione Agregar al área de forma en el panel de Pathfinder y luego presione el botón Expandir. Rellénalos con 100 por ciento de cian. Establecer la transparencia entre 20 y 35 por ciento. No añadir a muchos de ellos.!




Imagen final

La imagen final está abajo y espero que hayan disfrutado este tutorial.!