1. Design & Illustration
  2. Character Design

Cómo crear un acogedor personaje de invierno en Adobe Illustrator

by
Read Time:9 minsLanguages:

Spanish (Español) translation by Valeria Angulo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Divertidos gorros calientes, bonitas manoplas, bebidas calientes de chocolate y un estado de ánimo navideño: todo está relacionado con diciembre.

Hoy vamos a crear una ilustración de diseño de un personaje acogedor utilizando formas simples y varias herramientas de Illustrator. Por ejemplo, trabajaremos con la herramienta Creador de formas, el panel Buscatrazos, el efecto Zig Zag y mucho más.

Así que prepárate una taza de chocolate caliente, échale un montón de malvaviscos y comencemos.

Si estás buscando inspiración para el invierno, visita GraphicRiver, donde puedes encontrar miles de vectores con temática de invierno.

1. Cómo preparar un documento y crear un fondo

Paso 1

Primero, configura un Nuevo documento (Archivo> Nuevo) siguiendo estos parámetros:

  • Número de mesas de trabajo: 1
  • Anchura: 800 px
  • Altura: 600 px
  • Unidades: Pixeles
  • Modo de color: RGB

Con la ayuda de la Herramienta Rectángulo (M), haz un rectángulo de 800 x 600 px y coloréalo en beige claro (# e8dcc5).

Además, activa las guías inteligentes (Ver > Guías inteligentes).

Setting up the document in IllustratorSetting up the document in IllustratorSetting up the document in Illustrator

Paso 2

Crea un círculo azul marino (# 134854) usando la Herramienta Elipse (L) y alinéalo con la Mesa de Trabajo con la ayuda del panel superior Alinear.

¡Nuestro fondo está hecho! Ahora hagamos un personaje lindo.

Creating and aligning of a circle shapeCreating and aligning of a circle shapeCreating and aligning of a circle shape

2. Cómo hacer la cara de una niña

Paso 1

Crea un rectángulo amarillo (# f9ba48) de 100 x 115 px usando la Herramienta Rectángulo (M) y redondea ambas esquinas inferiores al máximo.

Haz dos círculos naranjas (# f68b1e) de 30 x 30 px y colócalos en la cara como mejillas.

Making of the faceMaking of the faceMaking of the face

Paso 2

Luego, una nariz y una boca.

Haz un pequeño óvalo de 20 x 15 px del mismo color que las mejillas (elige el color con la Herramienta Cuentagotas (I)). Agrega dos óvalos más pequeños de color marrón oscuro (# 2f2920) debajo como fosas nasales.

Coloca la nariz en la cara.

Con la ayuda de la Herramienta Pluma (P) o la herramienta Segmento de línea (\), haz una línea de color burdeos (# d3370d) de 30 px de ancho. Establece el Trazo de 4 puntos y Límite redondo en el panel Trazo (Ventana > Trazo). Arrastra el medio de la línea un poco hacia abajo con la ayuda de la Herramienta Punto de Ancla (Mayús-C).

Haz un círculo rojo de 30 x 30 px (# f15a2a) y colócalo debajo de la línea. Selecciona tanto la línea como el círculo, elige la herramienta Creador de formas (Mayús-M) y haz clic en la parte inferior innecesaria del círculo mientras mantienes presionada la tecla Alt. Coloca la boca en la cara.

Adding of cheeks and nostrils on the faceAdding of cheeks and nostrils on the faceAdding of cheeks and nostrils on the face

Paso 3

Y ahora vamos a hacer orejas.

Crea un círculo naranja de 35 x 35 px (# f68b1e) y coloca un pequeño círculo color burdeos (# d3370d) sin Relleno y Trazo de 1 pt sobre él.

Agrúpalos (Comando-G) para tu conveniencia. Pega una oreja de un lado de la cabeza y otra del otro.

Making of earsMaking of earsMaking of ears

3. Cómo crear un gorro de lana

Paso 1

Para hacer un gorro, crea un rectángulo azul (# 80b5c5) de 45 x 45 px con las esquinas redondeadas a 5 px.

Crea un rectángulo beige de 70 x 55 px (elige el color del fondo) y redondea sus esquinas superiores al máximo.

Coloca el azul sobre el beige (en su lado inferior) para formar un sombrero.

Creating of a hatCreating of a hatCreating of a hat

Paso 2

Agreguemos un pompón.

Comienza con un círculo azul de 80 x 80 px (elige el color del sombrero). Haz uno más pequeño de 15 x 15 px y colócalo en la parte superior del círculo grande.

Selecciona el círculo pequeño, elige la Herramienta Rotar (R) y haz clic en el centro del círculo grande mientras mantienes presionada la tecla Alt.

En el panel emergente Rotar, configura el Ángulo: 360/20 (donde 20 es la cantidad deseada de círculos pequeños) y haz clic en Copiar.

Luego, pulsa Comando-D tantas veces como sea necesario para repetir tu última acción.

Making of a pompone by using the Rotation ToolMaking of a pompone by using the Rotation ToolMaking of a pompone by using the Rotation Tool

Paso 3

Selecciona todos los círculos pequeños y combínalos usando la opción Unificar en el panel Buscatrazos.

Copia la forma resultante, elimina la parte interior (haciendo clic en cualquier punto de anclaje y presionando la tecla Suprimir en tu teclado), y establece un trazo azul claro de 1 pt (# b0cdcc). Haz este elemento más pequeño y colócalo sobre el pompón. Coloca dos copias más pequeñas en el pompón.

Agrega nuestro pompón recién hecho en la parte superior de la base de nuestro sombrero.

Adding of an ornament to the pomponeAdding of an ornament to the pomponeAdding of an ornament to the pompone

Paso 4

Agrega una pequeña línea vertical de color azul claro en la franja azul del sombrero. Ve a Efecto > Distorsionar y transformar > Zig Zag. En el menú Zig Zag, establece 4% de tamaño, relativo, 4 crestas por segmento, puntos suavizar y haz clic en OK.

Copia esta línea curva y pega la copiada en el otro lado de la forma azul.

Selecciona la Herramienta de Fusión (W) y haz clic en ambas líneas. Luego, haz clic dos veces en la miniatura de la Herramienta de fusión y configura Pasos especificados: 10.

Pues bien, ahora que tenemos un bonito adorno de punto en el gorro, pongámoslo en la cabeza de nuestro personaje. Todos sabemos que es mejor cubrirse las orejas en invierno, pero tus orejass son demasiado increíbles para eso, ¿no es así?

Creating of an ornament by using Zig Zag effectCreating of an ornament by using Zig Zag effectCreating of an ornament by using Zig Zag effect

4. Cómo hacer una bufanda y un abrigo

Paso 1

Comienza con un rectángulo azul de 260 x 90 px (del mismo color que el sombrero) y redondea sus esquinas a 15 px. Gira un poco la forma, cópiala y pega la copia en el mismo lugar (Comando-Mayús-V).

Mueve el rectángulo copiado debajo del original (puedes presionar Comando- [), colorearlo en un tono azul más oscuro y Reflejarlo en Vertical. Elimina las partes innecesarias de la forma inferior utilizando la Herramienta Creador de Formas (Mayús-M).

Añade dos copias verticales más del primer rectángulo, coloréalas en tonos azules más oscuros y colócalas como bordes de la bufanda.

Making of a scarfMaking of a scarfMaking of a scarf

Paso 2

Y ahora vamos a aplicar rápidamente un motivo básico de puntos.

Simplemente Copia la parte superior de la bufanda y pégala en el mismo lugar. Luego, ve al panel Muestras y haz clic dos veces en el menú Bibliotecas de muestras > Motivos > Gráficos básicos > Puntos gráficos básicos. Elija el patrón de 6 ppp al 10%. Una vez que haz clic en tu miniatura, el patrón llenará la forma.

Adding of a pattern to the scarfAdding of a pattern to the scarfAdding of a pattern to the scarf

Paso 3

Hagamos el patrón un poco más grande. Ve a Objeto > Transformar > Escala. Elige Uniforme: 150% y haz clic en OK. También configura el modo de fusión Superponer y el 15% de Opacidad en el panel Transparencia.

Ahora solo necesitas crear una capa copiada para otras partes de la bufanda y copiar este relleno de motivo usando la Herramienta Cuentagotas (I).

Scaling of the patternScaling of the patternScaling of the pattern

Paso 4

Crea un rectángulo rojo de 190 x 200 px (# f15a2a); éste será el cuerpo. Agrega un antebrazo usando un rectángulo rojo de 60 x 170 px. Selecciona su ancla inferior derecha, elige la Herramienta Transformación Libre (E) y arrastra el ancla un poco hacia la izquierda mientras mantiene presionado Comando-Alt-Mayús. Como puedes ver, es una forma fácil de mover dos anclajes simétricamente.

Gira un poco el antebrazo y colócalo junto al cuerpo.

Creating of the body and a forearmCreating of the body and a forearmCreating of the body and a forearm

Paso 5

Continuemos con el brazo.

Haz otro rectángulo más delgado y coloréalo de rojo claro (# fc6e47). Redondea al máximo sus esquinas superiores y conéctalo con la primera parte del brazo.

Adding of the armAdding of the armAdding of the arm

Paso 6

¡Y las manoplas!

Comienza con un rectángulo azul de 25 x 45 px con las esquinas redondeadas a 5 px. También haz un rectángulo de 70 x 55 px de color beige y redondea sus esquinas a 10 px. Colócalos uno al lado del otro.

Haz una línea color burdeos de 35 px de altura con un trazo de 4 pt. Forme un copo de nieve usando cuatro copias de esta línea. Coloca el copo de nieve en las manoplas.

Making of the mittensMaking of the mittensMaking of the mittens

Paso 7

Agrega las manoplas al brazo y copia todas sus partes. Agrúpalas (Comando-G), Refleja en Vertical y colócalas en el otro lado del cuerpo.

Adding of the mittens to the characterAdding of the mittens to the characterAdding of the mittens to the character

5. Cómo hacer cabello y una taza de chocolate

Paso 1

Pues bien, nuestra chica está esperando una taza de chocolate caliente (también está esperando el cabello, pero hagamos la taza primero).

Haz un rectángulo gris claro de 90 x 90 px (# f2f2f2) y redondea sus esquinas inferiores a 20 px. Luego haz un óvalo de 80 x 50 px con un Trazo gris claro de 10 px y un Relleno azul claro. Coloca este óvalo en la base del rectángulo para formar una taza. Ve a Objeto > Expandir para expandir el óvalo.

Making of a cups baseMaking of a cups baseMaking of a cups base

Paso 2

Crea una línea marrón claro de 1 pt (# 493d38) y colócala entre el Trazo y el Relleno del óvalo. Ve a Efecto > Distorsionar y transformar > Zig Zag. Establece el tamaño 4%, relativo, 4 crestas por segmento y Suavizado. Haz dos copias más de la línea y colócalas debajo de la primera.

Una pequeña parte de la última línea pasa por encima del borde del trazo del óvalo, así que elimínala usando la Herramienta Creador de formas (Mayús-M) como hicimos antes con la bufanda.

Making of cacao in the cupMaking of cacao in the cupMaking of cacao in the cup

Paso 3

Copia el óvalo azul, pégalo en el mismo lugar y cámbiale el color a marrón oscuro (# 2f2920). Selecciona la línea superior y el óvalo marrón oscuro y luego elimina la parte superior innecesaria del óvalo usando la Herramienta Creador de formas (Mayús-M).

Haz el asa de la taza a partir de un círculo gris claro de 45 x 45 px con un Trazo de 10 pt y sin Relleno.

Coloca la taza en manos de la niña.

Adding of the cup to the characterAdding of the cup to the characterAdding of the cup to the character

Paso 4

¡Y el cabello!

Haz flequillos a partir de tres círculos de color marrón oscuro de 45 x 45 px. Luego, forma el cabello a partir de un montón de círculos de color marrón oscuro de 55 x 55 px en el lado izquierdo. Usa Alt-Arrastrar para hacer copias de círculos rápidamente.

Haz una forma dentro de los círculos para llenar el agujero. Unifica todas las partes usando el panel Buscatrazos.

Creating of the hairCreating of the hairCreating of the hair

Paso 5

Copia la forma del cabello, haz la copia más pequeña y establece un Trazo marrón claro de 1 pt y no hagas Relleno. Puedes copiar rápidamente estos ajustes de trazo de las líneas de color marrón claro de la taza utilizando la Herramienta Cuentagotas (I). Coloca dos de estas formas en el cabello para darle un aspecto más interesante y ornamentado.

Copia el cabello y refléjalo verticalmente.

Reflecting of the hair shapeReflecting of the hair shapeReflecting of the hair shape

6. Cómo insertar el carácter en el fondo

Paso 1

Selecciona todas las partes de nuestro personaje y colócalas en el gran círculo azul marino.

Luego, selecciona solo el cuerpo de la niña y el círculo grande. Elimina la parte innecesaria del cuerpo usando la Herramienta Creador de formas (Mayús-M).

Placing of the character to the backgroundPlacing of the character to the backgroundPlacing of the character to the background

Paso 2

Haz una estrella brillante simple a partir de un círculo amarillo de 10 x 10 px y un círculo amarillo brillante de 30 x 30 px (# ffde1a) con un 10% de Opacidad. Agrúpalos (Comando-G) y distribúyelos alrededor de la chica. Todas las estrellas deben estar en una capa.

Making of shiny starsMaking of shiny starsMaking of shiny stars

Paso 3

Finalmente, vamos a hacer una máscara de recorte.

Crea una copia del gran círculo azul marino y pégala en el mismo lugar. Selecciona la capa con las estrellas y el círculo copiado. Haz clic con el botón derecho y elige Crear máscara de recorte.

¡Terminamos!

Hiding of the stars under a clipping maskHiding of the stars under a clipping maskHiding of the stars under a clipping mask

¡Qué ambiente tan cálido y acogedor!

Todos hicimos un buen trabajo. Así que espero que haya sido un proceso tan divertido y alegre para ti como lo fue para mí.

Comparte tus resultados en los comentarios. Siempre estoy feliz de verlos. Y siéntete libre de experimentar con colores y detalles.

Flat Winter Girl Character finall resultFlat Winter Girl Character finall resultFlat Winter Girl Character finall result
One subscription.
Unlimited Downloads.
Get unlimited downloads