Transcripciones
1. Introducción: ¿ Es la ilustración un completo misterio para ti? ¿ Te sientes abrumado y no sabes por dónde empezar? Bueno, ya sea que estés dibujando de tu cabeza o de una imagen de referencia, un gran lugar para empezar es con formas. Si alguna vez has dibujado un triángulo encima de una plaza y lo has llamado casa, estás listo para esta clase. En esta clase, aprenderás que todo es formas construyendo tu propia casa de ensueño en Adobe Illustrator. Hola, me llamo Allison, y soy diseñador gráfico e ilustrador freelance. Llevo más de 10 años trabajando con programas de Adobe, y mi trabajo ha sido utilizado para branding, packaging, y web. En mi viaje, he aprendido que incluso los dibujos más complejos se pueden descomponer en formas simples, y en este punto, mi cerebro sólo ve cosas y formas, y tú puedes entrenar el tuyo para hacer lo mismo. Para efectos de esta clase, estaré trabajando en tres ilustraciones de casa de ensueño porque vamos, simplemente no podía decidirse. Pero serán una pequeña casa sobre ruedas, un A-Frame en el bosque, y un pequeño departamento encima de una tienda de abarrotes en la ciudad. Esta clase es perfecta para ilustradores principiantes o principiantes a ilustrador. Illustrator es un programa increíble que es perfecto para crear formas arquitectónicas. De hecho, una de sus herramientas básicas es la herramienta de forma. A lo largo de esa clase, te enseñaré los conceptos básicos de illustrator, cómo descomponer formas complejas en sus componentes básicos, y cómo utilizar la rueda de color para crear paletas de colores dinámicas. He incluido algunos recursos de clase a continuación para que puedas tener esos como referencia útil a medida que pasas por las lecciones. Al final de esta clase, podrás descomponer formas complejas en sus componentes básicos, crear una composición interesante con facilidad y usar el color de manera efectiva para hacer estallar tus ilustraciones. Con estas técnicas fundamentales, podrás abordar cualquier tipo de proyecto de ilustración. Si estás listo para construir la casa de tus sueños, empecemos.
2. Tu proyecto de clase: Para tu proyecto de clase, vas a estar girando en una ilustración de la casa de tus sueños. Puede ser en cualquier formato de imagen o dimensiones que desee. Esta clase está orientada a ilustradores así que eso es lo que voy a estar usando pero tengo algunos recursos de clase útiles a continuación que puedes usar si aún no tienes ganas de memorizar nada. Definitivamente necesitarás una computadora con Adobe Illustrator, algunos Algunos un lápiz y opcional serían algún papel de calco el cual me parece bastante útil. Esta clase está optimizada para hacer una ilustración para redes sociales y web. Por lo que estaré usando píxeles en un espacio de color RGB así que solo ten eso en cuenta. Si te apetece compartir lo que has creado en redes sociales, por favor usa el hashtag EverythingIsSshapes para que pueda echarle un vistazo. Con todo eso dicho, empecemos.
3. Todo es una forma: Para esta primera lección, les voy a mostrar lo que quiero decir con todo son formas. Piensa en la primera casa que dibujaste cuando eras niño. ¿ De qué se hace? Probablemente un cuadrado y un triángulo y un rectángulo y algunos cuadrados más pequeños si quisieras agregar una puerta y una ventana. Los mismos principios que aplicas a esa casa cuando eras niño son los mismos principios que vamos a estar aplicando a nuestras ilustraciones más complejas. Por ejemplo, toma esta foto de una casa. Los lados están conformados por rectángulos y el techo está
conformado un rectángulo que puedes manipular fácilmente con la Herramienta Pluma. Las ventanas son rectángulos que se hacen arriba, rectángulos aún más pequeños. También hay algunos elementos decorativos a esta fachada, entre ellos este círculo en la parte superior del edificio. Ese fue un ejemplo bastante sencillo, pero así es como quiero que ustedes estén pensando cuando están construyendo su propia ilustración. Para efectos de esta clase, estoy definiendo seis formas básicas que puedes construir con la herramienta de forma. Entonces hay una forma que puedes crear con la Herramienta Pluma. Esas formas son un círculo, un cuadrado, y un triángulo, un óvalo que es sólo un círculo estirado, un rectángulo que es un cuadrado estirado, y un diamante, que es dos triángulos puestos espalda con espalda. El polígono forma, que para esta clase estoy definiendo como básicamente cualquier cosa rara. Hay muchas maneras diferentes de acercarse a esta idea de que todo es formas. Voy a compartir algunos de mis ilustradores favoritos que utilizan estas mismas técnicas. George Townley es ilustrador del Reino Unido. Hace ilustraciones de hitos de Los Ángeles. Sus ilustraciones son más naturalistas en apariencia, manteniéndose más fieles a la realidad. Utiliza una paleta de colores cálidos y tienes la sensación de que está romantizando la ciudad. Jenny Lelong es una ilustradora de Francia, y hace estas ilustraciones lúdicas de diferentes fachadas en muchas usa un estilo muy plano y hace que incluya un fondo en su lugar yendo por un color pastel claro. En muchas de sus ilustraciones, sus edificios están habitados por estos animales de aspecto muy amable que realmente adoro. Coen Pohl es un diseñador holandés que hace estas ilustraciones de edificios que realmente sienten que tienen una manera de llegar a ellos. Utiliza una paleta de colores muy limitada de colores contrastantes, lo que hace que sus ilustraciones realmente pop. Hace una variedad de estilos, entre ellos isométricos, planos 3D y este estilo de bloque simple. Mark Conlan es ilustrador de Irlanda, y hace estas ilustraciones de edificios que están casi abstraídas en apariencia. Sus antecedentes te hacen sentir como si casi hubieras entrado en un mundo diferente, y están poblados por estos personajes muy sencillos que añaden mucha vida y misterio a sus piezas. Utiliza un uso muy sutil pero poderoso de la textura. Malika Favre es una ilustradora francesa que utiliza un estilo muy sencillo. Sus ilustraciones sólo contienen lo absolutamente necesario para entender la pieza. La mitad del tiempo sus sujetos casi se mezclan en el fondo. Su uso de forma elegante, edificio y líneas curvas guía tu ojo a través de su composición, haciéndote sentir exactamente lo que ella quiere que sientas. Hoodzpah Design es un estudio de diseño dirigido por Amy y Jenn Hood. Utilizan un estilo muy retro usando colores saturados D polvorientos y líneas variadas. También emplean este otro estilo muy plano que está en blanco y negro. Con frecuencia usan patrones que abstraen algunas de sus formas, pero aún así te dan una sensación de peso. Estos ilustradores son sólo algunos ejemplos de
los fantásticos ilustradores que están ahí fuera que funcionan con este estilo. Cuando mires a estos diferentes ilustradores, quiero que notes la forma en que usan el color y la forma y las líneas. ¿ Son planas sus ilustraciones? ¿ Cómo representan la luz y la sombra? las cosas que te atraen en estos otros ilustradores son decisiones que puedes tomar por ti mismo en tu propia ilustración. En esta lección, aprendiste cuáles son las formas básicas de 6 1/2. Cómo empezar a descomponer edificios complejos en sus componentes simples. Algunos ilustradores diferentes que demuestran las diferentes formas en que puedes acercarte a este proyecto. Para la siguiente lección, quiero que echen un vistazo a algunos edificios diferentes y vean si pueden comenzar a identificar esos componentes básicos. Adelante y echa un vistazo a esa lista de ilustradores y mira si hay algún estilo que te guste particularmente que quizá quieras implementar en tu propia ilustración. En la siguiente lección, voy a estar mostrándote cómo ilustrar una casa de símbolos para que puedas empezar a aprender las técnicas que utilizo para construir estas ilustraciones más complejas.
4. Kit de herramientas: construir una casa simple: En esta lección, les voy a mostrar los conceptos básicos de Illustrator, cómo moverse y cómo empezar a construir la casa de sus sueños. Me voy a centrar en cuatro secciones diferentes; herramientas, formas
básicas, cómo modificar formas y cómo crear formas personalizadas. No te preocupes por comenzar tu proyecto en esta lección, es solo para jugar con el programa y familiarizarte con las herramientas. A lo largo de la clase, estarás creando tu casa de ensueño. Esta lección es solo para animarte a jugar con Illustrator y demostrar algunas de las capacidades. La primera herramienta es la Herramienta Shape, que utilizo para hacer formas simples. La segunda herramienta es el Shape Builder, que utilizo para construir formas más complejas. Puede soldar formas juntas o restarlas. El Lápiz Herramienta que utilizo para formas personalizadas. Puede hacer clic en cada punto y hacer líneas
rectas o puede hacer clic y arrastrar para crear formas curvas. Cada punto en el que haces clic con la Herramienta Pluma, estás creando un punto, o también a veces se le llama nodo. Probablemente estaré usando esos términos indistintamente a lo largo de las lecciones. La Herramienta Trazo se puede utilizar en formas o líneas, y se puede acceder a eso a través de este menú Opciones de trazo, que está apagado a la derecha. También puedes acceder a algunas opciones desde arriba también. También está la Herramienta Ancho, que está en tu barra de herramientas izquierda, que tiene algunas opciones realmente impresionantes donde puedes personalizar tus líneas. La Herramienta de selección es tu herramienta predeterminada. Puedes mover cosas con esto. Tu Herramienta de Selección Directa, que está justo al lado de ella, te
permite moverte en puntos o nodos específicos alrededor. Tu Herramienta Cuentagotas Utilizo para colorear. Algunas otras características que uso con bastante frecuencia son las características de esquina redondeada. Las opciones Offset Path, que se pueden utilizar para crear versiones más grandes o más pequeñas de formas personalizadas. El Expandir Función, que se puede utilizar para convertir las líneas en formas por sí mismas. La herramienta Simplificar camino, que es ideal para cuando tienes una forma con muchos puntos en ella. Puedes usar esta herramienta para deshacerte de algunos de esos puntos para que puedas editar esa forma un poco mejor. Voy a construir sobre esta ilustración de la lección anterior. Nos vamos a centrar en tres cosas;
las formas básicas, cómo modificar formas, y cómo crear formas personalizadas. Las formas básicas en esta estructura son un cuadrado y un triángulo, que podemos hacer con nuestra Herramienta Shape. Mi forma se bloquea automáticamente en su lugar. Si el tuyo no hace eso, la forma de arreglarlo sería en el Panel de Vista, luego ir todo el camino hasta Snap to Point, y entonces lo hará. Este triángulo está centrado sobre la plaza y quiero que coincida con cada esquina de aquí. Manteniendo Alt u Option, si arrastras una de estas manijas a un lado, hará
lo mismo en el otro lado. Yo quiero extender la estructura y darle un muro. Voy a golpear “Comando C” y luego “Comando F” para pegar ese cuadrado encima de sí mismo. Voy a hacer que sea de un color diferente. Entonces solo puedo agarrar el lado lateral justo aquí y arrastrarlo hacia fuera. Tengo una pared que es exactamente la misma altura que la estructura frontal. Voy a hacer eso otra vez para conseguir el techo. En la siguiente sección, te
mostraré cómo voy a modificar la forma para que se vea un poco más como un techo. Pero primero, voy a añadir algunos elementos decorativos. Tengo algunas estructuras básicas en mi casa. Yo quiero modificar un par de ellos para que quepan un poco mejor, empezando por el techo. El modo en que voy a modificar este techo es golpeando la “Herramienta de Selección Directa”. Puedes hacer clic y arrastrar sobre esas dos piezas, o puedes hacer clic en una y luego pulsar “Shift”, y seleccionar otra para seleccionar múltiples o mi forma preferida de hacer las cosas. Puede hacer doble clic en la forma para ingresar al Modo de aislamiento
y, a continuación, hacer clic y arrastrar sobre los puntos que desee. Esto no es necesario para esta ilustración muy simple, pero cuando tienes muchas formas superpuestas,
entrar en Modo de aislamiento solo puede ayudarte a mantenerte organizado cuando estás editando una pieza específica. Entonces solo puedes empezar a arrastrar, y luego presionar “Shift”, y luego esperar hasta que se bloquee en su lugar. Entonces tienes un techo que está perfectamente en línea. Para estas ventanas, quiero ir con una mirada arqueada. En realidad voy a seleccionar todos estos puntos superiores aquí mismo y luego usar mis opciones de esquina redondeada para arrastrar esos. En realidad quiero que tengan un marco, así que voy a seleccionar uno y luego usar mis Opciones de ruta de desplazamiento y usar un valor negativo. Entonces si cambias el color, puedes ver que hay una forma más pequeña que está perfectamente centrada ahí dentro. Si comienzas a arrastrar mientras pulsas “Shift” y “Option” o “Alt”, puedes hacer clic y arrastrar una copia sobre. En realidad está bajo este otro objeto. Si pulsas “Comando” o “Control” y luego tus “Herramientas de soporte”, realidad
puedes cambiar dónde están en el arreglo. Lo que voy a hacer para crear algunos paneles de ventana es realmente copiar la forma primero para que tenga una copia de la misma. A continuación, vaya a Ruta de objeto y luego Dividir en cuadrícula. Entonces si golpeo “Preview”, verás que lo convierte en un cuadrado. Si tienes una forma personalizada, esto en realidad simplemente la cambiará en un rectángulo. Es bueno tener una copia de la forma que quieres que te dividan para que no la pierdas. Permítanme agrupar eso, entrar en Modo Aislamiento, y pegar mi círculo allá atrás. Si selecciono todo y luego uso mi Herramienta de creación de formas, puedo crear una ventana de círculo que tenga algunos paneles de ventana. Como puedes ver, en realidad
hay dos formas aquí. Simplemente puedes eliminar el original. Yo para crear la chimenea. Con una chimenea, quiero que parezca que está sentado en el techo. Si hago una chimenea así,
parece que está en el techo, pero le falta ese ángulo del techo. Lo que voy a hacer es golpear “Shift” y “Option” o “Alt” mientras arrastras esta pieza del techo y acercar para que veas lo que estás haciendo. Se puede mover eso a aproximadamente donde esta articulación de nivel está justo aquí. Entonces si quieres ver lo preciso que eres, puedes entrar en el modo Ver y Esquema. Como puedes ver aquí, no
estoy del todo en el lugar correcto, así que solo puedo arrastrar hasta que esté ahí. Después para salir de esta vista, puedes volver a Ver y luego Vista previa. Entonces puedo seleccionar la pieza del techo y el lateral de la chimenea. Usando mi herramienta Shape Builder, puedo eliminar esa pieza extra y crear una chimenea que parece estar sentada en el techo. En esta última sección, te
voy a mostrar cómo crear algunas formas personalizadas. Absolutamente puedes hacer esto con la Herramienta Shapes y luego solo Shape Builder un par de formas juntas, así. Entonces puedes redondear las esquinas. Pero quiero mostrarles una forma diferente de abordar esto también. Con la Herramienta Pluma, si hago clic alrededor, puedo crear algo de humo de esta manera. También puedes crear algo de humo con solo hacer clic. Entonces puedes usar esas opciones de esquina redondeada para simplemente redondear esos bordes dentados. Puedes cambiar la opacidad de esto o puedes usar tus opciones de degradado y crear un gradiente que se funde con tu cielo. Si cambio estos dos a blancos y luego cambio éste a cero por ciento, entonces se podría ver, tengo algo de humo que se desvanece en el cielo, como lo haría el humo natural. Ahora que ya has visto algunas de las capacidades de lo que Illustrator puede hacer, quiero que juegues con el programa y te pongas un poco más cómodo con él. En la siguiente lección, vamos a estar dibujando nuestras casas de ensueño en papel. Mira alrededor en Internet y mira si hay alguna foto o algo más que te guste que tal vez quieras usar como imagen de referencia en la siguiente lección.
5. Bocetado: empezar por la base: En esta lección, vamos a estar dibujando nuestra casa de ensueño. Puedes hacerlo en cualquier papel que tengas alrededor, pero voy a estar usando algún papel de cuaderno de bocetos que arranqué por la mitad. Entonces también tengo
aquí algún papel de calco porque no me gusta ponerme mucha presión cuando empiezo el boceto porque siempre puedo revisar y editar abajo en las rondas revisionarias. Cuando me acerco a estas ilustraciones, me gusta empezar primero con las formas de bloque más grandes, y luego añadiré en los detalles circundantes después de eso. También es importante tener en cuenta lo que se siente como en casa para ti, ¿qué hará de esta tu casa de ensueño? Cuando estoy dibujando, no estoy demasiado preocupado por el ambiente en el que va a estar mi casa. Yo solo quiero empezar a bajar las formas básicas. Para esta ilustración, decido ir con una casita diminuta sobre ruedas. Necesitaba una imagen de referencia para este vagón de estación. Esta es la imagen de referencia que utilicé, y solo estoy dividiendo este auto en sus formas básicas. Es como un rompecabezas. Solo estás tratando de averiguar qué formas encajan en esta forma más grande, y cómo puedes construirla a partir de esos componentes básicos. Cuando estoy haciendo estas ilustraciones, no
me preocupa mucho hacerlo exactamente correcto o preocuparme demasiado por hacer mis líneas perfectas y rectas la primera vez porque siempre puedo volver atrás y rastrearlo otra vez. La primera vez que dibujé el auto, lo
dibujé bastante cerca de su forma original. Pero entonces cuando lo
repasé, decidí que quería exagerar
un poco las características y hacerlo un poco más blocky y de dibujos animados. Eso es honestamente solo una preferencia personal y disfruto haciendo ilustraciones que se vean así. Eso depende completamente de ti por lo que quieras hacer. Decidí ir con una casita sobre ruedas para esta ilustración. Por supuesto que no todo el mundo va a estar haciendo eso, cada uno tiene su propia casa de ensueño. Cuando comienzas a conceptualizar lo que quieres hacer, absolutamente
me gustaría referirme a una foto de una casa que te gusta. Entonces como reiteras, puedes guardar tu imagen de referencia y empezar a agregar detalles o una pieza decorativa realmente cool o ventanas o lo que quieras. Puedes agregar esos en ti mismo, y no tienes que preocuparte demasiado por cómo era la foto original. Cuando estás trazando sobre tu imagen, puedes empezar a hacer un poco de marca más pesada e intentar dibujar un poco más de una línea segura. No usé una regla para ninguna porción de esto porque sé que
puedo volver a la computadora y convertirla en una forma perfecta. No estoy demasiado preocupado por eso, puedes usar una regla si quieres pero no es necesario. En nuestra ilustración vamos a utilizar una composición sencilla para practicar la creación del edificio principal. La composición estará conformada por un primer plano, medio terreno, y fondo. El primer plano es todo lo que está cerca del espectador, el medio suelo es todo lo que está en medio de tu composición, y el fondo es todo lo que está lejos de ti. Para nuestros propósitos vamos a llenar el primer plano con algunos elementos ambientales básicos que ayudan a poner el escenario. El medio suelo es donde va a
estar nuestra estructura de medios y por lo tanto va a ser la más compleja. El fondo tendrá más elementos para ayudar a armar la escena. Por ejemplo, voy a llenar mi medio suelo con la carretera y la barandilla. El fondo quiero ser una escena montañosa para que se sienta como si estuviéramos en un viaje por carretera. El primer plano me voy a llenar de unos arbustos y otros elementos naturales para que se sienta un poco más dinámico. No tienes que crear estos elementos ahora mismo. Puedes hacerlo después de terminar tu estructura principal en la siguiente lección, pero siempre es bueno tener en cuenta lo que estás planeando hacer alrededor de tu estructura. Ahora he hecho un par de iteraciones de mi diseño, hice algunas más solo para refinarlo a mi gusto. Ahora voy a tomarle una foto y llevarla a la computadora. En la siguiente lección, vamos a empezar a trazar nuestra ilustración en la computadora. Toma una foto de tu ilustración y asegúrate de tener eso listo. En esta lección, aprendiste los conceptos básicos de la composición y ahora estamos listos para pasar a trazar nuestra ilustración.
6. Trazos con formas básicas: En esta lección, vamos a empezar a vectorizar nuestras ilustraciones. Lo más importante a tener en cuenta es que la organización es clave así que te voy a mostrar cómo configuro mis documentos de ilustración con capas para que puedas mantenerte organizado y no te abrumes mientras trabajas. Yo configuro mis documentos de una manera específica para
que no tenga que preocuparme tanto por eso y puedo simplemente bloquear capas a medida que voy y activar
y desactivar la visibilidad para que pueda facturar para ver cómo estoy haciendo con ciertas cosas. El modo básico en que configuro mis documentos es la capa 1 aquí mismo es mi capa de boceto. Lo tengo bloqueado ahora mismo, traje mi imagen y luego
usé una máscara de recorte para cortar los bordes y asegurarme de que estaba realmente limpio. Entonces la capa por encima de esa son mis capas de fondo. Esa va a ser la línea de tierra y cualquier escenario en el fondo y el cielo y todo ese tipo de detalles. Entonces la tercera capa es mi capa base, y ahí es donde estoy construyendo la ilustración real o la casa real. Ahí es donde normalmente estoy trabajando alrededor del 75 por ciento del proyecto. Entonces por encima de mis formas básicas, tengo los detalles. Por encima de eso tendré mis superposiciones, por lo que mis superposiciones de color y cualquier otro ajuste final que quiera hacer. Ahora, podrías estar pensando, ¿qué diablos, eso no se ve como un cuadrado o un triángulo o algo así? Yo estoy aquí para decirles que esta ilustración todavía se puede hacer de las mismas formas básicas. Simplemente voy a dar clic y arrastrar un rectángulo aquí con aproximadamente el mismo ancho que el auto. Ahora, voy a usar mi Herramienta Pluma para agregar algunos puntos a la parte superior de la forma. Voy a añadir uno para básicamente cada articulación que no está representada. Aquí hay un porro para la parte superior del capó, hay uno en articulación justo aquí para la parte superior del auto, hay otro aquí mismo. Voy a añadir uno aquí, aquí, y aquí. Con mi Shift seleccionado, voy a seleccionar ambos de esos puntos, y sólo voy a arrastrarlos hacia arriba. Entonces voy a golpear este y ajustarlo un poco golpeando Shift para que se mantenga perfectamente en línea con el otro, voy a mover este punto hacia arriba sólo un poquito y este hacia abajo. De repente ves tenemos una forma mucho más parecida al auto. Para crear las ruedas, acabo de hacer una Herramienta Círculo mientras golpeaba Shift y Option para arrastrarla desde el interior. Entonces voy a entrar en “Objeto” y luego “Camino”, “Offset Path”, y luego hacer tal vez negativo 10 para darle un poco de definición lejos del grueso principal del auto, voy a hacer eso para éste también. Después seleccionando los círculos más grandes y la forma del auto, puedo golpear Option y luego simplemente eliminar esos puntos. Ahora, tengo la forma básica. Después usando la Herramienta Pluma, voy a empezar a construir la forma de las puertas. Sólo estoy siguiendo las líneas que ya puse en su lugar, golpeando Shift, puedo poner esta línea por aquí directamente en línea con el otro nodo, haga clic aquí abajo. Podrías pensar ahora ¿cómo diablos se supone que tengo que meter esa línea perfecta con las ruedas? Lo que hago en realidad es hacer clic fuera de la forma, y luego si golpeo un color diferente, rosa, puedes ver lo que está pasando, golpearlos a ambos, y luego usar la herramienta Shape Builder, puedo presionar Opción y borra esa forma para que siga perfectamente en línea. Ahora, quiero conseguir esas dos ventanas interiores. El modo en que voy a hacer esto es con las mismas técnicas,
“Objeto”, “Trayectoria”, y luego “Offset Path”. Ahora, quiero usar una Herramienta Rectángulo y arrastrar por esa línea. Entonces voy a usar la herramienta Shape Builder para eliminar la parte inferior de esa ventana. Ahora tengo esta forma que generalmente es la forma de las ventanas. Ahora, quiero dividirlo en dos y añadir esa línea de puerta. Voy a seleccionar la forma, hacer clic y arrastrar hacia arriba aproximadamente donde quiero que esté esa línea, y luego voy a hacer lo mismo para la ventana trasera. Ahora, tengo tres formas diferentes y voy a
seleccionarlas todas y luego usar mi Herramienta Constructora de Formas para eliminar esas otras piezas. Ahora, quiero conseguir esa línea interior y quiero que sea exactamente paralela a mis dos piezas de mis ventanas. Cómo voy a hacer eso es que voy a aislar esta primera ventana y voy a utilizar mi Herramienta de Selección Directa para seleccionar los dos puntos de este lado. Entonces si golpeo Control C y Control F, ya no
tenemos una forma terminada, sino sólo la línea. Si elimino este punto aquí mismo, y este punto aquí abajo, tengo una línea que es exactamente paralela a las otras líneas. Después usando las teclas Mayús y Opción, voy a hacer clic y arrastrar. Se va a escalar hacia arriba si tienes las funciones de escala encendidas. Pero si golpeas la Herramienta Cuentagotas, entonces puedes arreglarlo con bastante facilidad. Entonces puedes seleccionar esa línea y la forma de la puerta y luego Shape Builder el exceso de distancia. Voy a usar esas mismas técnicas para construir el resto de la ilustración y luego volveré a revisar contigo al final. En esta lección, aprendiste a utilizar capas para que
no te abrumes cuando inicias una ilustración grande. En la siguiente lección, vamos a estar centrándonos en el color y en cómo eso puede afectar el estado de ánimo y la sensación que evoca tu ilustración. Quiero que empieces a pensar en el estado de ánimo que podrías querer utilizar en tu diseño.
7. El ambiente: paleta de colores limitada: En esta lección, vamos a estar hablando de colores, lo que significan, y cómo crear la mejor paleta para tu proyecto. La teoría del color es honestamente un tema gigante y probablemente podría ser su propia clase, pero para los fines de esta clase, vamos a estar hablando de los conceptos básicos de la rueda de color, psicología del
color, y los diferentes estados de ánimo que diferentes colores paletas pueden exudar. El color rueda es solo una herramienta útil para hablar de las diferentes relaciones entre colores. El clásico color rueda está conformado por colores primarios, secundarios y terciarios. Los colores primarios son rojo, amarillo y azul. Los colores secundarios son naranja, verde y violeta. Naranja por supuesto, siendo creado mezclando rojo y amarillo, verde siendo un producto de mezclar amarillo y azul, y violeta siendo un producto de mezclar azul y rojo y luego ir un paso más allá de eso, puedes mezclar todos esos colores también para crear colores terciarios. Los colores terciarios son amarillo-naranja, rojo-naranja, rojo-violeta, azul-violeta, azul-verde y amarillo-verde y luego con este conocimiento, puedes empezar a construir tus paletas de colores. Es realmente importante tener en cuenta que la gente ve en contraste, acoplando eso con la idea de primer plano, medio suelo y fondo te ayudará a crear una composición dinámica con color. Por ejemplo, en primer plano, los colores a menudo serán más oscuros que en el fondo donde se llega hacia el horizonte, y las cosas se vuelven un poco borrosas y los colores se vuelven más claros. Por supuesto, puedes jugar con este concepto de maneras interesantes, pero es bueno conocer las reglas antes de romperlas. Existen algunas formas diferentes de crear paletas de colores con la rueda de color y estas incluyen monocromáticas, análogas, gratuitas, tríadas y cuadradas. paletas de color monocromáticas se componen de variaciones de un color, por lo que podría ser rojo y luego usar versiones claras y oscuras de ese tono de rojo. paletas de colores análogas se crean eligiendo tres colores que están uno al lado del otro en la rueda de color. Los colores de cortesía son colores que están opuestos entre sí en la rueda de color. Los colores de la tríada están dando un paso más allá de esto eligiendo colores que se encuentran en las tres esquinas opuestas de la rueda de color, y las paletas de color cuadrado son las mismas que los colores de la tríada, pero eligiendo cuatro en lugar de tres. Ahora te puedes preguntar, ¿cuántos colores debo elegir? Para nuestro proyecto, vamos a elegir 5-6 colores. Encuentro que cuando limitas tu paleta de colores, te ocurre formas creativas de colorear las cosas y
no estás tan restringido al hacer que algo se vea naturalista, puedes hacer que algo se vea un poco más abstracto. Más allá de la rueda de color, también asociamos diferentes significados y estados de ánimo con diferentes colores. La psicología del color también puede depender de dónde te encuentres en el mundo. Es realmente bueno mirar los colores y lo que significan antes de empezar un nuevo proyecto. Por ejemplo, el rojo está asociado con la pasión, la energía y el amor. El naranja se asocia con ser amable, brillante y juguetón. El amarillo se asocia con la felicidad, la positividad, y la energía. El verde está asociado con la creatividad, el crecimiento, y la abundancia. El azul está asociado a ser confiable, tranquilo y pacífico. El púrpura se asocia a la riqueza, al ser sofisticado, y sentimental. Brown está asociado con ser terroso, robusto y honesto. El negro está asociado a ser formal, sofisticado y neutral. El blanco se asocia con ser moderno, estéril y neutro. El gris se asocia con conservador, formalidad y madurez, y el color crema se asocia con ser terroso, y acogedor, y calidez. Incluso más allá de la psicología del color, los
diferentes colores pueden asociarse con diferentes estados de ánimo o épocas del día, o incluso épocas del año. Por ejemplo, si quisieras hacer una escena del amanecer en tu ilustración, podrías usar colores insaturados claros para que se sienta un poco turbia. Si quisieras hacer una escena de puesta de sol, podrías usar colores cálidos saturados, y si querías hacer una escena nocturna que podría usar colores saturados oscuros como tonos de joya. Como siempre, diferentes colores significan cosas diferentes para diferentes personas. Por ejemplo, si quisiera crear una ilustración veraniega, mi idea de lo que sería veraniego podría ser diferente a cómo se experimenta el verano. Ahora te voy a mostrar un par de recursos diferentes que puedes usar para construir tu paleta de colores y la forma realmente fácil que utilizo para construir paletas de colores muy rápidamente en Illustrator. Este sitio web se llama coolors.co, colores con dos o's. Se trata de un gran sitio web para generar una paleta de colores aleatoria o para explorar lo que otras personas han creado. Al golpear la barra espaciadora, solo
puedo crear una cantidad infinita de paletas de colores,
y luego puedo bloquear cualquier color que me guste, y simplemente generará más colores. Esa es una manera realmente buena de crear una paleta de colores si te
sientes atascado y solo necesitas algunos colores para reaccionar. Está totalmente bien si te sientes un poco abrumado por el proceso de escoger colores y solo quieres explorar. Todo en diseño es iterativo para que siempre puedas volver atrás y cambiar las cosas. Una de las otras herramientas que utilizo es Adobe Color y Adobe Capture y solo puedes pasar por ahí y puedes escoger diferentes colores y puedes escoger esas diferentes opciones de la rueda de color. Puedes experimentar y mover las cosas y honestamente solo divertirte explorando. Ahora digamos que encontré la paleta de colores perfecta y ahora quiero construir eso en Adobe Illustrator. Voy a tomar mi herramienta Rectángulo y simplemente arrastrar un rectángulo largo y luego voy a usar Object,
Path, Dividir en cuadrícula, y luego voy a crear cinco columnas diferentes. Ahora tengo cinco cajas espaciadas uniformemente con las que trabajar y puedo escoger cualquier color que quiera. Esta es la paleta de colores que voy a utilizar para mi ilustración. Tiene tres colores análogos, que son el rojo-naranja, el melocotón, y ese claro naranja-amarillo y luego opuesto en la rueda de color, tengo un verde y un azul para actuar como colores complementarios. Por último, estoy usando un color seis. Voy a usar una crema para mi sombra clara. Encuentro que si tienes demasiados colores saturados sin sombra clara en el medio, la composición puede perder mucho de la definición, así que me gusta usar el color crema como un punto de descanso para tus ojos y te guía el ojo alrededor de la composición. En esta lección, has aprendido los conceptos básicos del color incluyendo la rueda de color, la psicología del
color y cómo las diferentes paletas de colores pueden influir en tu estado de ánimo. Antes de pasar a la siguiente lección, quiero que escojas tu paleta de colores y la muevas a Illustrator de la manera que lo hice. En la siguiente lección, vamos a estar pintando nuestra casa usando la herramienta Cuentagotas para colorear nuestra ilustración.
8. Pintar tu casa: En esta lección, vamos a estar pintando nuestra casa. Discutiremos la herramienta cuentagotas y
la herramienta de recolor y un poco sobre la luz y la sombra. Si bien no estaremos agregando sombras en esta lección, es importante al menos tener en cuenta un poco respecto cuando empieces a colorear en tu ilustración. Lo primero que debes considerar a la hora de colorear en tu composición es decidir de dónde viene la luz. Por ejemplo, si estás haciendo una escena diurna el sol podría estar viniendo directamente de arriba, por lo que el techo podría estar al sol, pero algunos elementos en el suelo debajo de árboles o algo así podría estar a la sombra, o si estás haciendo una imagen de sensor, el sol podría estar viniendo de detrás de tu estructura, por lo que todo lo que veas estaría en sombra. Por último, si estás haciendo una escena nocturna, obviamente no va a haber ningún sol para encender la imagen, pero quizá quieras agregar algo de luz de la luna o iluminación dentro de tu casa o luciérnagas u otras fuentes de luz. Nuevamente, es importante tener en cuenta que todo en primer plano va a ser más oscuro que lo que hay en el horizonte. Tengo mi segunda ilustración de ejemplo aquí y oh chico ¿se ve como un desastre? Aquí es donde los diferentes rellenos y capas de color son útiles. Déjame esconderlo todo, pero sólo la estructura principal. Vamos a empezar con eso y luego haremos los antecedentes y detalles más adelante. El primero que quiero hacer con este A-Frame es colorear en el techo. Ya sé que quiero que este sea el lugar de descanso o el punto focal para tus ojos. Voy a hacer de este mi color crema claro. En mi composición, el sol probablemente viene de lo alto. Voy a suponer que la víspera bajo el techo justo aquí está a la sombra. Ese va a ser mi color rosa más oscuro, y entonces el edificio real en sí será el color rojo. Esta herramienta que estoy usando aquí mismo es el cuentagotas. Simplemente puedes seleccionar un color. Incluso si estás en modo de aislamiento, y luego puedes traerlo y presionar la tecla de opción de tu teclado y dejará caer el color directamente en donde quieras. Ahora, quiero que todas las ventanas sean de este color azul. Mi regla general cuando estoy haciendo esto es bajar el pellet de color de más claro a más oscuro cuando estoy coloreando las cosas. El techo es de este color crema claro. Voy a usar el color melocotón para colorear en el detalle del techo. El modo en que color en la estructura principal es cualquier plano que esté mirando de la misma manera, voy a colorear en la misma. Esta pared de aquí es de este color melocotón, así que estoy coloreando en esa porción de la chimenea del mismo color y lo mismo va para el costado. Con mi barandilla, quería que saliera de la casa y sabía que ya usaba el tono melocotón al costado de la pared. Hice la barandilla el color crema y luego el lado que está en sombra está en el rosa. Después por el
zócalo, fui por el mismo color que la casa, haciendo durazno mirando hacia afuera y el color rojo frente a nosotros. Ahora tengo todo coloreado y quiero trabajar en los colores y ver si podría jugar con algo o simplemente generalmente cambiar las cosas. He seleccionado todo aquí y voy a golpear este icono de rueda de color en la parte superior, se llama Recolor Artwork. Como puedes ver, aquí está mi ilustración y me está mostrando todos los diferentes colores. Aquí puedes meterte con las cosas y se pueden enloquecer bastante rápido. Pero si entro en mis opciones avanzadas, puedes ver todos los colores que he usado aquí y puedes deslizar esos por ahí y experimentar todo lo que quieras. Como puedes ver, las cosas se están poniendo como bastante inusuales en mi ilustración. También puedes hacer estos diferentes colores o lo que quieras. Es una manera realmente genial de cambiar globalmente los colores y no tener que meterse demasiado si te gusta dónde se colocan los colores individuales. En realidad estoy bastante contento con mi paleta de colores, así que voy a mantenerla de la manera en que es. Pero esa es una manera realmente buena de
experimentar con tus colores y jugar con diferentes opciones. En esta lección, aprendiste los conceptos básicos de iluminación y cómo colorear en tu ilustración con el cuentagotas y herramientas de recolor. En la siguiente lección, vamos a estar agregando algunos detalles a nuestra composición. Empieza a pensar en qué pequeños detalles que
tal vez quieras agregar que harán que esto realmente se sienta como la casa de tus sueños. Antes de pasar a la siguiente lección, será una muy buena idea tener tus bloques principales ya coloreados.
9. Agregar detalles y estilo: En esta lección, vamos a estar sumando en los pequeños detalles. Esto es lo que va a hacer que tu ilustración realmente se sienta como la casa de tus sueños. Aquí es donde vamos a sumar los elementos que hacen que la casa se sienta viva. Estos objetos podrían ser árboles o ventanas o sillas de césped o luces festivas en junio, lo que sea que te haga sentir como tu hogar es lo que quiero que incluyas. Te mostraré cómo agrego detalles a mis propias ilustraciones y luego mi reto para ti será agregar 2-3 objetos a tu propia ilustración y realmente pensar en cómo vas a descomponer esos objetos y sus formas en formas básicas. En esta ilustración, tengo un departamento que me imagino está arriba como una tienda de abarrotes o un mercado vecinal o algo así. Mi objetivo para esto es agregar algún carácter a este edificio. Lo que quiero hacer primero es agregar una pieza decorativa a este edificio para que parezca que está hecho de piedra. Lo que voy a hacer es arrastrar un poco estas dos piezas superiores, lo que ya ayuda a no hacerlo como un rectángulo, sino más bien como un rectángulo decorativo. Quiero agregar un trazo a esto y luego voy a hacer una trayectoria offset en esto. Eso me queda bastante bien. Ahora voy a hacer lo mismo a este lado. Ahora tengo esta interesante pieza decorativa en la parte superior. Ahora quiero completar ese look de piedra añadiendo algunos patrones de ladrillo. Adobe Illustrator acaba de agregar esta fantástica nueva característica que se llama Repetir Grid. Te voy a mostrar cómo usar eso. El modo en que hago ladrillos es solo haciendo una pequeña línea aquí y luego solo
agrego otra pedacita en el medio para crear las juntas entre los ladrillos. Yo quiero hacer un montón de copias de esto, y definitivamente puedo hacerlo a mano, pero esta nueva característica lo hace realmente fácil. Entra en Repetir y luego Grid, y obtienes estos pequeños manillares, y luego puedes mover estas opciones también. Yo sólo quiero dos aquí, y luego quiero bajarlo y eso son muchos ladrillos. Entonces podría esparcir eso también. Eso me queda bien. Entonces donde entra la parte interesante de esto es que puedes entrar en tus opciones de repetición y luego puedes jugar aquí con estas diferentes opciones. Se puede variar la forma en que se
enfrentan los ladrillos para que se vea un poco más personalizado. Entonces solo puedo expandir esto y está en una máscara de recorte, así que solo tienes que seguir adelante y eliminar esa máscara de recorte. Pero ahora tienes todos estos objetos que hiciste en dos segundos. Se ven variados e interesantes. Entonces solo puedes seguir detrás de la ventana. Ahora parece que puedes tener un edificio de ladrillo. Yo sólo voy a terminar ese patrón y luego les voy a mostrar cómo hacer unos pequeños detalles
extra ojalá los inspiren a pensar fuera de la caja al
pensar en sus propios objetos y detalles en sus propias ilustraciones. Lo primero que quería hacer fue crear unos carteles que parecían estar en la ventana. El modo en que hice esto fue solo creando algunos rectángulos y girándolos un poco y moviéndolos alrededor. Para que parezcan que están dentro de la ventana, acabo de rechazar la opacidad. También quería incluir una cajita afuera donde podría haber algunos productos frescos. Empecé con un rectángulo y acabo mover uno de los nodos hacia abajo para crear una caja en ángulo. Yo lo hice del mismo color que el plano orientado hacia afuera, y agregué algo más de la forma para que pareciera que había divisores. Simplemente uso círculos para crear un pequeño paquete de naranjas o algo así. A pesar de que estos detalles son sencillos, puedo empezar a imaginarme bajando, yendo a trabajar en mi viaje o algo así, y puedo tomar un café y una naranja de esta pequeña tienda de abarrotes. Es así como quiero que ustedes estén pensando en sus ilustraciones. Yo quiero que realmente sientas que te puedes imaginar viviendo aquí porque honestamente, solo
hace que todo sea un poco más divertido. Me viste usar este truco para el humo en la simple lección de casa. Yo solo estoy creando una forma con un montón de puntos con la herramienta de bolígrafo, y luego los redondeo y simplemente se ve como un arbusto. Ahora este es uno de mis trucos favoritos. Estoy creando dos círculos aquí y
voy a entrar en el panel Efectos y luego bajar a zigzag y voy a crear unas pequeñas flores abstractas para ir al verdor en la caja de flores. Probablemente mi consejo más grande aquí sería explorar estas diferentes opciones. Puedes crear un montón de piezas realmente divertidas y de
aspecto único simplemente jugando con estas cosas. Muy bien, en esta lección, aprendiste a romper algunos de esos pequeños detalles en sus componentes básicos de forma y ahora vamos a pasar a la iluminación y las sombras.
10. Iluminación y sombras: En esta lección, vamos a estar centrándonos en agregar iluminación y sombras. Esto va un paso más allá de sólo colorear en los elementos de bloque, pero ahora vamos a agregar algunas sombras a los edificios y otros objetos y realmente marcar en esa iluminación para que se vea un poco más dinámico. Déjame mostrarte cómo funciona la iluminación en un cubo y un círculo. Esto básicamente es dibujar 101. Pero cuando tienes un cubo y puedes ver tres caras de ese cubo, cada cara tendrá un nivel de luz diferente al mismo. Cuando estás dibujando una esfera, la iluminación suele golpear un lado de eso, y luego se gradúa lentamente sobre la superficie y luego suele tener un poco de retroiluminación en el otro extremo del reflejo. Ahora estamos trabajando en un estilo muy plano. Podrían pensar: “¿Cómo carajo puedo lograr esa mirada esférica en un objeto plano?” Bueno, básicamente puedes dividirlo en un par de pasos en lugar de un gradiente. Simplemente puedes dividirlo en tal vez uno o dos niveles de sombra, y luego puedes aplicarlo a cualquier objeto redondeado de tu composición. Ahora voy a acercarme a la iluminación
y las sombras, y hay un par de lugares clave que ya sé que quiero agregar sombras. En esta ilustración, la iluminación viene de arriba a la izquierda. Teniendo eso en cuenta, quiero agregar un poco de sombra a esa pieza decorativa en la parte superior, solo para darle un poco de dimensión, agregar una sombra debajo, y luego quiero agregar una sombra al nivel inferior también. El modo en que hago esto es que solo uso la herramienta de lápiz y me conecto a los diferentes puntos donde quiero que comience y termine la sombra, y luego voy a usar mi color rojo oscuro, ya que ese es uno de los colores más oscuros que tengo en mi paleta. Entonces solo puedo ajustar la opacidad a lo que se sienta bien para la composición. las sombras, estoy agregando a la capa base porque quiero que esa sombra esté debajo de eso como estructura de poca sombra, y está totalmente bien que la capa como
se necesita estratificar y no seguir exactamente la estructura de las capas. Ahora quiero agregar algunas sombras a esas naranjas de ahí abajo. En realidad voy a eliminar lo que he hecho y simplemente recrear para que pueda copiar y pegar. Lo que voy a hacer es copiar mi forma naranja original y luego volver a
copiar y moverla hacia arriba hacia la esquina superior izquierda, para luego eliminar todas las formas excepto la pequeña astilla que queda. Entonces puedo pegar mi forma naranja original detrás de esa sombra, y luego tengo una bonita sombra curva que sigue esa misma curva de la naranja. Entonces solo voy a copiar y pegar eso y jugar con el arreglo de las naranjas y simplemente hacer que se sienta natural y un poco revuelto. Simplemente ajustando un poco las cosas, puedes hacer que parezca realmente natural y un poco más personalizado. Ahora has aprendido en lo básico de la iluminación y las sombras. Yo quiero que añadas cualquiera que se sienta apropiado a tu composición. En la siguiente lección, vamos a hacer todos nuestros ajustes finales y terminar nuestra ilustración y exportarla para la web.
11. Ajustes finales: En la última lección, vamos a estar echando un vistazo a nuestra composición final, nuestros colores, todo, y viendo si hay algo que necesitamos retocar antes finalizar y exportar nuestras ilustraciones. Tan sólo un par de trucos que me gusta hacer. El primero es voltear mi composición, ya sea vertical u horizontalmente, sólo para mirar las formas básicas, y ver si la composición se siente equilibrada. Si no lo hace, entonces normalmente me gusta retocar algo en este punto. El segundo consejo que tengo para ti, es mirar tu composición, y ver dónde están los puntos focales, ver dónde se está dibujando tu ojo, a través de la composición. En gráficos, te enseñan que debes iniciar el ojo en la esquina superior izquierda, ir a la esquina inferior derecha, luego en la esquina inferior izquierda, y luego salir de la composición, a través de la esquina superior derecha. Crea una forma de huevo, y ayuda a guiar el ojo del espectador hacia arriba a través de toda la composición, y cubrir la mayor cantidad de información. Algunas otras cosas a tener en cuenta en tu ilustración
son; ¿hay dos colores que están sentados uno al lado del otro que están demasiado cercanos en valor a donde se está perdiendo la definición? ¿ Estás transmitiendo el estado de ánimo que quieres establecer? ¿ Hay alguna inconsistencia de iluminación en tu composición? Todas estas son cosas realmente fáciles de arreglar una vez que las reconozcas. Simplemente te voy a desafiar en esta lección, a volver a echar un vistazo a tu composición y a ver si puedes retocar algo. También te estaré mostrando cómo uso superposiciones de color, y modos de mezcla, y cómo uso la exportación para función web, para exportar mis ilustraciones. superposiciones de color son algo bonito para jugar al final de tu proceso porque puede ayudar a derretir todo en tu composición juntos, sobre todo si vas por cierto estado de ánimo o una iluminación, esto realmente te puede ayudar. Te mostraré cómo hacer eso. Para los ajustes finales, solo
quiero agregar una superposición de color, para combinar todo y darle un poco más de dimensionalidad. Entonces voy a terminar. Con la superposición de color, voy a agregar un rectángulo, ese es del mismo tamaño que la mesa de trabajo, y luego le voy a agregar un gradiente. Yo moví el centro del gradiente hacia arriba hacia la parte superior izquierda ya que de ahí viene mi luz. Después podrás abrir tu menú de opacidad, pasar por estas opciones y jugar con él. Se puede ver que realmente afecta la forma en que se ve
tu ilustración y realmente puede hacerla pop. Una vez que estoy contento con eso, voy a exportar eso. Es decir, en Archivo, Exportar, y luego Exportar para Pantallas, verás todas las mesas de trabajo que tienes en tu documento, y puedes nombrar eso. Entonces puedes elegir en qué carpeta quieres guardarla. Entonces este menú de formato aquí abajo es realmente impresionante, porque puedes guardarlo en múltiples formatos a la vez. Acabo de añadir un sufijo. Dice web al final, y lo estoy guardando en 72 PPI porque eso es estándar para web. Después le pegas a Export Artboard, y ya está. En esta última lección que aprendiste algunos consejos para ayudarte a finalizar tu composición y cómo exportarla para la web. Ahora ya terminamos, y nos vemos en el recapitulativo.
12. Cierre: Enhorabuena, lo has hecho a través de la clase, y ahora tienes una hermosa ilustración de la casa de tus sueños. Has aprendido muchas cosas en el camino, incluyendo los ins y outs de Adobe illustrator, cómo descomponer las formas en sus componentes básicos, cómo configurar tus documentos de ilustrador para un éxito con capas, algunos básicos teoría del color para que puedas construir paletas de colores que exudan el estado de ánimo y la sensación que estás tratando de transmitir, cómo hacer que tu composición pop con iluminación y sombras, y los ajustes finales y exportación de tu obra de arte para que puedas compartirla. Me encantaría echar un vistazo a las ilustraciones que has creado. Así que por favor compártelos a continuación en la pestaña Proyecto y en redes
sociales con el hashtag EverythingIsSforms para que pueda echar un vistazo. Muchísimas gracias. Te veré la próxima vez.
Alison Koehler, Creative | Graphic Designer
