Atajos para hacer mapas para ilustradores: Ilustra la ciudad que más te gusta | Anne Bollman | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Atajos para hacer mapas para ilustradores: Ilustra la ciudad que más te gusta

teacher avatar Anne Bollman, Anne Was Here

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Atajos para la creación de mapas para ilustradores

      2:18

    • 2.

      PASO 1: Selecciona e investiga la ubicación

      5:14

    • 3.

      Paso 2: Lluvia de ideas de imágenes de iconos

      3:05

    • 4.

      PASO 3: Crear el mapa base

      5:42

    • 5.

      PASO 4: Esboza el diseño

      1:53

    • 6.

      PASO 5: Bocetos detallados

      5:27

    • 7.

      PASO 6: ¡Ilustra!

      5:00

    • 8.

      Proyecto de clase

      2:26

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

2749

Estudiantes

12

Proyectos

Acerca de esta clase

Hay una gran demanda de mapas ilustrados tanto para productos como para publicaciones.  Mi colección de arte más exitosa tiene que ver con una serie de 12 mapas de ciudades que creé originalmente para un cliente para un calendario de afiches. ¡Desde entonces, tengo autorización para utilizar el mismo arte en paredes, ropa, papelería, telas, decoración del hogar, cerámica y mucho más! Hasta para un ilustrador experimentado, la primera vez que ilustra un mapa puede llegar a ser una tarea agobiante. Antes de llegar a la parte divertida, es preciso investigar y planificar mucho. Durante mi proyecto de calendario para ilustrar 12 mapas, desarrollé una serie de pasos para hacer más eficiente el proceso de elaboración del mapa. En esta clase, comparto contigo estos pasos.

Esta clase es ideal para personas que ya saben ilustrar en Photoshop, pero que son nuevas en el proceso de elaboración de mapas o quieren optimizar el proceso. Si primero necesitas aprender ilustración de Photoshop, tengo una clase que enseña ilustración en Photoshop. Haz clic aquí para comprobarlo. Los métodos que enseño también se pueden aplicar en Adobe Illustrator o inclusive con medios tradicionales con algunos ajustes.

LO MÁS DESTACADO DE LA CLASE

- Aprende formas rápidas de investigar una ciudad y crear una plantilla de mapa de Google.

- Lluvia de ideas con imágenes de iconos para los mapas.

- Descubre cómo utilizar una plantilla de mapa de Google para diseñar y hacer bocetos de un mapa en Photoshop.

- Usa imágenes de referencia para hacer bocetos detallados de iconos.

- Mira paso a paso cómo mi propio mapa se transforma en una plantilla, en un boceto y en una ilustración final.

Conoce a tu profesor(a)

Teacher Profile Image

Anne Bollman

Anne Was Here

Profesor(a)

Anne Bollman is the author and illustrator behind Anne Was Here, a studio which provides art and illustration for products and publications, designed with humor and style, that is meant to make you smile. Anne's artwork can be found online and in stores internationally on a wide range of products including children's books, stationery, fabric, gifts, apparel, home decor and more. Her debut children's book, Help Find Frank, was released by Sterling Publishing in May of 2018 and won the Excellence in a Picture Book Award from the Children's Literature Council of Southern California.

Anne is passionate about busting the myth that an artist has to be starving, and through teaching on Skillshare she hopes to bring success to other artists. After quitting her in-house de... Ver perfil completo

Level: Intermediate

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Atajos para la creación de mapas para ilustradores: Hola, me llamo Ann, y soy ilustradora. Creo obras de arte para productos y publicaciones. Los mapas son un tema realmente popular en estos momentos para ambas industrias. Recientemente, un socio licenciante me hizo crear una serie de 12 mapas para un calendario de carteles. Durante el proceso de ilustrar 12 mapas, desarrollé una serie de pasos para agilizar mi proceso. En esta clase, les comparto esos pasos. Esta clase es la mejor para las personas que ya saben ilustrar. Yo lo enseño en Photoshop, pero estos métodos se pueden aplicar en Illustrator o incluso en medios tradicionales como la acuarela con algunos ajustes. Si no te sientes cómodo ilustrando en Photoshop, te recomiendo que tomes una clase sobre eso antes tomar esta clase y luego regreses y únete a nosotros. Tengo una clase aquí en Skillshare, se llama ilustración en Photoshop. Creo que después de que tomes esa clase, te sentirías cómodo tomando esta. Esta clase ayudará a los ilustradores a investigar, diseñar y organizar sus mapas rápidamente para que puedan llegar a la parte divertida, ilustrando. Una vez que tienes un mapa Ilustrado, las posibilidades son infinitas. Estos son algunos de los productos que pude licenciar usando los mismos 12 mapas para ese proyecto de calendario de carteles. Espero que te inspiren para empezar a hacer tu mapa. 2. PASO 1: Selecciona e investiga la ubicación: El primer paso es seleccionar tu ubicación. A lo mejor es tu ciudad natal, tal vez es tu ciudad favorita, solo sabes para qué ciudad quieres crear un mapa y luego investigar esa ubicación. Si aún no sabes exactamente qué va a ir en tu mapa, un gran lugar para hacer investigación es Google. Normalmente tipo cosas que hacer en Los Ángeles o los mejores sitios de Los Ángeles, puntos de referencia en Los Ángeles, cualquiera de esas funcionará. Verás este cuadro aquí mismo que Google reúne de algunos de los mejores sitios de Los Ángeles. Si haces click en la parte inferior donde dice más sitios de Los Ángeles, te lleva a un mapa de ubicaciones lo cual es realmente útil porque puedes ver cómo se extendería el ícono en tu mapa. la izquierda hay una lista donde hay una imagen y una descripción de cada ubicación. Esto es bastante alejado, incluye parte del Condado de Orange. Voy a acercarme, así que en realidad sólo está enfocado en Los Ángeles. A continuación, lo que hago es bajar la lista y escoger las ubicaciones que quiero incluir. Si quieres hacer más investigación para averiguar cuáles son realmente los lugares más populares o los hitos de mejillón, haría un poco más de investigación. Normalmente cruzo listas de comparar de US News and World Reports, Trip Advisor, Google y solo averiguo cuáles son los lugares más importantes para incluir en la ciudad. Es posible que estés lo suficientemente familiarizado con tu ciudad o pueblo pero no necesitas hacer eso. Yo sólo voy a bajar esta lista y escoger las que quiero incluir. Ahí hay una pequeña estrella gris, si haces clic en eso, se guarda la ubicación. Entonces aquí se puede ver que he guardado el letrero de Hollywood. Simplemente voy a bajar esta lista y elegir las ubicaciones que quiero guardar. Típicamente si hay un cúmulo de ubicaciones justo aquí, a menos que dos de ellas sean extremadamente importantes para incluir solo elijo una. Puedes escoger dos si es algo que es imprescindible incluir, pero solo tienes que saber que tus iconos van a tener que estar cerca en el mapa. Por eso es bueno ver cómo se extienden las cosas. Ahora bien, si hay ubicaciones adicionales que las sugerencias de Google no han incluido, puedes añadirlas a tu mapa también. Si haces una búsqueda, por ejemplo, quiero agregar el centro de grapas, click en “Mapas” y aquí está bolígrafo el Staples Center. Puedes guardarlo yendo aquí a la estrella azul y haciendo clic en “Guardar”. Ahora si alejas el zoom, verás que las otras ubicaciones que ya has guardado siguen protagonizadas. Aquí tengo el mapa de Los Ángeles y se guardó todo de las sugerencias de Google que protagonicé, lo cual es genial. Entonces si quieres agregar otras ubicaciones, solo puedes seguir agregándolas. Quiero añadir LAX Aeropuerto. Voy a empezar eso. Estamos construyendo un nuevo estadio Ram en Los Ángeles, así que voy a incluir a los Rams de Los Ángeles. Esta es la futura ubicación de ese estadio, lo voy a incluir. Una vez que tengas todas tus ubicaciones, puedes alejar el zoom. Esto se puede minimizar haciendo clic en la flecha. Quieres asegurarte de que estás lo suficientemente alejado para que todas tus ubicaciones protagonizadas sean visibles y quieres algo de espacio arriba, abajo y a cada lado de tus ubicaciones de inicio. También ten en cuenta el formato en el que vas a estar trabajando. Si tu mapa de resultado final va a ser vertical, una vertical 8.5 por 11, debes asegurarte de tener suficiente mapa arriba y abajo para que sea lo suficientemente alto y si va a ser horizontal, lo mismo. Lo siguiente que vas a querer hacer es centrarlo y tomar una captura de pantalla de la mayor parte del mapa que puedas. Genial. Ahora tenemos nuestro diseño de mapa todo planeado con todas nuestras ubicaciones. El siguiente paso va a ser planear nuestro ícono. 3. Paso 2: Lluvia de ideas de imágenes de iconos: Una vez que tengas determinadas todas tus ubicaciones para tu mapa, escribe una lista de ellas y empieza a hacer una lluvia de ideas cuál podría ser el icono para cada elemento. Puedes ser consistente y hacer todos los edificios por ejemplo, o puedes mezclarlo y hacer algunos edificios, algunos iconos representativos. A mí me gusta mezclarlo. Aquí hay algunos que me lluvia de ideas para cada ubicación. Algunas ubicaciones podrían tener varias opciones geniales y luego otras podría ser obvio lo que debes usar. Por ejemplo, para el estadio de Los Ángeles, eso se acerca. Vi que podíamos hacer un futbol, podríamos hacer el edificio, podríamos hacer el logo de Rams. Eliminé fácilmente el edificio porque aún no se ha construido y no voy a hacer el logo de Rams. No quiero meterme con los derechos de autor y el branding. Entonces haré un balón por eso. Básicamente bajé toda la lista y elegí qué icono quiero usar para cada ubicación. Algunas de las obvias, Muscle Beach, que es Venice Beach aquí en Los Ángeles. Es famoso por una instalación de entrenamiento justo en la playa al aire libre, donde verás a muchos chicos y chicas realmente arrancados levantando pesas. Entonces para mí era obvio que más interesante que hacer para eso sería un hombre musculoso. Para Hollywood, podrías hacer los carteles de Hollywood, el Paseo de Hollywood con las estrellas son alfombra roja, pero creo que la imagen más icónica sería un letrero de Hollywood. Puedes ir por cada ubicación e investigar sobre las imágenes de Google de esa ubicación. Es fácil de tirar hacia arriba. Tendrás imágenes del edificio, eso es bastante interesante o tal vez hay una heladería realmente popular en tu pueblo y quieres hacer un cono de helado? Después de la lluvia de ideas y determinar qué iconos vas a usar para cada ubicación, quería enumerar otras cosas que van a estar en el mapa. Por lo que obviamente el título del mapa. Te quieres asegurar que la razón por la que estoy escribiendo todo esto es para que pueda ver adónde va todo y tenga un lugar para todo. Yo quiero tener a Los Ángeles, California, en mi mapa. Entonces me gusta incluir una rosa de brújula en algún lugar también. Entonces otras cosas que hice lluvia de ideas pero quizá no incluyéramos todo, pero quería escribirlas todas; palmeras, otros tipos de árboles, tal vez ballenas o delfines en el océano, una surfista, una dama paseando un perro, un tipo montando en bicicleta, un auto convertible, y tal vez un taxi. Entonces ahora que hemos hecho una lluvia de ideas de todos nuestros iconos e imágenes adicionales, lo siguiente que vamos a hacer es configurar nuestro archivo y configurar el mapa base. 4. PASO 3: Crear el mapa base: Por lo que ahora deberíamos configurar el documento de Photoshop. Necesitas saber cuál va a ser tu uso final para tu mapa para determinar qué tamaño y formato quieres crear una profundidad. Voy a hacer éste, un paisaje, 8 por 10. Entonces 10 pulgadas de ancho, ocho pulgadas de alto, y voy a hacer 600 pixeles por pulgada para que si alguna vez necesito el mapa para algo más grande que 8 por 10, realmente pueda duplicarlo a 16 por 20. Establecí mi modo de color es CMYK porque quiero que sea imprimible. A continuación, vas a querer traer tu captura de pantalla. Es difícil de ver porque las estrellas son bastante pequeñas, pero quieres estirar casi lo más grande que pueda ir con todas tus estrellas incluidas. A mí me gusta dejar un poco de espacio a su alrededor también. Si no encaja perfectamente, otro truco que uso a veces es estrujar o estirar el mapa porque como ilustradores, no somos cartógrafos, no tiene que ser exacto. Entonces si lo estiras una pulgada te ayuda con el diseño, no hay nada de malo en hacer eso siempre y cuando visualmente se vea correcto. Para este aunque se ajusta a mi 8 por 10 bastante bien. Yo sólo voy a centrarlo más. Entonces algo que hago para que pueda ver a dónde van a ir mejor mis iconos, agrego una nueva capa por encima del mapa y con un color brillante como el rojo, hago puntos para poder ver a dónde van a ir mis iconos. Antes de empezar, normalmente me gusta tener una paleta de colores predeterminada con la que trabajar. Si solo quieres crearlo a medida que construyes, eso también está bien. Me ayuda tener algo de lo que puedo sacar y luego no soy legalista al respecto si quiero cambiar de colores aquí y allá después sí, pero solo me ayuda a estar un poco más organizado teniendo una paleta de colores de donde sacar. Entonces voy a apagar la capa de iconos, los puntos rojos que creé por ahora. Voy a empezar por construir la base del mapa. En realidad voy a hacer un color sólido para mi color de mapa base y apagarlo para que pueda ver. Entonces voy a hacer un azul por el agua. Entonces aquí está mi agua y tierra para mi mapa. A continuación voy a dibujar las autopistas. Si estás haciendo una ciudad o pueblo más pequeño, podría ser solo carreteras, pero como Los Ángeles es tan grande, solo voy a hacer autopistas. Si haces demasiados, empieza a lucir realmente arañas. Por lo que traté de hacer sólo el más importante. Puedes escoger un color contrastante, pero tiendo a escoger el color del mapa base y simplemente hacerlo un poco más oscuro y luego quieres escoger un grosor dependiendo de cuánto quieras que destaquen. En realidad voy a dibujar por encima del mapa y volver a dar vuelta la opacidad para que realmente pueda ver dónde estoy dibujando. Voy a apagar la captura de pantalla. Entonces ahora tengo mi agua, mi tierra, y mis autopistas. Lo siguiente que vas a querer hacer es volver a encender tu mapa, tal vez bajar o subir la opacidad, y mira si hay algún parque, cuerpos de agua o ríos que quieras incluir. Los Ángeles no es conocido por ninguna de esas cosas. Tenemos el océano, y Chicago tiene el lago Michigan. Otras ciudades más pequeñas podrían tener un lago que es realmente importante de mostrar, o un parque grande. Entonces sí tenemos Griffith Park, que voy a representar con un verde. Simplemente querrás decidir qué otros parques, si los hay, quieres mostrar en tu mapa. Voy a apagar la capa de mapa y mirar esto y se puede ver que ese verde es bastante duro en la parte superior del color base. Entonces lo voy a ajustar a algo más ligero porque los parques no son realmente la principal característica de Los Ángeles. Ahora Central Park en Nueva York, tal vez quieras hacer un color más brillante, más obvio porque ese es un hito realmente importante en Nueva York. Por lo que ahora tengo mi mapa base. Incluye cuerpos de agua, terrenos, carreteras o autopistas o autopistas y parques. Lo siguiente que voy a hacer es empezar a bosquejar mis iconos. 5. PASO 4: Esboza el diseño: Ahora es el momento de esbozar el diseño de nuestro mapa. Ya tenemos los puntos rojos, que están sosteniendo lugares para nuestros iconos de ubicación. Ahora queremos esbozar más o menos hacia dónde van a ir las imágenes e iconos adicionales. Voy a volver a mi mapa y con mis ubicaciones de iconos y voy a mirar mi lista al mismo tiempo de iconos de lluvia de ideas adicionales. Simplemente realmente más o menos, voy a determinar los lugares y qué quiero incluir y dónde pondré las cosas. Voy a hacer un texto de posicionador rápido para donde pueden ir mis títulos de mapa, y puede que no termine pareciendo así al final, pero solo quiero guardar un lugar para ello. Entonces lo siguiente en mi lista son las filas de brújula. Entonces tengo estos, todos estos otros artículos que quería incluir. Ahora tengo un mapa áspero de dónde van a ir mis iconos, qué iconos adicionales de relleno voy a usar, mi título, y mis filas de brújula, y puedo ver que todo se pone bien. Obviamente no lo hago, muevo las cosas para que todo se ajuste y se vea bien, pero este es un buen lugar para empezar para que sepas cómo se van a llenar tus mapas. A continuación se trabajarán los bocetos detallados para nuestro mapa. 6. PASO 5: Bocetos detallados: [ MÚSICA]. siguiente paso es esbozar todos mis iconos con más detalle. Voy a empezar con Universal Studios Hollywood. Lo que hago es solo hacer una Búsqueda de Google y mirar Imágenes. Ya decidí que lo que quiero dibujar para representar a Universal Studios Hollywood es el globo. Se puede ver que aquí hay muchas fotos de ella. Yo miro a muchos de ellos. No soy fan de copiar una imagen, así que me gusta usar miniaturas de Google. Si quiero que esto sean más imágenes de solo el globo, podría escribir en “Globe”, y ahora estoy mirando una tonelada de miniaturas del globo y tiendo a no escoger una para dibujar para que no estafe a un fotógrafo. A pesar de que mi ilustración va a ser muy diferente, solo me gusta llevar todas las imágenes y llegar a mi propia versión de la misma. Ahora vuelvo a mi Mapa. Voy a localizar, qué ícono es Universal Studios, que es éste de aquí. Voy a acercarme ahí y bajar la opacidad en mi punto de ubicación. Voy a empezar a bosquejar con mis miniaturas de Google Images levantadas en la pantalla. Voy a empezar a bosquejar el globo. [ MÚSICA] A continuación pasaremos y haremos este boceto de cada uno de mis iconos para que pueda obtener un verdadero sentido de escala y dimensionamiento para cada uno antes de entrar y hacer la ilustración final. [ MÚSICA] Ahora que tengo todos mis bocetos detallados de mis iconos principales, puedo entrar y esbozar mis iconos de relleno con más detalle. Al hacer esto, podría eliminar algunos, moverlos. Sólo porque como estás ilustrando, averigües qué se ajusta mejor o qué se ve mejor en tu mapa. Voy a bajar el camino de opacidad hacia abajo de estos. Sólo para que pueda ver la ubicación. Después haz los bocetos encima de ellos. [ MÚSICA] Decidí hacer una hilera de palmeras porque eso es muy típico de Los Ángeles, en lugar de solo una sola. Eso eliminó algunos de mis otros iconos. La mujer paseando a un perro, y decidí ir sin la rosa de la brújula. Voy a añadir en las letras para Los Ángeles, California. Ahora puedo ver el diseño completo de mi mapa. Lo siguiente que quiero hacer es agregar etiquetas para las ubicaciones específicas. [ MÚSICA] Lo que he hecho es especie de alternar mi estilo de etiquetado entre un cursivo y un mayúscula, en solo mayúsculas solo para dar un poco más de interés visual. Lo último que voy a hacer es etiquetar las autopistas. Si tienes un pueblo más pequeño, tuyos [sic] quizá nombres de calles, y normalmente solo los escribiría a lo largo de un tramo de la calle. Pero porque estoy haciendo autopistas, tengo símbolos de autopista. [ MÚSICA] Ahora voy a apagar por completo mis puntos rojos, que la opacidad se desvaneció. Pero los voy a apagar por completo. Los iconos adicionales bocetos que originalmente tuve y moví cosas alrededor, voy a apagar eso también. Ahora realmente puedes mirar tu diseño y asegurarte de que estás contento con él. Muchas veces en esta etapa, voy a mover un poco las cosas. Puedes usar tu libertad creativa para scooch cosas arriba o abajo. No tienen que estar exactamente en la ubicación. Obviamente, los iconos son más grandes que la ubicación real en sí, así que mientras esté en la zona general entre las autopistas o calles correctas, estarás bien. Una vez que te guste tu diseño, el siguiente paso va a ser empezar a hacer las ilustraciones. Básicamente solo voy uno por uno y empiezo a hacer mis ilustraciones finales y detalladas de cada ítem. [MÚSICA] 7. PASO 6: ¡Ilustra!: Entonces ahora estamos en la última y más divertida parte, ilustrando el mapa. Como mencioné antes, esto no es una forma de ilustrar clase. Entonces solo les voy a mostrar un poco de mi proceso aquí. Si necesitas más dirección o te gustaría ver mi método de ilustración, tengo otra clase de habilidad que se llama Ilustración en Photoshop, donde enseño ilustraciones de photoshop paso a paso. De lo contrario, es hora de ilustrar. Ahora que te he mostrado todo mi proceso para hacer mapas, el siguiente paso es que crees tu propio mapa. En el video final, estaré hablando de tu proyecto de clase. 8. Proyecto de clase: El proyecto para esta clase es utilizar los pasos que he compartido contigo para investigar, elaborar e ilustrar un mapa de tu ciudad natal o ciudad favorita. En caso de que necesite un recordatorio, aquí están los pasos de nuevo. También he incluido una hoja de referencia que puedes descargar que tienen los pasos en ella. Lo puedes encontrar en Skillshare bajo Proyecto de Clase, a la derecha. Paso 1: selecciona la ubicación, investiga los mejores sitios y puntos de referencia, crea un mapa de google con ubicaciones guardadas, toma una captura de pantalla de ese mapa. Paso 2: lluvia de ideas sobre los iconos, escribe una lista de tus ubicaciones seleccionadas, anota ideas de iconos para cada ubicación, selecciona un icono para cada ubicación, crea ideas de iconos adicionales e imágenes. Paso 3: configura tu archivo de Photoshop, coloca y dimensiona la captura de pantalla del mapa, resalta tus ubicaciones protagonizadas, elige una paleta de colores, crea tu mapa base; incluyendo tierra, agua, parques y carreteras. Paso 4: bosquejar más o menos el diseño, determinar la ubicación del título, determinar ubicaciones iconos e imágenes adicionales. Paso 5: investigar imágenes de referencia, hacer bocetos detallados de iconos de ubicación, bocetos detallados de iconos e imágenes adicionales, icono de boceto y etiquetas de carreteras, realizar ajustes. Paso 6: ilustrar, hacer cada icono, imagen y título, opcional para agregar textura, para ajustar la paleta de colores, arreglar lo que no te gusta, luego finalmente, compartir tu mapa terminado con nosotros en la clase.