1. Design & Illustration
  2. Drawing/Illustration
  3. Animals

Crear un tierno personaje de mapache en Adobe Illustrator

Hoy crearemos un mapache adorable. Usaremos formas básicas y efectos de envoltorio, como de costumbre - nada nuevo si eres mi seguidor. Aprenderás cómo crear una parte del cuerpo del mapache moviendo los controles del punto de anclaje y luego combinarlos en la creación final.
Scroll to top
This post is part of a series called Learn Adobe Illustrator.
Create a Copper Pipe Text Effect in Adobe Illustrator
Yum! How to Create a Delicious Bagel Sandwich Icon in Adobe Illustrator
This post is part of a series called Easy Character Design.
How to Create an Owl Character Using a Circular Grid in Adobe Illustrator
How to Design a Quick, Quirky Character in Adobe Illustrator

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

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

Hoy crearemos un mapache adorable. Usaremos formas básicas y efectos de envoltorio, como de costumbre - nada nuevo si eres mi seguidor. Aprenderás cómo crear una parte del cuerpo del mapache moviendo los controles del punto de anclaje y luego combinarlos en la creación final.

1. Crear la forma del mapache

Paso 1

Espero que ya hayas abierto Adobe Illustrator y creado un Nuevo documento. Comenzaremos creando la cabeza del mapache. Selecciona la Herramienta Ellipse (L) y haz una elipse. Usando la Herramienta de Convertir Punto de Anclaje (Shift+C), haz agudas las esquinas de la elispe; mientras mantienes la elipse seleccionada, haz click en los puntos de anclaje derecho e izquierdo - estos dos puntos deberían ser ángulos ahora.

Mantén seleccionados los puntos de anclaje angulares y presiona la tecla flecha abajo en tu teclado varias veces.

Step 1Step 1Step 1

Espera - no hemos terminado todavía. Selecciona esta forma y ve a Effect > Warp > Bulge. Ingresa la siguiente configuración en la nueva ventana de  diálogo. Luego expande la forma (Object > Expand Appearance). 

warping the headwarping the headwarping the head

Paso 2

Agreguemos algo de profundidad a la cabeza. Crea una copia de esta forma, adelante de la original (Control+C, Control+F), muévela para abajo un poco, y luego haz esta copia un poco mayor. Selecciona nuevamente la forma original y haz otra copia en el frente (Control+C, Control+F). Mantén esas dos copias superiores seleccionadas, ve al panel de Pathfinder y presiona el botón Minus Front . Tendrás una forma de luna. Cambia el color como ves en la imagen de abajo.

adding depth to the headadding depth to the headadding depth to the head

Paso 3

Para los ojos, crea una elipse e inclínala levemente a la izquierda. Agrega un círculo oscuro, seguido de un pequeño círculo blanco como destacado. Mantén el ojo entero seleccionado y selecciona la Reflect Tool (O). Manteniendo abajo la tecla Alt, haz click en el lado derecho del ojo. En la nueva ventana de diálogo, ingresa Vertical y presiona Copy. Deberías tener dos ojos ahora.

creating the eyescreating the eyescreating the eyes

Posicionalos como quieras, en la forma anterior de la cabeza. Cuanto más abajo posiciones los ojos, más parecerá el mapache un animal bebé.

placing the eyesplacing the eyesplacing the eyes

Paso 4

En la nariz. Ahora que sabes como crear un punto de anclaje angular (recuerdas cómo creaste la cabeza?), vamos a crear una elipse oscura y hacer la punta inferior angular. Agrega una pequeña elipse blanca como resaltado.

creating the nosecreating the nosecreating the nose

Paso 5

Ahora la boca. Dibuja dos elipses utilizando la Herramienta Ellipse (L) sin relleno y  con el color de borde mencionado abajo. En el panel de Borde, chequea Round Cap. Luego, agarra la Herramienta Scissors (C) y cliquea en los puntos de anclaje derecho y izquierdo en la primera y luego en la segunda elipse. Borra la parte superior de ambas elipses. Toma la Herramienta Segmento de Línea (\) y agrega una pequeña línea en el medio - terminamos de crear una tierna boca para nuestro mapache!

creating the mouthcreating the mouthcreating the mouth

Paso 6

Combina la boca y la nariz. Agrega una pequeña elipse detras de ellas (Control+X, Control+B).

creating the mouth 2creating the mouth 2creating the mouth 2

Posiciona todo lo de los pasos anteriores en la cabeza del mapache.

placing the mouth and noseplacing the mouth and noseplacing the mouth and nose

Paso 7

Agreguemos algunos detalles que son habituales para los mapaches. Dibuja una elipse en el lado izquierdo de la cabeza, detrás del ojo izquierdo. Toma la Herramienta Selección Directa (A) y mueve los manejadores de los puntos de anclaje  el resultado es el que ves en la segunda imagen.

creating the spots on the headcreating the spots on the headcreating the spots on the head

Paso 8

Haz una nueva copia de la cabeza en el frente (Control+C, Control+F), y selecciónala junto con la forma oscura del paso anterior. Presiona el botón Intersect en el Pathfinder.

Mantén la forma resultante seleccionada. Toma la Herramienta Reflect (O) y presiona el botón Enter. Chequea Vertical en la nueva ventana de diálogo y presiona Copy. Acabas de hacer el reflejo de esta forma oscura. Mantén esta forma seleccionada, y selecciona la cabeza también. Ve al panel Align y  presiona el botón Horizontal Align Right. Ten cuidado - es muy importante que tengas chequeado Align To: Align to Selection (mira la imagen abajo).

creating the spots on the head 2creating the spots on the head 2creating the spots on the head 2
aligningaligningaligning

Paso 9

Agreguemos algunos detalles. Selecciona las dos formas oscuras detrás de los ojos y haz una copia en el frente. Las copias están marcadas con borde amarillo en imagen de abajo, pero no tienes que cambiar el color de relleno. Muévelas un poquito hacia abajo.

Crea dos copias nuevamente en el frente de las formas oscuras. En total, debes tener seis formas oscuras: dos bajo el ojo izquierdo, dos bajo el ojo derecho, una bajo el ojo izquierdo marcada con borde amarillo, y una bajo el ojo derecho, también marcada con el borde amarillo.

Primero nos concentraremos en el ojo izquierdo. Selecciona las dos formas gris oscuro superiores y presiona Minus Front en Pathfinder. Cambia el color de la forma resultante (como se ve abajo). Ahora concéntrate en el ojo derecho. Selecciona las dos formas superiores y presiona Minus Front en Pathfinder. Nuevamente, cambia el color de la forma resultante.

creating the spots on the head 3creating the spots on the head 3creating the spots on the head 3

2. Crear las Orejas

Paso 1

Usando la Herramienta Eye Dropper (I), toma el color de relleno de la cabeza del mapache. Crearemos la oreja a partir de una ellipse - usar warp nos ayudará a obtener lo que necesitamos. Ve a Effect > Warp > Arc. En la nueva ventana, ajusta las opciones como se ven abajo; expande la forma resultante (Object > Expande Appearance). Crea otra copia en el frente, haciéndola más oscura y más pequeña.

creating the earcreating the earcreating the ear

Paso 2

Vamos a agregar algo de profundidad a la oreja. Crea dos copias de la oreja en el frente. Mueve un poco para abajo diagonalmente la copia superior. Selecciona las dos copias superiores y presiona Minus Front en Pathfinder. Cambia el color de relleno.

adding depth to the earadding depth to the earadding depth to the ear

Paso 3

Usando la Herramienta Reflect (O), crea la otra oreja.

creating another earcreating another earcreating another ear

Ubícalas en la parte superior de la cabeza, pero detrás de ella.

placing earsplacing earsplacing ears

3. Crear el Cuerpo

Para el cuerpo, crea una elipse (el mismo color de relleno que para la cabeza) y posiciónala detrás de la cabeza. Usando la Herramienta Selección Directa (A), selecciona los puntos de anclaje derecho e izquierdo y muévelos para abajo. Crea una nueva copia en el frente del cuerpo, y hazla más clara y más pequeña.

creating the bodycreating the bodycreating the body

4. Crear los Brazos

Paso 1

Primero, necesitamos crear la mano. Mueve para abajo los puntos de anclaje derecho e izquierdo de una nueva elipse.

creating the handcreating the handcreating the hand

Paso 2

Crea una copia en el frente y hazla más oscura y más angosta. Mueve la nueva copia hacia abajo, apenas. Crea una copia de esta forma oscura en el frente y utilizando la Herramienta Eye Dropper (I), toma el color de la primera forma que creaste al principio de este paso. Haz esta forma más pequeña más angosta y súbela un poquito.

creating the hand 2creating the hand 2creating the hand 2

Paso 3

Pon la mano en el lado izquierdo del cuerpo. Ligeramente gira la mano hacia la izquierda. Usando la Herramienta Reflect (O) haz un reflejo de la mano, así tienes la mano derecha. Crea otro elipse detrás de todo el cuerpo - esto terminará con los brazos. No te olvides de bajar los puntos de anclaje derecho e izquierdo de esta elipse.

placing the handsplacing the handsplacing the hands

5. Crea las Piernas

Paso 1

No vamos a crear toda la pierna, solo las partes visibles - los pies. Crea una elipse y mueve los puntos de anclaje derecho e izquierdo hacia arriba.

creating the footcreating the footcreating the foot

Paso 2

Como hiciste para la cabeza y la oreja, usa el mismo método para agregar profundidad al pie. Una copia más pequeña y clara del pie junto con tres pequeñas copias finalizarán el pie.

creating the foot 2creating the foot 2creating the foot 2

Paso 3

Pon el pie debajo de la mano izquierda. Ligeramente rota el pie hacia la izquierda. Luego has un reflejo de este, lo que creará el pie derecho. No te olvides de poner el pie derecho debajo de la mano derecha.

placing the foot and creating another footplacing the foot and creating another footplacing the foot and creating another foot

6. Crear la Cola

Paso 1

Ya casi estamos! Vamos a movernos a la cola. Dibuja una elipse y haz los anclajes derecho e izquierdo angulares.

creating the tailcreating the tailcreating the tail

Paso 2

Durante este paso, agregaremos las rayas a la cola. Dibuja un rectángulo usando la Herramienta Rectangle (M). Mientras la mantienes seleccionada, presiona la tecla Alt y mueva el rectángulo a la derecha. Verás que justo creaste una copia del rectángulo. Luego presiona Control+D algunas veces para repetir tu última acción.

creating stripes for the tailcreating stripes for the tailcreating stripes for the tail

Agrupa todas las rayas juntas (click derecho > Group) y ve a Effect > Warp > Arc. Ingresa las opciones que ves en la imagen de abajo.

warping stripes for the tailwarping stripes for the tailwarping stripes for the tail

Expande las rayas (Object > Expand Appearance). Crea una copia de  la cola al frente (el elipse gris claro con los bordes en ángulo) y selecciona las rayas junto con ella. Presiona Crop en Pathfinder.

expanding stripes and cropping themexpanding stripes and cropping themexpanding stripes and cropping them

Paso 3

Envuélvelo.

warping the tailwarping the tailwarping the tail

Expande la cola (Object > Expand Appearance) y posiciónala detrás del cuerpo.

placing the tailplacing the tailplacing the tail

7. Crea el Fondo

Paso 1

Vamos a englobar la ilustración. Crea un cuadrado rosa claro detrás de el mapache, 600px ancho y alto, utilizando la Herramienta Rectangle (M).

creating the backgroundcreating the backgroundcreating the background

Paso 2

Posiciona el mapache en el fondo.

placing the raccoon on the backgroundplacing the raccoon on the backgroundplacing the raccoon on the background

Paso 3

Aquí hay un último consejo para ti: lleva esta ilustración al siguiente nivel combinando dos tutoriales - el de hoy y uno anterior de crear hojas de otoño, bayas e íconos de castañas. Mira que adorable es! Hace una perfecta ilustración de temporada!

adding some elements from previous tutorialadding some elements from previous tutorialadding some elements from previous tutorial

Conclusión

Eso es todo por ahora! Espero que hayas disfrutado este tutorial. Puedes usar tu  mapache con hojas coloridas de otoño para crear una tarjeta de salutación de otoño, un patrón y hasta otros animales. Usa tu imaginación, y nunca dejes de dibujar!

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!