Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Cartoon

Crear una Ilustración de Mapa de Caricatura en Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, me gustaría mostrarte cómo crear una ilustración de mapa de caricatura en Adobe Illustrator. El continente no se verá tan real como te gustaría verlo sobre un mapa—sino que tendrá estilo divertido, simple y caricaturesco. Usaremos formas básicas y las deformaremos usando algunos de los efectos o moviendo puntos de ancla. Puedes imprimir la ilustración final sobre una pieza grande papel y colgarla sobre una pared.

Si te parece, puedes agregar algunos animales a tu mapa siguiente estos tutoriales:

Siéntete libre de comprar la colección de animales en GraphicRiver si quieres añadir las imágenes listas para usarse. O quizás estás creando un mapa de infografía y necesitas algunos iconos? De igual manera, GraphicRiver es una buena solución.

1. ¿Cómo Crear los Continentes sobre el Mapa de Caricatura?

Paso 1

Luego de que hayas abierto Adobe Illustrator, crea un nuevo documento (Archivo > Nuevo) con 850 px Altura y Anchura.

Con la Herramienta Elipse (L) añade algunas elipses de cualquier forma. Asegúrate de que el color de relleno sea de R=229 G=217 B=180. Estos van a ser los continentes.

how to start to create the continents

Paso 2

Toma la Herramienta Deformar (Mayus-R) y luego arrastra y estira las elipses de la manera que quieras. Solo recuerda seleccionar el objeto que quieres deformar, o, de otra manera, deformarás los objetos que están alrededor.

Las opciones de la Herramienta Deformar (Mayus-R) no importan aquí, pero, si te gustan las opciones que tienes (por ejemplo el tamaño del diámetro es muy grande o muy pequeño) puedes dar doble-clic sobre esta herramienta y un nuevo cuadro de diálogo aparecerá. Aquí puedes cambiar las Dimensiones del Pincel Global y la Intensidad y marcar la opción Mostrar Tamaño de Pincel.

how to distort the continents using the Warp Tool Shift-R

Paso 3

Si quieres deformar los continentes incluso más para hacerlos más realista, puedes hacer yendo a Efecto > Distorsionar & Transformar > Emborronar. En el nuevo cuadro de diálogo, puedes experimentar con las opciones para lograr el resultado que quieres. Si quieres ver la casilla de previsualización, puedes ver todos los cambios en tiempo real en tu mesa de trabajo. Puedes hacer los continentes uno por uno, o todos de una vez. Cuando sea que estés feliz con su apariencia, presiona OK.

Expande todas las tierras (Objeto > Expandir Apariencia).

how to roughen the continents

Paso 4

Selecciona todos los continentes y ve a Objeto > Trazado > Desplazar Trazado... En el nuevo cuadro diálogo, pon el Desplazamiento alrededor de 10 px, pero depende del tamaño de tu continentes. Presiona OK. Una nueva pieza de tierra aparecerá alrededor de una. Cambia este nuevo relleno de tierra a R=234 G=224 B=195.

how to create the Offset Path for the continents

Crea un nuevo borde para tus continentes (Objeto > Trazado > Desplazamiento...) con un color de relleno más claro (R=234 G=224 B=195). Con las partes más claras en nuestro mapa, vamos a tratar de mostrar la superficie de la tierra que va hacia el océano.

how to create the Offset Path for the continents

Paso 5

Usando la Herramienta Elipse (L), crea más elipses sobre los continentes con el color de relleno R=232 G=221 B=190. Cambia el color de relleno de nuevo (R=235 G=226 B=199) y añade elipses más pequeñas sobre las más grandes.

continue creating the continents

Paso 6

Para deformar las nuevas elipses, tienes dos opciones: puedes usar la Herramienta Deformar (Mayus-R) o ve a Efecto > Distorsión & Transformar > Emborronar... Escoge una y luego expande las formas (Objeto > Expandir Apariencia).

continue creating the continents

Paso 7

Lo último que queremos añadir a nuestros continentes son lagos. Dibuja algunas elipses azul claro (R=167 G=214 B=210) donde quieras que estén los lagos. Toma la Herramienta Deformar (Mayus-R) y deforma. Recuerda seleccionar cada objeto antes de distorsionar.

Añade elipses más pequeñas y más oscuras (R=150 G=204 B=200) sobre las que son más grandes y más claras. Defórmalas usando la Herramienta Deformar (Mayus-R).

Añade una elipse más clara y más pequeña (R=141 G=198 B=195) sobre las más grandes y más claras. Defórmalas usando la Herramienta Deformar (Mayus-R).

how to create the lakes

2. ¿Cómo Crear el Océano sobre el Mapa de Caricatura?

Paso 1

Toma la Herramienta Rectángulo (M) y da clic sobre tu mesa de trabajo. En el nuevo cuadro de diálogo, pon 850 px de Anchura y Altura y presiona OK. Un cuadrado grande aparecerá en tu mesa de trabajo, que va se el agua o el océano en nuestro mapa. Asegúrate de que el agua permanezca en el medio de tu mesa de trabajo y cambia su color de relleno a R=141 G=198 B=195.

how to create the ocean background

Paso 2

Selecciona los bordes más claros de un continente y haz una copia detrás (Control-C, Control-B). Hazlo más grande y cambia su color de relleno a R=167 G=214 B=210. Mientras lo mantienes seleccionado, deforma usando la Herramienta Deformar (Mayus-R). Repite esto para cada continente.

how to create the water around the continents

Paso 3

Selecciona la forma azul clara alrededor del continente y crea una copia detrás (Control-C, Control-B). Hazla más grande y cambia su color de relleno a R=150 G=204 B=200. Mientras la mantienes seleccionado, defórmala usando la Herramienta Deformar (Mayus-R). Repite esto para continente.

how to create the water around the continents

Paso 4

Borra el color de relleno y pon el color del trazo a R=167 G=214 B=210. Toma la Herramienta Lápiz (N). Sobre el panel Trazo (Ventana > Trazo), marca la casilla Extremo Redondeado y Unión Redondeada.

Ahora la parte divertida: dibuja olas sobre el océano. Si ves que el trazado es muy delgado, incrementa su Anchura en el panel Trazo (Ventana > Trazo).

how to create the waves

3. ¿Cómo Crear los Objetos de Referencia sobre el Mapa?

Paso 1

Vamos a comenzar con el árbol. Como nuestro mapa tiene un estilo de caricatura, el árbol será muy simple, y lo mismo aplica en cuanto a crearlo. Toma la Herramienta Rectángulo (M) y dibuja un rectángulo largo vertical, con el color de relleno a R=191 G=157 B=106. Luego añade algunas elipses encima para el follaje (color de relleno R=193 G=191 B=111). Agrupa todo el árbol (da clic-derecho > Agrupar).

how to create the tree

Haz algunas copias del árbol que acabas de crear en tamaños diferentes y expande sobre todos los continentes.

how to spread the tree

Paso 2

Para crear un pino, comienza con un rectángulo de nuevo (color de relleno R=162 G=124 B=102).

Para crear un triángulo, toma la Herramienta Polígono y dibuja un polígono. Tendrá seis lados por defecto. Si tienes una nueva versión de Adobe Illustrator, cuando tu polígono esté seleccionado, sobre el lado derecho de la selección, serás capaz de ver un pequeño rombo. Si dibujas este rombo pequeño en sentido contrario a las agujas del reloj, el polígono tendrá menos lados, y, si arrastras en dirección a las agujas del reloj, el polígono ganará más lados. Así que haz un triángulo a partir del polígono arrastrando el pequeño rombo en dirección contraria a las agujas del reloj.

Si tu versión no es muy reciente, toma la Herramienta Polígono y da clic sobre tu mesa de trabajo. En el nuevo cuadro de diálogo, pon Lados 3 con cualquier Radio y da clic OK. Eso es tu triángulo, el cual usarás para crear el pino.

Crea dos copias más del triángulo verde (color de relleno tiene que ser R=168 G=168 B=108) y colócalos uno sobre el otro, de esta forma haciendo un pino. Agrupa todo el pino (clic-derecho > Agrupar).

how to create the spruce

Haz algunas copias del pino y ponlas alrededor de todos los continentes.

how to spread the spruce

Paso 3

Ahora vamos a añadir algunas montañas. Crea tres triángulos café (R=162 G=124 B=102) de diferentes tamaños. Ellos se deben superponer y su línea inferior tiene que estar en el mismo nivel. Ve al panel Buscatrazos (Ventana > Buscatrazos), y, mientras todos los triángulos estén seleccionados, presiona el botón Unir.

Luego, crea algunos triángulos blancos y ponlos boca abajo. Estamos creando la nieve sobre las montañas. Añade triángulos blancos que se superpongan a los que son de color café, como se muestra abajo. Los triángulos blanco deben superponerse uno al otro. Mientras que los triángulos blancos estén seleccionados, presiona el botón Unificar en el Buscatrazos (Ventana > Buscatrazos).

Después de eso, selecciona los triángulos café de nuevo (deben tener una sola forma ahora) y crear una nueva copia en frente (Control-C, Control-F). Mantén esta selección, y, mientras mantienes presionado el botón Mayus, también selecciona los triángulos (debe estar unidos en una sola forma). Finalmente, presiona el botón Formar Intersección en el Buscatrazos. Debes terminar con las montañas con nieve. Asegúrate de agrupar.

how to create the mountain

Crea más copias de las montañas y ponlas sobre todos los continentes.

how to spread the mountain

Paso 4

Hasta el momento, hemos creado naturaleza, y ahora necesitamos más señales de vida humana, así que necesitaremos casas. Comienza con un rectángulo blanco (usa la Herramienta Rectángulo (M)) sin trazo de color (está ahí solo para visibilidad).

Añade un rectángulo para la ventana (color de relleno R=168 G=193 B=192). Mientras mantienes presionado los botones Alt y Mayus, mueve este rectángulo gris a la derecha. El botón Mayus te permitirá moverlo recto, y Alt crea una copia.

Selecciona dos pequeños rectángulos grises, y, mientras presionas los botones Mayus y Alt, muevelos hacia abajo. Debes tener cuatro ventanas. Presiona Control-D tantas veces lo necesites para rellenar tu casa con ventanas verticalmente. La combinación Control-D te permite repetir el último movimiento.

Vamos añadir la base: esta será un rectángulo gris con azul en la parte inferior de la casa.

Lo último que cada casa necesita es un techo. Crea un rectángulo horizontal y largo (R=219 G=134 B=97) encima de la casa. Luego añade uno más que debe ser un poco más angosto y más alto. Mantén el rectángulo rojo seleccionado y ve a Efecto > Deformar > Abombar. En el nuevo cuadro de diálogo, pon las opciones que está debajo. ¡La primera casa está lista!

how to create the first house

Aquí están las opciones para el efecto de Abombado:

Bulge effect options

Asegúrate de que tu casa esté agrupada, haz algunas copias de ella y extiende alrededor.

how to spread the first house

Paso 5

Sería bueno tener más de un tipo de casa, así que vamos a crear una más. Comienza con un rectángulo blanco sin trazo. Luego dibuja una ventana con el mismo color de relleno de la casa anterior. Mientras mantienes la ventana seleccionada, ve a Efecto > Deformar > Arco Superior, y, en el nuevo cuadro de diálogo, pon las opciones que ves debajo.

Usando el mismo método de antes, cuando multiplicamos las ventanas, crea algunas ventanas ahora.

Luego añade la base y el techo. Para obtener el color de relleno que quieres (y quieres el color de relleno rojo de la casa anterior), usa la Herramienta Cuentagotas (I).

Mientras mantienes el techo seleccionado, ve a Efecto > Deformar > Arco y pon las opciones que ves debajo. ¡La segunda casa está terminada!

how to create the second house

Aquí están las opciones para el efecto de Arco Superior:

Arc Upper effect options

Y aquí están las opciones para el efecto de Arco:

Arc effect options

Asegúrate de que la segunda casa esté agrupada y haz algunas copias de ella y extiende alrededor de los continentes.

how to spread the second house

Paso 6

Para añadir una mayor variedad de edificios, decidí añadir una iglesia. Es opcional, así que es tu elección. Pienso que ahora sabes crear una casa, así que puedes hacer una por tu cuenta.

how to create the church

Pon las iglesias donde quieras.

how to spread the church

Paso 7

Lo último que queremos para nuestro mapa es un bote. Comienza con un rectángulo blanco sin color de trazo. Añade un círculo gris pequeño (todas y cada una de las ventanas en todas las casas comparten el mismo color de relleno que puedes ver). Mientras presionas las teclas Mayus y Alt, crea algunas ventanas más.

Añade un tubo largo encima del bote con líneas rojas encima usando rectángulos.

Luego de eso, continúa para crear el bote, siguiendo la imagen de abajo.

Al final, si quieres deformar la parte inferior del bote, toma la Herramienta Selección Directa (A) y mueve los puntos de ancla superior del rectángulo rojo. Agrupa el bote terminado.

how to create the boat

Crea algunas copias del bote y colócalas sobre el océano.

how to spread the boat

Conclusión

Espero que hayas disfrutado este tutorial conmigo. Si tienes algunas preguntas, déjalas en la sección de comentarios abajo. Espero que este tutorial haya sido útil para ti.

¡Nos vemos luego!

final
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.