30/8/13

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 3)

Hoy continuaremos con la tercera parte del tutorial Cómo crear un bosque cartoon en Adobe Illustrator. También puedes consultar la Parte 1 y la Parte 2 de este tutorial.

Continuamos...

9. Organiza los elementos para crear tu escena

Ahora, aquí viene la parte divertida: organizaremos la escena! Para hacer esto, haz visible la capa extra que tenemos para mostrar todos los elementos que ilustramos con anterioridad. Bloquea la capa "Fondo".

Como puedes ver, organicé los elementos por capas. Primero las montañas, después añadí la primera capa de árboles, luego la primer capa de pasto y creé una segunda capa para los árboles y para el pasto respectivamente. De esta manera, daremos un poco de profundidad a la escena empleando capas diferentes para los árboles y los pastos respectivamente.

10. Añade detalles: rocas

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

11. ¡Ahora los osos!

Ahora es tiempo de ilustrar los personajes principales de la escena: los osos.

Paso 1

Empezaremos por la cabeza de nuestro oso. Creamos un círculo usando la Herramienta Elipse (L) con un color de relleno #361400.

Paso 2

Cojemos la Herramienta Pluma (P) y empezamos a ilustrar una forma similar a la siguiente. Nos fijamos que sea proporcional a la cabeza y nos aseguramos de cambiar el color a #361400.

Paso 3

Creamos una nueva Elipse (L) y borramos la parte inferior con la Herramienta Borrador (Shift + E). Ubicamos la forma y luego la transformamos para unirla con la cabeza y el cuello del oso.

Paso 4

Añadimos las orejas de nuestro oso mediante la adición de dos círculos en la parte superior de la cabeza. Después de eso, seleccionamos y unimos todas las formas mediante la opción Unificar del panel Buscatrazos.

Paso 5

Con la Herramienta Pluma (P), añadimos los ojos y les asignamos un color de relleno rojo oscuro #7C0101.

Paso 6

Empezamos a dibujar sombras y detalles con la Herramienta Pluma (P).

Ahora que tenemos el oso para la escena, creamos una nueva capa, la ubicamos por encima de la capa "Arboles 1" y allí situamos el oso. Añadimos más copias del oso y las distribuímos en la escena. Organizamos otros elementos como el pasto si es necesario.

Felicitaciones! haz terminado!

En este tutorial, hemos aprendido a aprovechar al máximo una de las características más potentes del arte vectorial: la creación de nuevos elementos a partir de un elemento existente. Simplemente cambiando los colores y otras cosas como las formas, podemos convertir una ilustración existente en algo nuevo. También aprendimos cómo agregar texturas a los elementos y agregar profundidad a la escena mediante la organización de los elementos y la distribución de las capas. También aprendimos a usar Adobe Kuler para ayudarnos a decidir la apariencia de los colores de la ilustración. Espero que hayas disfrutado este tutorial.

Producto final:

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR - PARTE 1
CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR - PARTE 2

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 2)

Hoy continuaremos con la segunda parte del tutorial Cómo crear un bosque cartoon en Adobe Illustrator. También puedes consultar la Parte 1 de este tutorial.

Seguimos...

6. Crea los árboles

Paso 1

Usando la Herramienta Pluma (P), creamos un triángulo que será el tronco del árbol y utilizamos el color #553200.

Paso 2

Abrimos el Panel Pinceles (Ventana > Pinceles o F5), hacemos clic en el menú despegable y seleccionamos Abrir Biblioteca de Pinceles > Artístico > Artístico_LápizTizaCarboncillo. Seleccionamos el Pincel Tiza.

Paso 3

Utilizando la Herramienta Selección (V), seleccionamos el tronco del árbol y hacemos clic en Dibujar en el interior. Usando la Herramienta Pincel (B), dibujamos una línea recta desde la parte superior del tronco hasta llegar a la parte inferior. Debemos asegurarnos de que está seleccionado el Pincel Tiza para aplicarlo con color de trazo #553200 y sin color de relleno. Aplicamos el Modo de Fusión Trama al nuevo trazo del pincel.

Paso 4

Hacemos varias copias del tronco, cambiamos su tamaño y las ordenamos para que se vean como las ramas del árbol. Mira el siguiente ejemplo:

Paso 5

Creamos una elipse usando la Herramienta Elipse (L) y usamos #FFE354 como color de relleno. Copiamos la elipse que acabamos de crear (Ctrl + C) y la Pegamos en el mismo lugar (Shift + Ctrl + V) dos veces. Terminaremos con tres elipses iguales ubicadas una encima de la otra. Ahora, seleccionamos la elipse de la parte más superior y la movemos un poco hacia la parte inferior derecha. Con la elipse aún seleccionada, mantenemos pulsada la tecla Shift, seleccionamos la siguiente elipse y hacemos clic en Menos Frente desde el panel Buscatrazos (Ventana > Buscatrazos). Cambiamos el color a #F27900 y cambiamos el Modo de fusión a Subexponer color con una Opacidad de 50%.

Paso 6

Abrimos el Panel Muestras (Ventana > Muestras) y desde el menú despegable, vamos a Abrir Biblioteca de Muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Creamos un círculo con la Herramienta Elipse (L) y le aplicamos el motivo USGS 2 Marisma que se encuentra en la lista de Motivos.

Paso 7

Seleccionamos la Elipse amarilla de la izquierda y vamos al Panel Apariencia (Ventana > Apariencia). Desde el menú despegable del Panel Apariencia, seleccionamos Añadir Relleno Nuevo. Luego activamos la Herramienta Cuentagotas (I) y hacemos clic en el círculo con el patrón que preparamos en el paso anterior. Cambiamos el Modo de fusión a Sobreexponer Color.

Paso 8

Ubicamos las hojas detrás del tronco y las ramas. Luego agrupamos todas las formas del árbol (Ctrl + G).

Paso 9

Al igual que hicimos para la montañas, crearemos más versiones del árbol. Los cambios pueden incluir: nuevos colores para las hojas y el tronco, las ramas, etc. Después de eso, ponemos los árboles en la capa con las montañas y ocultamos la capa de nuevo.

7. Crea el pasto

Paso 1

Usando la Herramienta Pluma (P), creamos varios triángulos con un color de relleno naranja (#E97500) y hacemos clic en Unificar del Panel Buscatrazos (Ventana > Buscatrazos) para unir todas las formas.

Paso 2

Hacemos dos copias de la herramienta base del pasto usando el comando Copiar (Control + C) y Pegar en el mismo lugar (Control + Shift + V) y movemos la capa de más arriba un poco hacia abajo y seleccionando la siguiente capa a la misma vez, hacemos clic en Menos Frente del Panel Buscatrazos y cambiamos el Modo de Fusión a Sobreexponer Color.

Paso 3

Usando la misma técnica que empleamos cuando añadimos texturas a las hojas del árbol, añadimos de nuevo el Motivo USGS 2 Marisma al pasto por medio de la opción Añadir relleno nuevo del menú despegable del panel Apariencia y cambiamos el Modo de Fusión a Luz suave. Ahora las agrupamos con Control + G.

Paso 4

Haz lo mismo para crear diferentes tipos de pasto.

8. Crea el fondo

Paso 1

Rellenamos el lienzo con un rectángulo usando la Herramienta Rectángulo (M) y añadimos un Degradado Radial con los colores #FFE37F y #FF8E00 respectivamente.

Paso 2

Seleccionamos el fondo, hacemos clic en la opción Dibujar en el interior de la barra de herramientas y empezamos a dibujar los detalles con la Herramienta Pluma (P). Podemos jugar con el Modo de fusión y la Opacidad hasta conseguir algo que nos guste.

Paso 3

Creamos un nuevo rectángulo y lo rellenamos usando el color #FFC887. Este será el suelo de nuestra ilustración.

Paso 4

Seleccionamos el rectángulo café que acabamos de crear, activamos la opción Dibujar en el interior y dibujamos un nuevo rectángulo dentro de él. Luego vamos al panel muestras y en menú despegable seleccionamos Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos Básicos_Texturas. Aplicamos el Motivo Media tinta irregular o USGS 2 Marisma con Modo de fusión Subexponer color y 20% de Opacidad. Después de eso, seleccionamos la Herramienta Pluma (P) y dibujamos algunas formas que darán un poco de profundidad y detalles al suelo, con un color de relleno #CC5400, Modo de fusión Multiplicar y 20% de Opacidad.

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR - PARTE 1
CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR - PARTE 3

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator

29/8/13

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 1)

Hoy vamos a crear un bosque con estilo cartoon (historieta) en Adobe Illustrator usando formas repetitivas. Discutiremos varios puntos en la creación de una escena de osos estilo cartoon con formas simples y con una limitada paleta de color. Escogeremos los colores en general con Adobe Kuler, ilustraremos los elementos principales de la escena y aprenderemos a reusar ilustraciones existentes para ahorrar tiempo pero aún manteniendo un estilo único en los elementos para evitar la redundancia en el diseño. Empecemos!


Detalles del tutorial:

Programa: Adobe Illustrator CS5 o superior
Dificultad: Intermedio

Producto final

Este será el resultado de lo que haremos:

1. Prepara el boceto

El boceto es una parte muy importante en el proceso de diseño. Cuando hacemos un boceto, conseguimos una visión general de lo que nos gustaría lograr en nuestras ilustraciones. Para este tutorial, utilizaré este boceto dibujado en Adobe Photoshop, con la suficiente claridad para distinguir formas básicas.

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

Para que tengamos una forma eficaz de ilustrar los elementos de la escena, es importante planificar las formas que utilizaremos.

3. Planea el aspecto de la escena con Adobe Kuler

Hay muchas extensiones y sitios web para la creación de paletas de color, pero prefiero usar Kuler de Adobe. Adobe Kuler tiene una extensión para Adobe Illustrator CS5 y CS6 el cual nos permite escoger los esquemas de color deseados, justo dentro de tu aplicación de Adobe Illustrator. Kuler está integrado completamente en Illustrator CC, así que no necesitas descargar ninguna extensión. Para este tutorial, usaremos la extensión descargable para CS5 y CS6.

Paso 1

Activamos el panel de extensión de Adobe Kuler mediante el menú Ventana > Extensión > Adobe Kuler y veremos que ese panel de extensión aparece en nuestro espacio de trabajo.

Paso 2

Mientras Adobe Kuler nos deja escoger diferentes paletas de color, aún así necesitaremos añadirlos manualmente a nuestro espacio de trabajo local añadiéndolo al panel Muestras. Para hacer esto, vamos a Ventana > Muestras para añadir el panel Muestras en nuestro espacio de trabajo. En nuestro panel de la extensión Adobe Kuler, escribimos el color deseado y/o palabras clave relacionadas para ver las paletas de color disponibles.

En mi caso escogeré algo con una sensación de Otoño así que buscaré la palabra clave Naranja (Orange). Seleccionamos nuestra paleta de color deseada de los resultados de búsqueda y hacemos clic en Añadir la temática seleccionada a las muestras que se encuentra en la parte inferior del panel. Después de darle clic nos daremos cuenta que la paleta que seleccionamos está ahora almacenada en nuestro panel local Muestras. Hacemos esto hasta tener todos los colores deseados que nos ayudarán a decidir el aspecto general de la ilustración.

Debemos tener en cuenta que los colores que elegimos son sólo directrices para la ilustración. Durante el proceso, podemos usar los colores por defecto de la selección, pero también podemos jugar con los colores un poco para lograr algo nuevo y único. En resumen, sólo juega con los colores hasta que encuentres algo adecuado para tu gusto y estilo.

4. Crea un documento nuevo

Creamos un documento nuevo. Vamos a Archivo > Nuevo (Control + N), usamos los siguientes ajustes y pulsamos OK.

5. Crea las montañas

Paso 1

Usando la herramienta Pluma (P), dibujamos un triángulo y seleccionamos un color naranja de nuestra paleta de colores. En este caso usaré #EF5411 como color de relleno y sin trazo.

Paso 2

Seleccionamos el triángulo de color naranja y activamos la opción Dibujar en el interior de la barra de herramientas. Usando la herramienta Pluma (P), hacemos una capa de hielo buscando una forma similar a la imagen de abajo. Elegimos un color naranja claro (#FFC887) para el relleno.

Paso 3

Aún usando la herramienta Pluma (P) con la opción Dibujar en el interior activada, dibujamos algunas formas al azar (veáse la figura más abajo para un ejemplo) con líneas rectas y usando dos colores (#800C00 con Modo de fusión Superponer, 50% de Opacidad y #CC3A00 con Modo de fusión Multiplicar, 60% Opacidad). Nos aseguramos de poner las formas por debajo de la forma de la capa de hielo.

Paso 4

Vamos a hacer tres copias de la montaña. Para hacer la primera, seleccionamos la montaña, la copiamos (Ctrl + C) y luego la pegamos (Ctrl + V) en la mesa de trabajo. Activamos la herramienta de Selección Directa (A), seleccionamos la forma principal de la montaña y cambiamos su color de relleno a #FF7100.

Paso 5

Vamos a cambiar algunas cosas en la montaña para que no se vean exactamente iguales. Entramos en el grupo clip de montaña activando la herramienta de Selección (V) y haciendo doble clic en el nuevo grupo de la montaña. Activamos la herramienta de Selección directa (A), seleccionamos una de las formas de la textura de la montaña y hacemos clic en la opción Seleccionar Objetos Similares para seleccionar todas las formas con la misma transparencia, color y opacidad. Cambiamos el color de relleno a #FF8A00 con Modo de Fusión Multiplicar y el 50% de Opacidad. También cambiaremos el color del manto de hielo a #FFEBC3.

Paso 6

Utilizando la misma técnica mencionada en el paso anterior, haremos 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.

Ponemos las montañas en una nueva capa y luego la ocultamos para pasar a los siguientes elementos.

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR - PARTE 2

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator
 

©2012 Blog de diseño gráfico y artes creativas en Colombia y en el mundo | Gurú Gráfico | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑