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

Crear una escena de oso de dibujos animados utilizando formas repetidas en Illustrator

Scroll to top

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

En este tutorial, voy a discutir varios puntos en la fabricación de una escena de oso de dibujos animados con formas simples y con una paleta de colores limitador en Adobe Illustrator. Desde el boceto y la planificación, elegiré el color y la sensación general con Adobe Kuler, ilustraré los elementos principales para la escena y aprenderé a reutilizar las ilustraciones existentes para ahorrar tiempo, pero seguiré siendo capaz de presentar un aspecto único en los elementos para evitar la redundancia en el diseño. ¡Ahora vamos a empezar!


1. Preparar el Skecth

Esto ya servirá de recordatorio para todos: hacer bocetos es una parte muy importante del proceso de diseño. Cuando hacemos un boceto, conseguimos tener una visión general de lo que nos gustaría conseguir en nuestras ilustraciones. Para este tutorial, he dibujado un boceto muy tosco en Adobe Photoshop, con suficiente claridad para distinguir las formas básicas.

cartoon-bear-scene-01cartoon-bear-scene-01cartoon-bear-scene-01

2. Identificar las formas básicas necesarias para la ilustración

Para que podamos tener una forma eficiente de ilustrar las cosas para la obra de arte, también es importante planificar de antemano cuáles son las formas que vamos a utilizar. Para este tutorial, por favor refiérase a la imagen de abajo que le dirá mis planes en pocas palabras.

cartoon-bear-scene-02cartoon-bear-scene-02cartoon-bear-scene-02

3. Planificar el aspecto de la escena con Adobe Kuler

Hay un montón de extensiones de creación de paletas de colores y sitios web que conozco en la web, pero realmente prefiero usar Kuler de Adobe entre cualquier otra cosa. Adobe Kuler tiene una extensión para Adobe Illustrator CS5 y CS6 que le permite elegir sus esquemas de color deseados, justo dentro de su aplicación Adobe Illustrator. Illustrator CC tiene Kuler totalmente integrado, por lo que no es necesario descargar ninguna extensión. Muy práctico, ¿verdad? Para este tutorial, voy a utilizar la extensión descargable para CS5 y CS6.

Paso 1

Active el panel de extensión de Adobe Kuler yendo a Window > Extensión > Adobe Kuler y verá que el panel de extensión aparecerá en su espacio de trabajo.

cartoon-bear-scene-03cartoon-bear-scene-03cartoon-bear-scene-03

Paso 2

Aunque Adobe Kuler nos permite elegir diferentes paletas de colores, todavía tenemos que añadirlas manualmente a nuestro espacio de trabajo local añadiéndolas al panel de Muestras. Para ello, vaya a Window > Muestras para añadir el panel Muestras en su espacio de trabajo. En su panel de extensión de Adobe Kuler, escriba las palabras clave que desee y las relacionadas para poder ver las paletas de colores disponibles

Me decidí por algo con un toque otoñal, así que busqué la palabra clave Naranja. Selecciona la paleta de colores que desees de los resultados de la búsqueda y haz clic en el botón Añadir el tema seleccionado a las muestras que se encuentra en la parte inferior del panel. Después de hacer clic en él, notará que la paleta seleccionada se almacena ahora en su panel local de Muestras. Haga esto hasta que tenga todos los colores deseados que le ayudarán a decidir el aspecto general de la ilustración.

cartoon-bear-scene-04cartoon-bear-scene-04cartoon-bear-scene-04

Tenga en cuenta que los colores que hemos elegido son sólo una guía para la ilustración. Durante el proceso, podemos utilizar los colores predeterminados de la selección, pero también podemos jugar un poco con los colores para conseguir algo nuevo y único. En resumen, sólo tienes que jugar con los colores hasta que encuentres algo nuevo que se adapte a tu gusto y estilo.


4. Crear un nuevo documento

Cree un Nuevo documento yendo a Archivo > Nuevo (Control + N) y utilice la siguiente configuración y pulse OK.

cartoon-bear-scene-05cartoon-bear-scene-05cartoon-bear-scene-05

5. Crear las montañas

Paso 1

Utilizando la herramienta Pluma (P), dibuja un triángulo y selecciona un color naranja de tu paleta. Para ello, he utilizado el color de relleno #EF5411 sin trazo.

cartoon-bear-scene-06cartoon-bear-scene-06cartoon-bear-scene-06

Paso 2

Selecciona el triángulo naranja y activa la opción Dibujar dentro en tu barra de herramientas. Usando la Herramienta Pluma (P), haz una forma parecida a la de la imagen de abajo. Selecciona un color naranja claro (#FFC887) para el relleno.

cartoon-bear-scene-07cartoon-bear-scene-07cartoon-bear-scene-07

Paso 3

Siguiendo con la Herramienta Pluma (P) con la opción Dibujar dentro activa, dibuje algunas formas aleatorias (refiérase a la forma de abajo para un ejemplo) con líneas rectas y y utilizó dos colores (#800C00 con Modo de Mezcla Superpuesto, 50% de Opacidad y #CC3A00 con Modo de Mezcla Multiplicado, 60% de Opacidad). Asegúrate de poner las formas debajo de la forma de la capa de hielo.

cartoon-bear-scene-08cartoon-bear-scene-08cartoon-bear-scene-08

Paso 4

Vamos a hacer tres copias de la montaña. Para la primera, seleccionamos la montaña y la copiamos (Control + C) y la pegamos (Control + V) en la mesa de trabajo. Active la herramienta de selección directa (A) y seleccione la forma principal de la montaña y cambie su color de relleno a #FF7100.

cartoon-bear-scene-09cartoon-bear-scene-09cartoon-bear-scene-09

Paso 5

Vamos a cambiar algunas cosas en la montaña para que no parezcan duplicados. Entra en el grupo de clips de la montaña activando la herramienta de selección (V) y haciendo doble clic en el nuevo grupo de montañas. Active la herramienta de selección directa (A) y seleccione una textura de forma de la montaña y haga clic en la opción Seleccionar objetos similares para seleccionar todas las formas con la misma transparencia, color y opacidad. Cambie el color de relleno a #FF8A00 con el modo de fusión Multiply y 50% de opacidad. También cambié el color de la capa de hielo a #FFEBC3.

cartoon-bear-scene-10cartoon-bear-scene-10cartoon-bear-scene-10

Paso 6

Utilizando la misma técnica mencionada en el paso anterior, haz dos versiones más de la montaña. Puedes cambiar la forma de la capa de hielo para conseguir una forma más singular. Juega con los colores, la transparencia y la opacidad. Como puedes ver, he hecho dos versiones con un fondo oscuro y otras dos con colores más claros pero que siguen teniendo el aspecto de los colores que hemos elegido.

Poner las montañas en una nueva capa y ocultar esa capa para poder pasar a los siguientes elementos.

cartoon-bear-scene-11cartoon-bear-scene-11cartoon-bear-scene-11

6. Crear los árboles

Paso 1

Usando la Herramienta Pluma (P), crea un triángulo que parezca un tronco de árbol y usa el color #553200.

cartoon-bear-scene-12cartoon-bear-scene-12cartoon-bear-scene-12

Paso 2

Abra el panel Pinceles (Window> Pinceles) y haga clic en el menú desplegable y seleccione Abrir biblioteca de pinceles > Artístico > Artistic_ChalkCharcoalPencil. Seleccione el pincel de tiza.

cartoon-bear-scene-13cartoon-bear-scene-13cartoon-bear-scene-13
cartoon-bear-scene-14cartoon-bear-scene-14cartoon-bear-scene-14

Paso 3

Usando la Herramienta de Selección (V), seleccione el tronco del árbol y haga clic en Dibujar dentro. Utilizando la herramienta Pincel (B), dibuje una línea recta empezando por la parte más alta del tronco hasta llegar a la parte inferior. Asegúrese de que el pincel de tiza está seleccionado para que se aplique en la pincelada con el color de trazo #553200 y sin color de relleno. Aplique la pantalla de modo de fusión a la nueva pincelada.

cartoon-bear-scene-15cartoon-bear-scene-15cartoon-bear-scene-15

Paso 4

Haga varias copias del tronco, cambie su tamaño y dispóngalas de forma que parezcan ramas de árbol. Vea el ejemplo siguiente.

cartoon-bear-scene-16cartoon-bear-scene-16cartoon-bear-scene-16

Paso 5

Crea un oblongo usando la Herramienta Elipse (L) y usa #FFE354 como color de relleno. Copia (Control + C) el oblongo que acabas de crear y Copia en su lugar (Mayúsculas + Control + V) la forma. Terminarás con tres oblongos iguales colocados uno encima del otro. Ahora, selecciona el oblongo más alto y muévelo un poco hacia la parte inferior derecha. Con ella aún seleccionada, mantén presionada la tecla Shift y selecciona el siguiente oblongo de abajo y haz clic en Minus Front del panel Pathfinder (Window > Pathfinder). Cambia el color a #F27900 y cambia el Modo de Fusión a Quemar Color con una Opacidad del 50%.

cartoon-bear-scene-16_acartoon-bear-scene-16_acartoon-bear-scene-16_a

Paso 6 

Abra el panel de Muestras (Window > Muestras) y, en el menú desplegable, vaya a Abrir biblioteca de muestras > Patrones > Gráficos básicos > Gráficos básicos_Texturas. Cree un círculo con la herramienta Elipse (L) y aplique el patrón USGS 2 Marsh que se encuentra en la lista de patrones y aplíquelo al círculo que acaba de crear.

cartoon-bear-scene-17cartoon-bear-scene-17cartoon-bear-scene-17

Paso 7

Seleccione el oblongo amarillo de la izquierda y vaya al panel Apariencia (Window > Apariencia). En el menú desplegable del panel Apariencia, seleccione Añadir nuevo relleno. A continuación, active la herramienta Cuentagotas (I) y haga clic en el círculo con el patrón que hemos preparado en el paso anterior. Cambia el modo de fusión a Dodge de color.

cartoon-bear-scene-18cartoon-bear-scene-18cartoon-bear-scene-18

Paso 8 

Coloca las hojas en la parte posterior del tronco y las ramas. Agruparlas (Control + G) en conjunto.

cartoon-bear-scene-19cartoon-bear-scene-19cartoon-bear-scene-19

Paso 9

Al igual que con lo que hicimos para las montañas, crea más versiones para el árbol. Los cambios pueden incluir: nuevos colores para las hojas y el tronco/las ramas, colocación de las ramas, etc. Después, coloca los árboles en la capa con las montañas y oculta la capa de nuevo.

cartoon-bear-scene-20cartoon-bear-scene-20cartoon-bear-scene-20

7.  Crear la hierba

Paso 1

Usando la Herramienta Pluma (P), crea varios triángulos con el color de relleno #E97500 y haz clic en Unir del panel Buscapersonas (Window> Buscapersonas) para fusionar todas las formas.

cartoon-bear-scene-21cartoon-bear-scene-21cartoon-bear-scene-21

Paso 2

Haz dos copias de la forma de la base de la hierba utilizando Copiar (Control + C) y Pegar en su sitio (Control + Mayúsculas + V) y moviendo la capa más alta un poco más abajo y seleccionando la siguiente capa al mismo tiempo, haz clic en Minus Front del panel Pathfinder y cambia el Blending Mode a Color Dodge.

cartoon-bear-scene-22cartoon-bear-scene-22cartoon-bear-scene-22

Paso 3

Usando la misma técnica que hicimos al añadir las texturas a las hojas del árbol, añade de nuevo el Patrón de Pantano USGS 2 a la hierba añadiendo un Nuevo Relleno con el panel de Apariencia y cambia el Modo de Fusión a Luz Suave. Agruparlas (Control + G).

cartoon-bear-scene-23cartoon-bear-scene-23cartoon-bear-scene-23

Paso 4

Haz lo mismo con las hierbas.

cartoon-bear-scene-24cartoon-bear-scene-24cartoon-bear-scene-24

8. Crear el fondo

Paso 1

Rellena la mesa de trabajo con un rectángulo utilizando la herramienta Rectángulo (M) y añade un degradado radial con los colores #FFE37F y #FF8E00 respectivamente.

cartoon-bear-scene-25cartoon-bear-scene-25cartoon-bear-scene-25

Paso 2

Selecciona el fondo y haz clic en la opción Dibujar dentro y empieza a dibujar los detalles con la herramienta Pluma (P). Juega con el modo de fusión y la opacidad hasta que consigas un aspecto a tu gusto.

cartoon-bear-scene-26cartoon-bear-scene-26cartoon-bear-scene-26

Paso 3

Crea un nuevo rectángulo y utiliza el color #FFC887. Esto será para el suelo en la ilustración.

cartoon-bear-scene-27cartoon-bear-scene-27cartoon-bear-scene-27

Paso 4

Seleccione el rectángulo marrón que acabamos de crear y active la opción de dibujar dentro y dibuje un nuevo rectángulo dentro de él y aplique el patrón Mezzotint Irregular de la muestra Basic Graphics_Textures con Modo de fusión Color Burn y 20% de Opacidad. Después de eso, seleccione la herramienta Pluma (P) y dibujar algunas formas que algunos profundidad y los detalles a la tierra, con #CC5400 color de relleno y la multiplicación del modo de fusión y 20% de opacidad.

cartoon-bear-scene-28cartoon-bear-scene-28cartoon-bear-scene-28

9. Organice los elementos para crear su escena

Ahora viene la parte divertida: organizar la escena. Para ello, desoculta la capa extra que tenemos para revelar todos los elementos que ilustramos anteriormente. Bloquea la capa "Fondo".

Como puedes ver en mi panel de capas, las he organizado por capas. Primero las montañas, luego añadí la primera capa de árboles, luego la primera capa de hierba, y luego, creé una segunda capa para los árboles y para la hierba respectivamente. De esta manera, podremos tener una sensación de profundidad para la escena al mostrar dos capas diferentes para los árboles y las hierbas respectivamente.

cartoon-bear-scene-29cartoon-bear-scene-29cartoon-bear-scene-29
cartoon-bear-scene-30cartoon-bear-scene-30cartoon-bear-scene-30
cartoon-bear-scene-31cartoon-bear-scene-31cartoon-bear-scene-31

10. Añade detalles como rocas

Los pequeños detalles pueden significar mucho en una ilustración. Así que coge tu Herramienta Pluma (P) y empieza a añadir rocas con el color de relleno #3B2400 y el color de relleno #A55E00. Establece el Modo de Fusión en Aclarar y 20% de Opacidad para el sombreado. Duplica las rocas y ponlas en la escena.

cartoon-bear-scene-32cartoon-bear-scene-32cartoon-bear-scene-32

11. ¡Traigan a los Osos!

Ahora es el momento de ilustrar a los protagonistas de la escena: los osos.

Paso 1

Cree un círculo utilizando la herramienta Elipse (L) con el color de relleno #361400.

cartoon-bear-scene-33cartoon-bear-scene-33cartoon-bear-scene-33

Paso 2

Coge la Herramienta Pluma (P) y empieza a ilustrar la forma similar de abajo. Ten en cuenta que debe estar en proporción con la cabeza y asegúrate de cambiar el color a #361400.

cartoon-bear-scene-34cartoon-bear-scene-34cartoon-bear-scene-34

Paso 3

Crea una nueva Elipse (L) y borra la parte inferior con la herramienta Borrador (Shift + E). Adjunta la forma a la cabeza y el cuello del oso y transforma la forma cuando sea necesario.

cartoon-bear-scene-35cartoon-bear-scene-35cartoon-bear-scene-35

Paso 4

Añade las orejas añadiendo dos círculos en la parte superior de la cabeza. Después de eso, Unir todas las formas en el panel de Pathfinder.

cartoon-bear-scene-36cartoon-bear-scene-36cartoon-bear-scene-36

Paso 5

Con la herramienta Pluma (P), añade dos ojos con un color rojo oscuro #7C0101

cartoon-bear-scene-37cartoon-bear-scene-37cartoon-bear-scene-37

Paso 6 

Comienza a dibujar las sombras y los detalles con la herramienta Pluma (P).

Ahora tenemos el oso para la escena, crear una nueva capa por encima de la capa "Árboles 1" y colocar el oso allí. Añade más instancias del oso y distribúyelas en la escena. Coloca otros elementos como la hierba cuando sea necesario.

cartoon-bear-scene-38cartoon-bear-scene-38cartoon-bear-scene-38

¡Felicitaciones! ¡Ya has terminado!

En este tutorial, pudimos maximizar una de las características más poderosas del arte vectorial: crear nuevos elementos a partir de un elemento existente con eficiencia. Sólo cambiando los colores y otras cosas como las formas, podemos convertir una ilustración existente en algo nuevo. También aprendimos a añadir texturas a los elementos y a crear profundidad en la escena simplemente disponiendo los elementos y distribuyéndolos en diferentes capas. También aprendimos a utilizar Adobe Kuler para ayudarnos a decidir el aspecto y los colores de la ilustración. Espero que hayáis disfrutado de este tutorial.

cartoon-bear-scene-40cartoon-bear-scene-40cartoon-bear-scene-40