1. Design & Illustration
  2. Add-Ons
  3. Patterns

Cómo Crear un Estampado de Animales Planos para Niños en Adobe Illustrator

En este tutorial crearemos un conjunto de animales planos hechos a partir de formas simples en Adobe Ilustrator CC. Usando rectángulos, triángulos, círculos, Vértices Interactivos y unos pocas líneas serpenteantes, crearemos todo un Zoológico de criaturas preparado para el panel de Opciones de Motivo y varios productos impresos. ¡Pongamos manos a la obra!
Scroll to top

Spanish (Español) translation by Óscar Salas Fernández (you can also view the original English article)

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

En este tutorial crearemos un conjunto de animales planos hechos a partir de formas simples en Adobe Ilustrator CC. Usando rectángulos, triángulos, círculos, Vértices Interactivos y unos pocas líneas serpenteantes, crearemos todo un Zoológico de criaturas preparado para el panel de Opciones de Motivo y varios productos impresos. ¡Pongamos manos a la obra!

1. La Jirafa

Paso 1

Crea un Nuevo Documento en Adobe Illustrator CC. Usa la Herramienta Rectángulo (M) para dibujar un rectángulo amarillo brillante. Después dibuja un rectángulo vertical, grande, estrecho en el lado que está más a la derecha del primer rectángulo. Para la cabeza de la jirafa, dibuja un pequeño rectángulo en la parte superior del largo cuello.

Draw a giraffe from a series of rectanglesDraw a giraffe from a series of rectanglesDraw a giraffe from a series of rectangles

Paso 2

Dibuja cuatro rectángulos idénticos para formar las patitas de la jirafa. ¡Míralas vamos! Selecciona las cuatro patas, y en el panel Alinear, pincha Alinear Abajo para que se alineen todas en sus bordes inferiores.

Draw and align the legsDraw and align the legsDraw and align the legs

Paso 3

Selecciona el rectángulo de la cabeza. Con la Herramienta Selección Directa (A), selecciona el punto de ancla inferior derecho y tira del Vértice Interactivo hacia el centro para redondearlo. Selecciona el punto de ancla superior derecho y tira del Vértice Interactivo ligeramente para dar a esa esquina un borde un poco redondeado.

Redondea la esquina superior izquierda del rectángulo del cuerpo de la misma manera como hicimos con la cabeza: tirando hacia dentro del Vértice Interactivo del punto de ancla.

Use live corners to round out the rectanglesUse live corners to round out the rectanglesUse live corners to round out the rectangles

Paso 4

Observa cómo sobresale del cuerpo la pata más a la izquierda. Selecciona el rectángulo del cuerpo y la patas izquierdas. Usando la Herramienta Creador de Formas (Shift-M), selecciona la parte que no se interseca de la pata más a la izquierda. Deselecciona y borra ese objeto que no se interseca para que la jirafa tenga una espalda lisa.

Use the shape builder tool to delete portions of objectsUse the shape builder tool to delete portions of objectsUse the shape builder tool to delete portions of objects

Paso 5

Los cuernos de la jirafa se crean a partir de dos pequeños rectángulos y dos círculos dibujados con la Herramienta Elipse (L). Colócalos en la parte superior izquierda de la cabeza de la jirafa.

Add horns to the giraffes headAdd horns to the giraffes headAdd horns to the giraffes head

Paso 6

Añade una pequeña cola con la Herramienta Rectángulo a la parte inferior izquierda del cuerpo de la jirafa. Une todos los objetos amarillos en el panel de Buscatrazos.

Utiliza la Herramienta Elipse para dibujar una elipse marrón para el ojo. Después dibuja una serie de círculos por todo el cuerpo y el cuello de la jirafa para formar un simple estampado. Usa la Herramienta Creador de Formas para borrar las partes de los círculos que no se intersecan con el cuerpo de la jirafa, como hicimos con la pierna antes en este tutorial. Agrupa (Control-G) todos los componentes juntos una vez que tu estampado esté completo.

Add a quick and easy circle pattern to the giraffeAdd a quick and easy circle pattern to the giraffeAdd a quick and easy circle pattern to the giraffe

2. La Ballena

Paso 1

Igual que la jirafa, la ballena empieza con un rectángulo. Dibuja un rectángulo grande azul con la Herramienta Rectángulo. Selección Directa en el punto de ancla inferior izquierdo y tiramos del Vértice Interactivo hacia dentro para redondear la esquina izquierda del rectángulo.

Start by drawing the whales bodyStart by drawing the whales bodyStart by drawing the whales body

Paso 2

Para la cola, dibuja un triángulo o con la Herramienta Pluma (P) o con la Herramienta Polígono. Tira del Vértice Interactivo del punto de ancla de la parte inferior izquierda hacia dentro. Copia (Control-C), Pega (Control-V), y Gira (R) la copia hacia la izquierda. Coloca las dos piezas de la cola en la parte superior derecha del cuerpo de la ballena.

Draw a triangle for the tail piecesDraw a triangle for the tail piecesDraw a triangle for the tail pieces

Paso 3

Para la garganta de la ballena, dibujo un círculo azul claro grande superponiéndose en el lado izquierdo del cuerpo de la ballena. Usa la Herramienta Creador de Formas para borrar la parte del círculo que no se interseca con el cuerpo. Además he redondeado la esquina inferior derecha del cuerpo rectangular de la ballena.

A circle helps form the throat of the whaleA circle helps form the throat of the whaleA circle helps form the throat of the whale

Paso 4

Para los surcos verticales de la garganta de la ballena, usé la Herramienta Lápiz para dibujar un simple trazo curvado y establecí el grosor del trazo en 2-5 pt (depende del tamaño de tu objeto y de cómo de gruesos quieres que sean los surcos) en el panel de Trazo. Copia y Pega las líneas trazadas y colócalas encima de la garganta de la ballena (como se ve debajo).

Expande los trazos en Objeto y después usa la Herramienta Creador de Formas para borrar las partes que no se intersecan de las formas expandidas de modo que te quedes con las rayas curvadas en la garganta de la ballena.

Draw curved lines for the whales throat groovesDraw curved lines for the whales throat groovesDraw curved lines for the whales throat grooves

Paso 5

Dibuja varios círculos azul claro para los chorros de agua del espiráculo de la ballena. Únelos en el panel Buscatrazos. Después dibuja tres o cuatro rectángulos verticales finos conectando el cuerpo de la ballena y la nube de agua del chorro.

Dibuja una elipse marrón oscuro para el ojo de la ballena, un triángulo redondeado (dibujado como las aletas de la cola) para la aleta de la ballena, y cambia el color de relleno de los surcos de la garganta al mismo azul que el de el cuerpo de la ballena para finalizar el diseño. Agrupa todo junto.

Add details to complete the whales designAdd details to complete the whales designAdd details to complete the whales design

3. El Tigre

Paso 1

Empieza con un rectángulo naranja, similar al visto debajo, dibujado con la Herramienta Rectángulo. Usa la Herramienta Selección Directa para seleccionar los dos puntos de ancla de la parte inferior y tirar de los Vértices Interactivos hacia dentro para redondear la parte inferior de la cabeza del tigre.

Start with the tigers headStart with the tigers headStart with the tigers head

Paso 2

Crearemos la oreja del tigre de la misma manera que su cabeza (un rectángulo redondeado), pero el borde superior está un poco redondeado también así que no hay bordes marcados. Gira la oreja ligeramente y colócala en una de las esquinas superiores de la cabeza. Repite en el otro lado. Después dibuja un rectángulo rosa brillante para la nariz, en la cual continuaremos trabajando en el siguiente paso.

Draw two cute rounded earsDraw two cute rounded earsDraw two cute rounded ears

Paso 3

El interior de las orejas del tigre es un rectángulo con rosa brillante como color de relleno. Puedes decirdir si quieres un rectángulo redondeado o un triángulo redondeado para la nariz. Yo escogí un triángulo redondeado.

Dibuja dos elipses marrón oscuro para los ojos y dibuja un trazo con forma de "V" trazada al revés. Pon las esquinas y los extremos del trazo en Redondeado en el panel de Trazo.

Add facial features to the tigerAdd facial features to the tigerAdd facial features to the tiger

Paso 4

Dibuja una serie de triángulos alrededor de la cabeza del tigre para sus rayas. Al igual que con el estampado de manchas de la jirafa, utiliza la Herramienta Creador de Formas para borrar las porciones de los triángulos que no se intersequen y después Agrupa todos los componentes del tigre juntos.

Triangles make great gier stripesTriangles make great gier stripesTriangles make great gier stripes

4. El León

Paso 1

Copia y Pega el tigre. Borra las rayas y cambia el naranja del color de relleno a amarillo brillante. Además cambié la forma del ojo a círculos redondos en vez de las elipses del tigre, sólo para dar a estos diseños alguna variación adicional.

Recolor the tiger to create the lionRecolor the tiger to create the lionRecolor the tiger to create the lion

Paso 2

Para la melena del león, dibuja un círculo naranja sobre la mayor parte de la cara del león (así consigues una idea general del tamaño). Ve a Efecto > Distorsionar y Transformar > Zig Zag e introduce las siguientes opciones (o unas que te den un efecto similar):

  • Tamaño: 0.1 in
  • Absoluto
  • Crestas por Segmento: 11
  • Puntos: Vértice
Draw a zig-zagged maneDraw a zig-zagged maneDraw a zig-zagged mane

Paso 3

Expande la melena, cambia el tamaño si es necesario, y colócala detrás de la cabeza del león. Agrupa juntos todos los componentes de tu león.

Complete your lion designComplete your lion designComplete your lion design

5. El Oso Hormiguero

Paso 1

Comenzando por la cabeza del oso hormiguero, dibuja un triángulo. Selecciona los puntos de ancla superior e izquierdo, uno a uno, tirando de sus Vértices Interactivos hacia el centro para redondear esas esquinas del triángulo.

Draw a triangular headDraw a triangular headDraw a triangular head

Paso 2

Para las pequeñas orejas del oso hormiguero, dibuja dos pequeños triángulos y redondea las dos esquinas más a la derecha de cada una. Coloca las dos orejas en la parte superior de la cabeza del oso hormiguero.

Little triangles form the earsLittle triangles form the earsLittle triangles form the ears

Paso 3

El cuerpo y la cola del oso hormiguero son dos rectángulos. Redondea la esquina de la parte inferior izquierda del rectángulo del cuerpo y la esquina de la parte inferior derecha del rectángulo de la cola. Usa la Herramienta Pluma o la Herramienta Lápiz (N) para dibujar el trazo de una lengua rosa y serpenteante. Asegúrate de que los extremos y las esquinas están puestos en Redondeado en el panel de Trazo.

Draw the body of the anteaterDraw the body of the anteaterDraw the body of the anteater

Paso 4

Pequeños rectángulos forman las patas del oso hormiguero, una elipse color crema forma el ojo, y un rectángulo redondeado forma el diseño de la espalda del oso hormiguero. Agrupa los componentes de tu oso hormiguero juntos.

Add details to complete the anteaterAdd details to complete the anteaterAdd details to complete the anteater

6. La Tortuga

Paso 1

Dibuja un rectángulo verde y tira de los Vértices Interactivos hacia dentro para crear la parte superior del caparazón de la tortuga. Selecciona la forma y cambia el tamaño de la parte inferior del rectángulo redondeado para que sea más de la mitad de un círculo.

La cabeza de la tortuga es un rectángulo con la parte izquierda redondeada y colocada debajo del caparazón. La cola es un triángulo y las patas son cuatro pequeños rectángulos. Pon de color de relleno del caparazón un verde más oscuro que el de la cabeza, la cola y las patas.

Create a turtle from basic shapesCreate a turtle from basic shapesCreate a turtle from basic shapes

Paso 2

Usa la Herramienta Polígono para dibujar un sencillo patrón de hexágonos conectados. Encontré más fácil Copiar y Pegar secciones de los hexágonos para formar un patrón más grande. Cambia las sombras y los tonos de verde utilizados. Agrupa todos los hexágonos juntos. Coloca la forma de caparazón sobre los hexágonos y Haz una Máscara de Recorte (Control-7).

Create a hexagon patterned turtle shellCreate a hexagon patterned turtle shellCreate a hexagon patterned turtle shell

Paso 3

Dibuja una elipse marrón pequeña para el ojo de la tortuga y Agrupa juntos todos los componentes de la tortuga.

Complete the turtleComplete the turtleComplete the turtle

7. El Pulpo

Paso 1

El último animal de nuestro lote es un pulpo rojo-naranja brillante. Como hemos hecho antes comienza con un rectángulo. Este debería ser vertical. Selecciona los dos puntos de ancla de las esquinas de la parte superior con la Herramienta Selección Directa y tira de los Vértices Interactivos hacia dentro para redondear completamente la parte superior del rectántgulo.

Round out the top of the rectangle shapeRound out the top of the rectangle shapeRound out the top of the rectangle shape

Paso 2

Utilizando la Herramienta Pluma, dibuja una línea serpenteante que vaya de la parte inferior del pulpo a la izquierda. Pon el grosor del trazo grueso con esquinas y extremos Redondeados en el panel de Trazo. Continua dibujando tentáculos de esta manera.

Draw tentacles with the pen toolDraw tentacles with the pen toolDraw tentacles with the pen tool

Paso 3

Dibuja cuatro tentáculos en el lado izquierdo. Expande los trazos, Agrúpalos juntos, y después Copia y Pega los tentáculos para el lado derecho. Incorpóralos sobre un Eje Vertical y colócalos en el lado derecho del pulpo. Añadí elipses marrones para los ojos y algunos círculos rojo claro para la textura en la parte superior izquierda del cuerpo del pulpo. Agrupa todo junto.

Reflect tentacles over a vertical axisReflect tentacles over a vertical axisReflect tentacles over a vertical axis

8. El Estampado

Paso 1

Abre el panel de Bibliotecas y pincha Crear Nueva Biblioteca en opciones. Selecciona y arrastra cada grupo animal a la biblioteca y dale a tu nueva biblioteca un nombre como "animales". Esto hará que sea fácil crear tu estampado.

Drag objects into the library panelDrag objects into the library panelDrag objects into the library panel

Paso 2

Coloca tres de tus animales en una pequeña disposición como la que se ve debajo. Cambia el tamaño y Gira los elementos que sean necesarios.

Start your pattern compositionStart your pattern compositionStart your pattern composition

Paso 3

Selecciona los tres animales y abre el panel Opciones de Motivo. Pincha Crear Motivo en las opciones del panel. Selecciona Ladrillo por Columna como el Tipo de Azulejo. Con el panel de Bibliotecas abierto también, arrastra los elementos animales al motivo, sobrepasando los límites del azulejo y así crearás un azulejo con estampado sin empalmes.

Gira, Cambia el Tamaño, y reorganiza los elementos que sean necesarios. Pincha Hecho cuando estés satisfecho con tu estampado. Encontrarás el recién creado estampado listo para usar en el panel de Muestras.

Create the simple animal patternCreate the simple animal patternCreate the simple animal pattern

¡Bien hecho!

Aplica tu estampado a un rectángulo grande sobre la Mesa de Trabajo y guárdalo para web o estampar. ¿Qué otros fantásticos animales puedes crear a partir de sencillas formas básicas? ¿Qué otras gamas de color puedes elaborar para estos animales? ¡Comparte tus creaciones en la sección de comentarios de debajo!

Para tutoriales de estampados similares, mira estos:

Final pattern designFinal pattern designFinal pattern design