Ilustración 3D: creación de diseños isométricos en Adobe Illustrator

1. Introducción: Hola. Somos estudios DKNG, que significa DK, Dan Kuhlken. Soy NG, Nathan Goldman y somos un estudio de diseño e ilustración con sede en California. Nuestra medida comenzó a trabajar en el mundo de los carteles de gig, pero más allá de eso nos hemos expandido a todo tipo de trabajos para la industria musical y más allá incluyendo branding corporativo, diseño de packaging, y realmente cualquier tipo de proyecto que combina tanto el trabajo de ilustración como el de diseño. hoy vamos a estar hablando de ilustración isométrica. Mucha gente puede reconocer eso como estilo SimCity o grabadora vista aérea y capacidad para crear una ilustración geométrica tridimensional. La ilustración isométrica es una forma de representar por igual tres lados de un objeto, teniendo fuente de luz y sombra. Nos parece que es más un enfoque paso a paso en seguimiento para crear algo que de manera realista le tenga tridimensionalidad. A lo largo de esta clase, te vamos a mostrar procesos paso a paso de cómo usamos herramientas específicas en illustrator, y todas las herramientas bastante básicas para crear diseño isométrico. Al final de ello, vas a tener lo que parece un dibujo bastante complejo, pero todo se hizo con bastante facilidad a través de herramientas básicas de ilustrador. La ilustración de tres D no necesita ser intimidante y una cosa que esperamos que le quiten a esta clase es con este enfoque isométrico. Es fácil seguir un método paso a paso para obtener resultados 3D completos, pero sin conocimiento de programas de modelado ni nada más complicado que eso. Al tomar esta clase, por favor publique en la galería de proyectos, nos encantaría ver su proceso y sus productos finales. Estamos emocionados de tenerte en la clase y empecemos. 2. ¿Qué es la ilustración isométrica?: Para definir la Ilustración Isométrica, estamos hablando de un método de ilustración basado en una cuadrícula. El término “isométrico”, realmente se refiere a tener partes iguales. En el caso de una cuadrícula, estamos tratando de dividir un círculo, 360 grados, en tres partes iguales. Entonces, 120 grados cada uno. Vamos a estar usando esos ángulos iguales como base para diseñar todo para la clase. El cool del diseño isométrico es que, tienes un look tridimensional sin ser ultramatemático, pero también de aspecto muy plano. Como decía Nathan, está usando tres lados iguales. En el caso de esta clase, estamos mostrando un top, una izquierda, y una derecha. En realidad puedes expandir este dibujo a lo que quieras. Entonces, vamos a estar creando un bloque de ciudad para este ejemplo, pero ese bloque se puede multiplicar en ciudad entera al final. Recientemente, hemos utilizado el diseño isométrico para hacer algo tan grande como un mural. En ese caso, Fue súper útil porque no tenemos puntos de fuga ni ese punto focal. Realmente podemos mover las cosas según sea necesario. Entonces, el estilo isométrico se vuelve muy modular y es muy fácil mover las cosas. En tanto que, con el renderizado 3D tradicional, estarías un poco más bloqueado en ángulos y colocación. Hemos utilizado el diseño isométrico en múltiples proyectos de muchas maneras diferentes. El cool de este estilo real es que, se puede usar en algo muy pequeño como una lata de cerveza, o se puede usar en un mural de 40 pies como creamos en la Cervecería Almanac. Otra cosa genial es que, no tiene que ser designada para sólo paisajes o ciudades. En realidad se puede utilizar para objetos pequeños, se puede utilizar para tipografía y así sucesivamente. Es posible que hayas visto este estilo no sólo en SimCity, sino en unas cosas más contemporáneas como, la introducción a Silicon Valley, también el juego llamado Monument Valley. Una cosa bonita de la ilustración isométrica es que, a partir de los bloques de construcción, en realidad se puede lograr una serie de estilos y apariencias diferentes. En nuestro caso, hemos hecho cosas como el mural de Almanac que era muy colorido. También hemos hecho una versión que utiliza contornos y es mucho más monocromática. Más allá de eso, hay muchos ejemplos por ahí de combinar trazos y rellenos, o simplemente contornos para obtener un look particular. También puedes incorporar textura, cosas como gradientes. Básicamente, lo que sea que aplicarías a tu estilo personal, se puede aplicar al mundo del diseño isométrico. Al final de esta clase, vamos a tener una ilustración 3D bastante compleja. Pero todo empieza con pasos muy sencillos. El primer paso es simplemente planear lo que quieres hacer, y te hemos proporcionado una plantilla de boceto para que realmente crees un boceto y un plan. Después de eso, el siguiente paso es simplemente crear una cuadrícula, y te mostraremos un proceso fácil paso a paso de cómo crear eso. El cuadrícula isométrica se puede utilizar como red de seguridad a lo largo de todo el proceso de diseño. partir de ahí, estaremos caminando paso a paso, las herramientas que utilizamos para construir ilustraciones isométricas, y también mostrándote ejemplos reales de clientes de cómo los hemos utilizado y trabajamos con nuestro cliente en el camino para construir la final producto. En esta clase, te vamos a mostrar cómo crear cosas muy básicas que verías en una ciudad. Entonces, en este ejemplo, realidad se trata de tres edificios, una costa, y un par de objetos entre los que se incluye una torre de luz, un automóvil y un barco. Esas son como cosas básicas que puedes agregar a una ciudad, pero siéntete libre de hacer cualquier cosa que quieras usar el estilo isométrico. Si necesitas inspiración para crear un objeto muy específico, solo empieza a buscarlo en Google. Para nosotros, no sabíamos hacer un auto desde cero, en realidad escribimos “auto isométrico “, y solo miramos ejemplos que están fuera en el mundo, y esa es una buena manera de empezar. Ahora, para empezar, saltaremos al bosquejo y a la planificación. 3. Planificación y boceto: Entonces, para comenzar en la fase de planeación y boceto, primero queríamos abordar los tipos de objetos y materia que mejor funcionan para la ilustración isométrica. Cosas que son geométricas para empezar, como un edificio que esencialmente comienza como un cubo. Cualquier cosa que sea una especie de rectangular o angular va a ser lo más fácil de empezar. Una vez que comienzas a entrar en formas más orgánicas como colinas, montañas, eso es un poco más desafiante porque se vuelve más subjetivo cómo quieres tratarlo en tu propia ilustración. Proyectos que funcionan particularmente bien para ilustración isométrica es algo así como un renderizado arquitectónico, un plano de planta, un mapa, cualquier cosa que quieras ver una visión general. Otra consideración importante es pensar en tu solicitud final. Algunos de los proyectos de los que estamos hablando hoy son cosas como un mural que tiene una escala enorme, otras cosas pequeñas como un objeto pasando a una lata. Es importante empezar a pensar cómo se va a utilizar esto, y la fase de esbozo te ayudará a averiguar dónde colocar las cosas, y cómo eso se va a aplicar a tu proyecto final. Entonces, nuestro objetivo para esta clase es crear una simple manzana de ciudad, y que incluirá lo que quieras. Podrían ser edificios, podrían ser objetos, podría ser más una escena que está mostrando agua. Para nuestros propósitos, vamos a tratar de mostrar tanta variedad como sea posible para que tengas mucho con qué trabajar. Pero para empezar, en realidad hicimos una plantilla que puedes usar que ya tiene como un sistema de cuadrícula para que en realidad sea fácil bosquejar esto. Entonces, se puede ver con este trozo de papel real, hay líneas muy tenues que van en ángulos muy específicos, y esos son los ángulos isométricos. Simplemente te mostraré cómo se ve eso. Simplemente voy a dibujar un cubo simple usando estas líneas reales. Eso es un cubo isométrico. Ahora algo como esto se puede usar de muchas maneras diferentes. Obviamente, una aplicación fácil es convertir esto en un edificio. Esto ya es básicamente un edificio porque es una caja. Lo que vamos a hacer en realidad es personalizar a partir de ahí, y usar este sistema de cuadrícula para crear realmente lo que queremos. Entonces, para mi primer objeto va a ser como un edificio alto. Por lo que obviamente, esto es un poco más corto. Entonces, solo voy a borrar un poco y empezar a personalizar. Entonces, por ejemplo, puedo ir tan alto como quiera. Digamos que quiero un edificio así de alto. Entonces, eso es un poco más como un rascacielos. Si queremos personalizar a partir de ahí, en realidad podríamos incluso convertirla en una forma diferente que no sea un cubo. Entonces, por ejemplo, digamos que quería estrecharme un poco, y tenerlo en la parte superior ser un poco más pequeño. Puedo seguir adelante y jugar con agotar un poco de lo que realmente creé, y usar ese top que ahora es más pequeño que su base como forma de dibujar. Entonces, así es como luce eso. Algo a tener en cuenta es que es muy útil tener un gobernante en esta situación porque quieres tener todas tus líneas rectas. Entonces, solo voy a ir punto a punto y empezar a jugar con cómo se ven las cosas. Tiene un poco más de un look torre de libertad. Entonces, ahora tienes algo que sí arrancó como cubo, pero ahora obviamente es más un edificio y edificio muy personalizado. Entonces, a partir de ahí sólo dibujando tu primer objeto. Esto te ayudará a dictar cómo va a funcionar esta manzana de la ciudad. Algo que es importante recordar sobre la manzana de la ciudad es el sistema vial. Entonces, voy a seguir adelante y apenas empiezo a dibujar algunos caminos. Por lo que hay una carretera justo enfrente de ella. Para que las cosas sean interesantes, sólo voy a dibujar una calle cruzada. Está bien. Entonces, a partir de ahí, agreguemos algún detalle. Añadamos un poco de marcha lateral, mismo ángulo, y decidamos qué va a dar alrededor de esto. Entonces, obviamente, tenemos un poco de área aquí para más edificios. Empecemos a dibujar otro cubo para planear algo aquí arriba. A lo mejor darle un poco más de espacio para respirar aquí. A lo mejor en lugar de un cubo perfecto, hago esto un poco más largo de lo que es ancho. Algo así. Solo puedes envolverlo por ahora. Obviamente, también vas a estar haciendo mucho borrado, así que asegúrate de tener un borrador decente. Entonces, lo que voy a hacer ahora es borrar las cosas que hay detrás de este edificio. Esto es útil tener en cuenta en esta etapa del proceso que sus objetos se van a solapar entre sí. Entonces, la capacidad de saber ahora lo que se va a ocultar puede proporcionar muchas eficiencias a lo largo del tiempo, que no tienes que dibujar cosas que eventualmente se van a tapar de todos modos. Entonces, solo voy a seguir haciendo algunas formas básicas. Vamos a ponernos un poco más complejos con este próximo, e intentemos desafiarnos un poco más que usar solo un cubo perfecto. Entonces, en realidad voy a empezar con un cubo, como lo haría normalmente. Pero construyámoslo para que tenga más de una fachada interesante. Entonces, en realidad voy a hacer que sea más como dos niveles. Voy a tratar de redondear su parte superior. No tienes que ser perfecto al respecto. Pero solo quieres probar otras cosas que no sean las líneas rectas, y solo ver si se ve bien. Entonces, ese edificio es un poco más único que los dos primeros. Voy a empezar a borrar cosas que están detrás de él y así sucesivamente, sólo pulirlo desde aquí. Entonces básicamente, tengo tres formas de construcción rugosas. Voy a seguir adelante y empezar a jugar con lo que está pasando en esta parte de la ciudad. Si solo construyera más edificios, realidad empezaría a encubrir, acabo de ilustrar ahí. Entonces, por el bien de mostrar lo más posible, en realidad voy a hacer que esta parte sea más como una línea costera. Se puede ver esta técnica aplicada en algo como el espejo que hicimos eso, típicamente estamos tratando de capas de la composición con objetos más altos en el fondo, objetos más cortos en primer plano, y eso abre las cosas hasta poder ver todo, en lugar de encubrir detalles más pequeños que de otra manera podrías perder, dependiendo de cómo pongas tu composición. Solo estoy usando líneas rectas para dibujar esto por ahora, pero obviamente así no se vería como una línea costera. Entonces, una vez que tengas esas áreas ásperas en, puedes seguir adelante y eliminar las esquinas con goma de borrar y empezar a redondear las cosas. Entonces, es un poco más orgánico a lo que realmente verías en la vida real. Entonces, el proceso de ilustrar en realidad siempre comienza con algo muy matemático y recto, pero puedes personalizar en base a eso. Entonces, ahora mismo, tengo un poco más de un flujo que buscamos. Ya que esta zona de aquí mismo va a estar representando el agua, voy a seguir adelante y apenas áspero en una embarcación. Una forma de hacerlo, es sólo dibujar la base de la embarcación. Me estoy imaginando que sería más como las formas, por lo que apunta al frente. Entonces, ahora que tengo una base para un barco, voy a empezar a hacer el aspecto tridimensional del mismo. Entonces, es como construir la base hacia arriba y hacerla un poco más 3D, y tal vez hacer un cono un poco, para que tenga una parte superior más larga de lo que tiene un fondo. Yo quiero que esto también sea un bote un poco más interesante para que tenga capas a ella. Entonces, en realidad voy a venir áspero en una caja encima. Entonces, cubramos la colocación áspera de cómo sería un barco. Entonces, se trata de llenar el espacio desde ahí, así que tengo un sistema de cuadrícula de todos estos diferentes objetos. Adelante y tal vez filmen esta zona con algunos árboles. Se va a empezar con simples círculos, y yo sólo voy a dibujar en sus pequeños tocones. Entonces, acabo de tirar algunos círculos ahí por ahora. Obviamente, vamos a meternos en las matemáticas de ¿son estos ángulos isométricos reales? ¿ Matemáticamente va a funcionar con este sistema de cuadrícula real? Pero por ahora, solo quiero colocar en lo que sabes. Para mí, una forma básica de arrojar árboles sería sólo un círculo, obviamente podrías hacerlos más altos si quieres o más anchos, pero no te preocupes demasiado por las matemáticas en este punto, las rejillas que son para ayudarte a diseñar las cosas. Pero, podremos pulir esto una vez que realmente lo dibujemos en ilustrador. Entonces, pasando a llenar el resto del espacio, creo que lo que voy a hacer es dibujar algún tipo de faro aquí mismo. Se puede utilizar el sistema de cuadrícula para decidir sobre su base. Ahora mismo, si quiero que sea centro, en realidad sólo voy a dibujar una base de donde quería empezar. Para conseguir un círculo en esa base, solo lo haces un globo ocular, pero no quieres que todos los lados se toquen. Entonces, conseguir ese tipo de movimiento. Así se vería un círculo en ese ángulo. De nuevo, no tiene por qué ser perfecto, pero esto te ayudará a usar algo que sea tan cilíndrico como un faro para realmente poner en marcha esa base. Entonces, voy a empezar con eso y empezar a construir desde aquí. Al igual que funciona este edificio, imagínense si fue redondeado en lugar de cincelado. Entonces, a partir de aquí, voy a venir a poner en su parte media, crecer la altura del edificio real a partir de ahí y luego dibujar otro círculo. Ahora, tienes el esqueleto de lo que es un faro. Entonces, solo voy a usar mi regla para hacer ese cónico. Entonces, sólo voy a rematarlo para hacer la parte superior. En realidad puedes agregar la barandilla así. Al igual que todas las demás ilustraciones, sólo voy a empezar a borrar cosas que están detrás él para que realmente podamos ver una verdadera jerarquía de lo que está delante y lo que hay detrás. Entonces, por último, parece que aquí hay algún espacio en la carretera, probablemente sería inteligente mostrar algún tipo de actividades, así que en realidad voy a dibujar un auto. Lo mismo, voy a empezar con una base usando el trabajo de línea que se proporciona. Entonces, lo mismo usando el trabajo de línea que va en la otra dirección. Básicamente, imagina un rectángulo simplemente tendido plano. Entonces, eso es más o menos como se vería en la base de un auto o la sombra de un auto, y entonces solo voy a construir a partir de ahí. Entonces, levantando las líneas verticales, dando un poco más de tridimensionalidad como una caja, y luego viendo lo que puedo hacer para hacer realmente la parte superior del auto un poco más alta que su base real. Entonces, es como una forma rápida y fácil de dibujar algo realmente rudo, pero puedes empezar a ver un remanente de cómo sería un auto en este ángulo. Algo a destacar aquí es que, construyendo estos como ejemplo, no nos preocupa demasiado la verdadera escala de lo grande que sería comparado un automóvil con un edificio, en comparación con un faro. Pero, si fueras a estar usando ilustración isométrica para construir un mapa, o un plano de planta, o algo que realmente quieres que sea a escala, una cosa bonita de este sistema de cuadrícula, es que podrías usar esta cuadrícula para aplicar una escala. Entonces, digamos que un cuadrado en la cuadrícula es un cuadrado de un pie por un pie o de 10 por 10 pies. Hay formas en que podrías usar esto para conseguir algo que sea muy preciso. Está bien. Entonces, esos son los primeros pasos para bajar tu boceto, todo se trata de planear. Entonces, básicamente tengo una alambrada de todos mis edificios. Ahora, lo siguiente que hay que pensar es tanto en detalle como en sombreado o iluminación. En realidad voy a empezar a dibujar en algunos detalles solo para tener una idea de cómo serían las cosas. Entonces, para este edificio, obviamente quiero ventanas. Voy a tratar de hacer ventanas en todos los edificios, pero hazlas de maneras ligeramente diferentes solo para darle más variedad. Entonces, para este edificio, sólo voy a hacer líneas horizontales. El modo en que funciona es sólo el uso de los sistemas de rejilla reales. Entonces, se puede ver con las líneas que están aquí, puedo áspero en lo que podría parecer eso. Pero, puedo ser más preciso con él usando mi regla y mirando la cuadrícula lo más cerca posible. Entonces, solo voy a seguir adelante y dibujar en esas líneas. Está bien. Entonces, ahora que tengo un plan general para las ventanas para este edificio, voy a seguir adelante y agregar las ventanas para este, pero hagamos algo ligeramente diferente. En lugar de hacer realmente solo líneas horizontales, en realidad voy a hacer más de como ventanas arqueadas, ventanas típicas que verías en una ciudad real. Entonces, voy a terminar este edificio que es nuestro edificio más complejo. Yo sólo voy a hacer unas ventanillas rápidas en el frente. Pero quiero que este arco aquí realmente tenga más de una ventana ultra grande interesante. Entonces, en realidad voy a encontrar que es a medio camino. Entonces, usando las líneas reales en la cuadrícula, acumula las ventanas así. Vamos a seguir adelante y en realidad darle más de un perímetro, así que no va a ir vagando todo aquí. Ahora, que Dan ha terminado de crear el esqueleto de nuestra ilustración, una cosa que debemos considerar es la fuente de luz y sombra y cómo queremos que eso juegue un papel en la ilustración final. Entonces, para echarle un vistazo a eso, vamos a hacer una demostración rápida para ver cómo la fuente de luz para un proyecto como este es quizás un poco más complicada que tratar con una ilustración plana. 4. Determina tu fuente de luz: Entonces, para entender cómo va a funcionar la fuente de luz y el sombreado en nuestra ilustración, echemos un vistazo a un ejemplo del mundo real de cómo la luz afecta realmente a un cubo. Entonces, tenemos este cubo aquí, y le voy a aplicar una fuente de luz, y de inmediato podemos ver algunas cosas. La superficie que la luz está golpeando más directamente está creando un punto culminante, nuestra superficie más brillante. También tenemos un medio tono, vemos las luces golpeando a esta superficie un poco menos. Entonces de vuelta aquí, el área que más se esconde de nuestra fuente de luz es nuestra sombra más oscura. Además, también podemos ver que también hay una sombra que está siendo echada en la superficie por el objeto. Entonces, aquí mismo, esto es todo lo que necesitamos saber para crear iluminación y sombreado realistas en nuestra ilustración. Lo que queremos tener en cuenta una vez que llegues a la etapa vectorial y comiences a escoger colores es pensar en los colores en grupos de tres, el resaltado, el medio tono, y la sombra. También podemos ver el hecho de si quisiéramos cambiar un poco nuestra fuente de luz. medida que muevo la fuente de luz alrededor del objeto, podemos ver cómo se mueve la sombra, y qué superficie tiene el color de resaltado más brillante también puede cambiar. Entonces, realmente depende de ti dónde quieres que esté tu fuente de luz, y cómo quieres que reaccione. Pero solo ten en cuenta que siempre estarás lidiando con esas tres superficies así como con la sombra, y estarás bien para ir. Entonces, ahora que hemos echado un vistazo a cómo la iluminación afecta a un objeto en el mundo real, ahora podemos ver cómo esa técnica de iluminación se puede aplicar a nuestro boceto, y eventualmente a nuestra ilustración. Entonces, para recrear lo que acabamos de ver, voy a dibujar un cubo realmente rápido solo para tener una réplica de esta fuente de luz real. Entonces, solo estoy usando la grilla aquí, y decidimos que la fuente de luz va a estar viniendo de la izquierda aquí. Entonces, solo voy a hacer un pequeño icono de sol como recordatorio, y está agregando luz directamente a este lado del cubo. Entonces, lo que eso significa es que de este lado del cubo, estamos consiguiendo una sombra. Pero como es más brillante en la parte superior que en el lateral, un medio tono va a ser más así. Entonces, se puede ver que tenemos algo tridimensional sucediendo. Una cosa si en realidad quieres ponerte más complejo con este estilo es pensar en las sombras que van a ser cuchillas sobre la superficie real. Entonces, digamos que este cubo real estaba sentado sobre una superficie real, siempre queremos que la sombra proveniente de esta fuente de luz se represente detrás de ella. Entonces solo voy a usar realmente la cuadrícula isométrica real para crear una sombra. Entonces, ahora básicamente tenemos lo que parece un cubo tridimensional.Esto está usando un par de formas civiles y tienen apenas unos pocos colores. Entonces, voy a seguir adelante y aplicar esta técnica al resto de la ilustración. Este proceso también empezará a mostrarnos cómo interactuarán las sombras con los diversos objetos de la ilustración, ver si empezamos a obtener alguna interacción extraña o decidir si quieres que tu fuente de luz provenga de una dirección diferente elegimos arriba a la izquierda aquí. Pero puedes decidir que quieres que otros elementos se iluminen de forma más brillante dependiendo de lo que estés haciendo. Entonces lo que sea que elijas para ser tu fuente de luz. Te recomendamos dibujar un poco de sol o luz en algún lugar de tu página, y ese siempre será ese recordatorio para asegurarte de que toda la iluminación sea consistente, y eso te dará el look más realista. Pasando a objetos más complejos como esta casa de luces y estos árboles, es un poco más complicado, y te mostraremos cómo hacerlo con la mayor precisión posible en la ilustración vectorial. Pero típicamente con una esfera, en realidad querrías que un círculo representara el punto culminante, y luego el resto de la sombra. Entonces, sólo voy a arruinar eso en, y así es como se mostraría una fuente de luz en el algo como esférico, como un árbol real. Entonces, este es un buen punto para mirar todos los objetos de tu dibujo, y solo pensar en lo que realmente va a lanzar una sombra y qué objetos no necesitan para proyectar una sombra. Entonces, algo así como este auto, probablemente sí tiene sentido proyectar una sombra dependiendo de los colores que vamos a estar eligiendo. Algo así como este enorme edificio de aquí mismo va a proyectar una enorme sombra, y se retomaría toda esta zona. Pero realmente no afecta realmente a los edificios aquí mismo porque en realidad sólo va a mostrar sombra aquí. Entonces, no me voy a preocupar realmente por ciertos objetos, solo a partir de cómo se va a ver estéticamente. Todo este proceso es una batalla entre matemáticas y estética. lo que típicamente empezamos con las matemáticas, y terminamos con asegurarnos de que se vea lo mejor posible. Después pasando a cualquier otro objeto que pueda ver aquí, voy a añadir una sombra a este barco por ejemplo. Más allá de hacer realmente elecciones de sombreado basadas en la fuente de luz, también quieres pensar en el sombreado en términos del contenido. Algo va a ser más oscuro que otros, no basado en la fuente de luz sino simplemente basado en lo que es. Entonces, obviamente un océano va a ser más oscuro que la arena. Entonces voy a seguir adelante y sólo sombra en el océano aquí, y eso nos dará una indicación de qué color debe ser cuando llevemos esto a nuestro archivo Illustrator. Para hablar de la aplicación práctica de cómo usamos estos bocetos, típicamente empezamos con lo que acabas de ver. Consideraríamos más un boceto interno en miniatura áspero. Básicamente, una prueba de concepto para Dan y yo para ver que algo está funcionando si queremos hacer algún cambio. Pero luego vamos a seguir adelante y hacer una versión más refinada del boceto, y eso es lo que termina yendo a un cliente si los estamos haciendo un looping en el proceso, para que puedan tener una idea de hacia dónde nos dirigimos con el proyecto, y conseguir su retroalimentación lo antes posible. Otra cosa a veces hará como en el caso del mural, es en realidad tomar ese boceto y mapearlo en la superficie física, para que incluso puedan tener una idea de cómo podría verse este arte en contexto. A continuación, vamos a llevar tu boceto a la computadora, y te mostraremos cómo hacer tu propia cuadrícula, ahora puedas traducir en ilustración vectorial y tener pautas a medida que avanzas por el proceso de ilustración. 5. Crea tu cuadrícula: Entonces, el primer paso para crear tu ilustración isométrica es crear una cuadrícula de pautas. Lo que es diferente en la ilustración isométrica es que las pautas tienen que ser un ángulo específico. Entonces, les voy a mostrar cómo hacer eso en la computadora ahora. Entonces, el primer paso es ir a tu área de forma y solo seleccionar “Polígono”, y seguir adelante y simplemente dibujarlo en cualquier parte de tu tablero. Vas a querer rotar el polígono para que esté a 90 grados de lo que creaste. Entonces, en realidad va a ser así. Una forma de hacerlo es simplemente mantener presionado “Shift” obviamente. Entonces, ahora obtienes puntos en la parte superior e inferior. Lo que vamos a hacer es simplemente convertirnos en un esquema en su lugar. Voy a seguir adelante y hacer que eso sea un poco más grueso. El siguiente paso va a ser agarrar una “ Herramienta de Segmento de Línea ” y en realidad la vas a conectar a todas estas esquinas diferentes para crear una cuadrícula. Ahora, una cosa de la que realmente quieres asegurarte antes de empezar en todo esto, es que tienes tu “Snap to Point” seleccionado en “Ver”, pero también tu “Snap to Pixel” y “Snap to Grid” desactivado. Si tienes desactivados “Snap to Grid” y “Snap to Pixel”, entonces no tendrás ningún problema con la alineación. Pero si los tienes encendidos, entonces en realidad van a forzar tu mano a que te guste magnetizar a áreas que no quieres. Entonces, lo que voy a hacer es mantenerlos apagados y tener “Snap to Point” encendido. Se puede ver lo que pasa una vez que me muevo por estos rincones. Otra cosa si no lo usas, ten las “Guías Inteligentes” encendidas. Eso te permitirá ver aparecer estos pequeños iconos. Entonces, eso es solo un par de ajustes rápidos para asegurarte de que puedes hacer esto con la mayor precisión posible. Entonces, solo voy a tomar esa “Herramienta de Segmento de Línea” y agarrarla de esquina a esquina aquí y crear el comienzo de una cuadrícula. Entonces, deberías terminar con algo como esto y solo volver a comprobar y asegurarte de que todas tus conexiones realmente vayan a estas esquinas. Entonces, una cosa que voy a hacer es que voy a agarrar todo, sólo voy a agruparlo realmente rápido así que es una forma, así que sólo puedo moverlo. Pero para convertir esto en una cuadrícula real, realidad vas a agarrar la forma y mantener presionadas “Opción” y “Shift” al mismo tiempo, y simplemente desplázate hacia la derecha. Se puede ver lo que pasa es que en realidad se alinea y se ajusta a esa forma que acabas de crear. Entonces, ahora estás creando una cuadrícula simplemente repitiendo la forma. Se puede hacer lo mismo tomándolo realmente y moviéndolo hacia abajo también. Entonces, esto es lo que es una cuadrícula isométrica y en realidad lo que va a pasar en este punto es, sólo se va a repetir una y otra vez. Una forma de asegurarte de que realmente puedes hacer esto más rápido es simplemente empezar por hacer dos y luego repetirte una y otra vez, y vas a tener que ser cada vez más pequeño. Entonces, voy a hacer en realidad es empezar este rincón aquí arriba a mi tablero de arte y en realidad alinearlo a él. Este es una especie de comienzo de lo grande que puede llegar a ser. Entonces puedes ver si tomo esos dos, me desplaza, lo estoy doblando y este es un proceso exponencial donde cada vez que lo haces, agarras toda la selección, vas de dos a ocho a dieciséis y así sucesivamente. De acuerdo, ahora tenemos todo esto rellenado. Voy a seguir adelante y borrar lo que no necesito aquí abajo, y tenemos una grilla. Ahora, el siguiente paso es convertir en realidad todos estos en una pauta para que lo uses. Lo que puedes hacer es agarrar todo y luego ir a “Command+ 5" y luego ahora todo se vuelve a una cuadrícula que en realidad se está usando como lineamientos. Entonces, esto es ahora algo que puedo usar y dibujar encima y todo se chasqueará a punto y en realidad ya no formas. Si no quieres pasar por este proceso de hacer tu propia cuadrícula así, en realidad tenemos un archivo listo para que lo descargues. Básicamente es exactamente lo que hemos hecho aquí. Entonces, ahora que tenemos una cuadrícula en su lugar, aquí es donde realmente vamos a empezar a dibujar encima de ella y a crear nuestras ilustraciones. Entonces, el siguiente paso es hablar de color, iluminación, y cómo se va a ver como un estilo general antes de que realmente nos metamos en la ilustración real. 6. Elige el estilo y el color: Entonces, ahora que nos hemos trasladado a la computadora, la siguiente parte de nuestro proceso va a ser decidir cómo queremos que luzca nuestra ilustración vectorial real incluyendo decisiones de color y estilo. Al igual que discutimos en la demostración de iluminación vamos a tener un punto culminante, un medio tono, y una sombra. Como puedes ver aquí, Dan está empezando a construir una paleta de colores que vamos a utilizar para esta ilustración en particular. Para tu propio proyecto, quieres considerar cuántos colores quieres usar si vas de un look más monocromático, sin líneas, o quizás un estilo de ilustración muy colorido, pero para este ejemplo para la clase, vamos a mostrar cómo puedes usar paleta de colores mínima para lograr aún una buena cantidad de color en rango, y luego podrás construir a partir de esto para tu propio proyecto dependiendo de tu look deseado. Está bien. Entonces, ahora que tenemos una cuadrícula en su lugar, he prefabricado aquí algunos colores para trabajar, y voy a encender mi cuadrícula asegurándome de que las guías estén encendidas. Un comando para eso es, comando punto y coma. Entonces, ahora puedes ver todos estos pequeños triángulos que creamos, y así es básicamente como crearías tu primera pieza de ilustración. Para hablar realmente de color, sólo vamos a empezar con un cubo. Voy a seguir adelante y agarrar mi herramienta de bolígrafo, y sólo voy a empezar a construir dentro de esta cuadrícula, y en realidad crear una forma. Ahora es blanco déjame ir y cambiarlo a un color. Al siguiente voy a crear otra fachada. Adelante y cambiemos ese color, y luego por último conseguimos este top y se puede ver hacia dónde va esto. Básicamente estamos acabando de terminar una ilustración de cubo. Entonces, puedes ver que hice mis tres fachadas, y voy a seguir adelante y cambiar el color aquí. Entonces, voy a seguir adelante y apagar mi grilla y sólo echa un vistazo a cómo se ve este cubo. Entonces, se puede ver que ya tiene un aspecto tridimensional pero, vamos a discutir realmente la iluminación en esto, y cómo podemos hacer que se vea lo más tridimensional posible. Entonces, ahora mismo si decidiera que mi fuente de luz es, digamos, y solo dibuje sol por aquí por ejemplo. Entonces, está bajando a este lado izquierdo, como hemos visto antes en nuestra demo que la parte superior va a ser la más ligera. Entonces, voy a seguir adelante y hacer ese azul, y voy a hacer este lado aquí mismo más en mi tono medio, y voy a hacer de este lado más mi sombra. Entonces, ahora tenemos un cubo azul que se ve tridimensional basado en nuestra decisión de hacer la fuente de luz de este lado. Ahora una cosa que también queríamos considerar es la sombra que crea. Entonces, en realidad voy a crear, usando la misma cuadrícula una forma aquí mismo. Ahora tenemos un cubo y eso parece que el sol está brillando en él por el lado izquierdo y solo fue creado con tan solo cuatro formas simples. Entonces, una cosa a considerar al crear tu paleta de colores es darte la mayor libertad posible. Entonces, puedes ver aquí usando un fondo blanco. Solo estamos usando realmente cuatro colores. Pero la razón por la que elegimos más colores que eso es porque lo que pasaría si esto fuera necesario ilustrar en otro fondo. Digamos que esta vez va a ser del mismo color que este color aquí. Todavía se puede ver el cubo pero obviamente, estamos teniendo algunos problemas con cómo desaparece en el proceso. Entonces, lo que vamos a hacer es realmente ver cómo se ve usando algunos de los colores más claros de los grises y los blancos. Eso nos da razón suficiente para tener estos muchos colores y demostrar que tenemos versatilidad y obviamente, más opciones tengas, más versatilidad tendrás en el proceso de diseño. Entonces, si quieres desafiarte, puedes limitar tus colores pero yo diría que en cualquier lugar entre cinco y seis es un buen número seguro. A la hora de tomar decisiones sobre tu paleta de colores solo ten en cuenta que vas a tener un punto culminante, vas a tener un tono medio, y vas a tener una sombra en un cubo como este. Tu tono medio es como la familia de colores, y lo que va a pasar con el resaltado y la sombra, es que esos son básicamente más claros o más oscuros. Entonces, realmente depende de ti cómo quieres hacer eso. Se puede cambiar cambiando la transparencia para ver cómo se ve al 50 por ciento, se puede cambiar haciendo que esto se multiplique sobre sí mismo. Pero es más un proceso visual. Entonces, por ahora lo hemos hecho más como el 50 por ciento, esto es como un 25 por ciento, y luego esto es como un 100 por ciento, o tal vez 75 por ciento. Pero quieres un incremento de pasos para que sientan que tienen suficiente contraste entre sí, y que sientan que siguen formando parte de la misma familia. Acabamos de elegir Azul para nuestros propósitos. Esta es en realidad una paleta de colores muy similar a un diseño de packaging que hicimos para Almanac. Pero siéntete libre de usar los colores que quieras. Puedes usar todo un mundo de colores, puedes mantenerlo monocromático como lo hicimos nosotros. De verdad depende de ti y del estilo que buscas, y si esto es para un cliente es realmente para el proyecto del cliente, y así debería ser como dictas tus opciones de color. Entonces, sobre el tema del trabajo del cliente, recientemente hemos hecho un par de proyectos isométricos para Almanac Beer Company, y si bien ambos son proyectos isométricos estilísticamente y sabios del color son bastante diferentes. Entonces, sólo para explicar por qué tomamos las decisiones que hicimos. El primer mural que hicimos para ellos entró ahí cuarto de grifería San Francisco, que es un espacio bastante pequeño, y querían tener un mural pero, no querían que el mural superara por completo el espacio. Entonces, lo que hicimos es, utilizamos una paleta muy limitada de apenas tres colores. Parte de la forma en que pudimos hacerlo, es mediante el uso de contornos. Entonces, los contornos nos dan la capacidad de definir cosas dentro del mismo rango de color en lugar de tener que usar colores sólidos en todo. Entonces, esa es una consideración que quizá quieras tener en tu propio trabajo, y luego en cuanto a la selección de colores, usamos colores que estaban todos en el espacio. Entonces, realmente se sintió complementario y mezclado, y realmente no se sintió demasiado en tu cara. En contraste con eso, hicimos un mural isométrico para su nueva cervecería que es un gigantesco espacio de almacén, y está completamente lleno de madera. Entonces, para eso nuestro breve era básicamente crear una ilustración que quedara saturada de mucho color, y realmente saliera y contrastara bien con toda la madera. Entonces, puedes ver aquí en este caso realmente no necesitábamos usar tanto trazos porque teníamos una paleta de colores mucho más grande a nuestra disposición. Creo que usamos más de 16 colores diferentes en este mural pero, usando los mismos pasos que estaremos usando en esta clase en cuanto a cada color de este mural, tenía un punto culminante, medio tono, y sombra. Utilizamos algunos tonos diferentes de gris también, y los teníamos todos trabajando juntos una saturación similar. Entonces, todo se sentía como una familia, y luego cuando se colocó en el entorno real, realmente se destacó contra el cálido entorno. Tan solo para resumir lo que dijo Nathan sobre golpes versus rellenos. En pocas palabras, tener solo rellenos como tu estilo, requerirá usar más colores porque todo está chocado uno contra el otro. Pero volviendo a nuestro otro tema donde, qué pasa si cambiamos el color del fondo, y no queremos que esta cosa desaparezca. Podría ser completamente solo sobre tener el golpe correcto, y se puede ver eso, ahora en realidad lo puedes ver usando trazos. Entonces, en esta circunstancia, no tenemos que usar los blancos ni los grises. En realidad estamos usando menos colores pero los trazos hacen más posible que usted muestre la división de colores porque están separados por una línea. En cuanto a llevar al cliente al proceso, la selección de color es realmente una colaboración entre nosotros haciendo algunas recomendaciones, y en algunos casos el tema dictando. Por ejemplo, con el mural cervecero, siendo mucho sobre la bahía de San Francisco, sabíamos que el agua iba a ser muy central para eso, y también sabíamos que un color azul como esta agua cian, sería un bonito color de cortesía a todos los cálidos tonos anaranjados de la madera en el espacio. Entonces, hicimos esa recomendación a nuestro cliente, les gustó esa idea así, corrimos con ella. Pero en algunos casos, su branding puede entrar en factor con los colores también. Entonces, definitivamente es un esfuerzo colaborativo entre nuestras recomendaciones basadas en tratar lograr lo que están buscando con cualquier proyecto en particular. Entonces, ahora mismo en realidad tenemos nuestra paleta de colores más o menos decidida pero estos son todos colores globales, lo que significa que, podríamos cambiarlos sobre la marcha. Entonces, digamos que aquí queremos hacer una nueva paleta, y estás empezando este proceso desde cero. Digamos que el fondo es más un color como este. Pasemos por el espectro de conseguir más de un esquema marrón monocromático por ejemplo. No tienes que estar súper confiado con ello al principio porque lo genial los colores globales es que puedes cambiarlos sobre la marcha. Pero para hacer estos colores globales, todo lo que tienes que hacer es seleccionar todo, y luego entrar en un nuevo grupo de colores en tu área de muestras, y solo decir, “Selecciona ilustraciones, convierte proceso a global”, y tú en realidad podrá crear una carpeta con todos estos colores. Entonces, una vez que tienes estos seleccionados y realmente tienes un conjunto de colores globales. Vamos a dar un ejemplo se vería como si este conjunto de colores estuviera en todas partes de su archivo. Esto representaría la ilustración ya en su lugar. Aquí es donde puedes hacer doble clic y cambiar tu archivo, tus colores sobre la marcha. Entonces, voy a seguir adelante y hacer doble clic en una muestra, mantener presionada la vista previa, y simplemente cambiar todo a magenta, y de repente sólo repitiendo ese proceso a través cada muestra que podamos sobre la marcha simplemente cambiar las cosas a medida que avanzamos. No te preocupes por las opciones de color que estás haciendo en este momento. No tienes que estar casado con ellos. Básicamente lo genial de los colores globales es que puedes cambiarlos sobre la marcha, y si quieres cambiarlos a un conjunto completamente diferente, puedes hacerlo más tarde simplemente haciendo clic en el área de la paleta. Entonces, en este punto, nos gustaría que crearas tu propia paleta de colores. Asegúrate de tener tantos colores como estamos usando aquí para que tengas un montón de opciones, y lo otro es asegurarte de que tengan una variación incremental agradable entre cada color para que puedas ver claramente cómo afectaría la fuente de luz a un objeto. A partir de aquí, Dan va a hacerse cargo, y mostrarte las diferentes herramientas que utilizamos para crear el estilo de ilustración en Illustrator. 7. Personalización de los cubos isométricos: Está bien. Entonces, ahora vamos a saltar a la ilustración. Todo realmente acaba de empezar con un simple cubo, y ya hemos creado uno. Entonces, sólo vamos a usar eso como base. Pero antes de que realmente empecemos a dibujar, tenemos que traer nuestro boceto. Entonces, sólo voy a mostrarles una técnica rápida que utilizamos para hacer las cosas lo más fáciles posible. Entonces, adelante y solo crea una nueva capa. Sólo voy a llamarlo boceto. Lo voy a poner debajo de nuestro archivo de arte, me refiero a nuestra capa de arte. Yo sólo voy a cambiar su color por lo que es un poco diferente al rojo que ya elegimos. Entonces vamos a seguir adelante y en esa capa real, coloque el boceto. Se va a ver algo así. Entonces, ahora mismo, se puede ver que está en esta capa específica y lo que vamos a querer hacer, es volver atrás en nuestra cuadrícula y tratar de realmente solo alinearla con la cuadrícula tanto como sea posible. Se puede ver que ya que usamos la plantilla que en realidad tenía la cuadrícula ya en su lugar, que en algún momento realmente se alineará muy bien. Solo estoy tratando de conseguirlo para que en realidad se alinea con estas esquinas de aquí. Entonces, se puede ver que los bordes exteriores que dibujé, esa es una buena manera de asegurarse de que se alinea. Entonces, voy a hacerlo sólo un poco más grande. Simplemente se necesita un poco de meneo, pero se puede ver que realmente se alinea con la cuadrícula aquí. Esto hará que sea fácil para ti usar realmente la cuadrícula con tu boceto. Entonces, voy a seguir adelante y cambiar su transparencia en algo un poco más bajo. Diga, como 60 por ciento, entonces, no es tan visible. Voy a bloquearlo y seguir adelante y apagar mi grilla por ahora. Entonces, se puede ver cómo está en su lugar. Lo que va a pasar si comienzas a dibujar sobre esto en tu archivo de arte, es que puedes ver que solo puedo crear formas dentro de nuestro paladar que creamos, y simplemente estás dibujando encima de él pero no lo puedes ver. Entonces, para evitar esto, en realidad vamos a apuntar a esta capa aquí mismo, este pequeño botón de aquí. Haga clic en él, y luego haga clic en multiplicar. Ahora, podemos dibujar encima de nuestra ilustración y no tener que preocuparnos por no poder verla. Está bien. Entonces, el primer paso realmente para empezar como dije antes, es empezar a usar el cubo que ya creaste. Entonces, sigamos adelante y solo agarremos este cubo, agruparlo, y esto será como si estuvieras construyendo bloque literalmente por crear toda esta ciudad. Entonces, por ejemplo. Si fuera a traer esto y tratar de alinearlo con este edificio, se puede ver que casi estoy haciendo que este edificio completo solo usando exactamente el mismo cubo. Obviamente, no es la misma forma exacta pero podemos personalizar desde aquí. Entonces, lo que voy a hacer, es en realidad encender mi grilla y tratar de alinearla con la cuadrícula primero. Entonces, ahora mismo si fuera a agarrar la esquina de esto, realidad puedo traerlo a la esquina de la cuadrícula. Se puede ver que cómo se está alineando aquí es bastante bueno verticalmente. Pero también pueden notar que no va a ser tan alto como el, lo siento, no va a ser tanto tiempo como el edificio. Si de hecho fuera a agarrar sólo estos nodos en la parte superior aquí usando mi herramienta de flecha blanca y seleccionando solo la parte superior, puedo llevarlo hasta este nivel para ser así de alto. Pero no es del todo la misma forma. Entonces, esto es solo una serie de usar ya sea la herramienta de lazazo o la herramienta de flecha blanca para personalizar tu cubo y convertirlo exactamente en lo que quieras. Entonces, ahora mismo ten la altura correcta, pero hagámoslo un poco más profundo. De nuevo, eso es sólo agarrar el nodo correcto. Entonces, voy a agarrar este nodo y luego estos dos nodos. Se puede ver si yo fuera a hacer eso, puedo hacerlo lo más profundo que quiera. Pero usa la cuadrícula para asegurarte de que te estás quedando dentro las reglas de los trabajos de línea bisimétrica. Entonces, ahora mismo sólo lo voy a traer hasta aquí para que en realidad me esté quedando con la grilla tanto como sea posible. Entonces lo que voy a hacer, es simplemente terminar esto y hacerlo al otro lado. Entonces, ahora que tengo los edificios principales en su lugar, voy a usar exactamente la misma técnica para crear estas pequeñas áreas superiores de los edificios. Podrás crear tus propios lineamientos además de los lineamientos que ya existen. Entonces, ahora mismo quiero tener esto como cajita encima del edificio. Pero también quiero asegurarme de que se vea centrado en los edificios. Entonces, si enciendo mi cuadrícula, se puede ver que no estoy alineado a la cuadrícula perfectamente en esta zona. Pero para asegurarte de que estás alineado con la ilustración, en realidad puedes usar tus propias formas para crear nuevas pautas. Voy a seguir adelante y usar esta forma exacta duplicándola primero. Entonces, adelante y agárrala con la herramienta de flecha blanca y copia en su lugar. Entonces, solo quieres hacer comando C, Comando F. Eso lo hace para que en el mismo lugar exacto, acabas de duplicar exactamente la misma forma. Entonces a partir de ahí, voy a mantener pulsada la opción y cambiar y reducir su tamaño para estar centrado hacia sí mismo. Sólo para que veas cómo se ve, yo voy a hacer ese azul. Entonces, eso básicamente es crear una huella de esta nueva forma que estás creando. A partir de ahí, puedo seguir adelante y simplemente construir esta cosa de cubo rectangular único real. Entonces, voy a seguir adelante y convertir esto en una pauta para mí solo entrando en el mando cinco. puede ver que está sentado ahí dentro de la rejilla. Entonces, ese es un buen punto de partida para que tomes el cubo que ya creaste, lo pongas en su lugar, y por el bien de poder verlo, en realidad voy a cambiar el color del cubo. Entonces, sigamos adelante y hagamos de este blanco, este gris, y voy a hacer de esto un azul más oscuro. Voy a colocarlo en esta zona, que me vaya a agarrar una esquina y dejarlo caer en esa guía que está calificada. Usando las mismas reglas que acabamos de repasar, realidad puedo entrar en esta forma real y personalizarla. Es así como harías un top y el costo obviamente lo harías más largo o más ancho, lo que quieras. Pero yo voy a hacer lo mismo con esta zona aquí. Entonces, ahora que tenemos nuestras principales formas de estos dos edificios en su lugar, quiero planear un poco más la ciudad antes de entrar en formas más complejas. Entonces, solo voy a seguir adelante y construir mi camino.. Esta es una buena oportunidad para que cualquiera empiece a diseñar su ciudad y el camino es lo que dicta dónde está todo. Entonces, se puede ver cómo tengo eso dispuesto en mi boceto. En realidad voy a encender la rejilla para ayudarme a hacer el camino. Entonces, quieres que el camino esté alineándose con la cuadrícula real aquí. Simplemente voy a empezar a dibujar y con la herramienta de bolígrafo un camino sencillo usando rejilla real. Adelante y oscurecamos esto. También quiero crear una calle cruzada. Ahora, obviamente esta calle cruzada va detrás de este edificio pero aún quiero dibujarlo. Entonces, voy a seguir adelante y esconder este edificio por ahora haciendo el comando tres, y dibujando este camino aquí mismo. Entonces puedes traer de vuelta tu edificio si quieres. Pero una cosa que realmente quiero asegurarme es que, puede ver que aquí hay algunos problemas de alineación. Yo sólo voy a seguir adelante y asegurarme de que mis edificios todos agrupados, para poder moverlo. Pero solo agarra la esquina con tu herramienta de flecha negra y deslízala en esa esquina. Verás ese pequeño pequeño V al revés para asegurarse de que en realidad van a una tangente. Podemos hacer zoom y se puede ver que todo está bien y alineado. Como un último paso para agregar un poco más de complejidad a este camino, en realidad voy a querer agregar una acera. Para hacer eso, voy a hacer un par de movimientos rápidos. Así es como solemos manejar cosas como carreteras. Entonces, básicamente, voy a agarrar ambas calles. Voy a unirlos en la herramienta Pathfinder, así que son de una forma. Entonces, una vez que tengas esto como una sola forma, adelante y agrega en un trazo. Asegúrate de que esté alineado para que el trazo esté en el interior no en el exterior ni en el medio. Eso te permitirá crecer una acera dentro de la calle. Ahora, puedes verlo prácticamente funciona excepto que crea estas pequeñas áreas justo aquí. Hay un par de formas de manejar eso. Puedes expandir esto hacia fuera y tenerlo en su propia máscara de recorte, o podrías expandir toda la forma y personalizarte. Pero por el bien de esta ilustración, en realidad lo voy a hacer más grande. La forma en que acabo de hacer eso fue agarrando estos nodos y esperando a que la extensión de línea se alineara realmente con lo que está haciendo. Entonces, en realidad puedes hacerlo todo el tiempo que quieras. Pero mientras estés consiguiendo ese pequeño destaque, sabes que vas en ángulo recto. Entonces, no tengo que tener la grilla puesta para asegurarme de que la calle se haga más grande. Solo necesito usar la herramienta de flecha blanca y asegurarme de que esté alineando. Entremos y creemos una base detrás de toda esta ciudad. Se va a ver un poco como esto. Estoy trabajando un poco a ciegas aquí y apago mi grilla. Adelante y hagamos esto gris por ahora. Adelante y usa esa forma exacta para usar las cosas como máscara de recorte. Entonces, lo que voy a hacer, es tomar la forma, copiar, y colocarla en su lugar. Voy a tomar este camino que acabamos de crear, enviarlo a la parte trasera de la misma. Entonces, está detrás de la forma que acabamos de crear, y luego agarrar ambas. Con el botón derecho, vas a poder hacer una máscara de recorte. De esa manera, se sienta dentro de esa forma y las aceras van en realidad más allá de este perímetro. Entonces, para esta parte de la ilustración, solo nos estamos centrando en formas realmente básicas, cualquier cosa que se pueda crear usando tu cubo preexistente. Entonces, esto incluye rascacielos que solo están tomando el cubo y haciéndolos más altos, también puedes hacer un cubo como más ancho si quieres hacer más de un almacén. Hicimos que el cubo se convirtiera en más de un edificio cónico simplemente agarrando ciertos nodos y haciéndolos más pequeños. Esta también es una muy buena oportunidad para que empieces a diseñar la ciudad como cualquier cosa que sea plana a nivel del suelo como la base de toda la ciudad, las calles o incluso la costa si quieres meterte en eso ahora. A continuación realmente vamos a empezar a crear algo un poco más complejo. Dado que los ángulos isométricos son muy específicos, ¿qué se necesitaría para tomar algo que tenga más de un borde redondeado y convertirlo en un ángulo isométrico? En realidad vamos a estar usando la herramienta de rotación 3D para hacer eso. 8. Herramientas: rotar, reflejar y mezclar en 3D: En esta lección, vamos a tomar algo que sea un poco más complejo como una ventana arqueada o un círculo, y rotarlo para que esté exactamente en el ángulo isométrico que quieras. Hay una forma rápida y fácil de hacerlo usando la Herramienta de Rotación 3D. Entonces, por ejemplo, si quisiera crear estas pequeñas ventanas arqueadas en mi boceto, solo puedo empezar haciendo una ventana. Normalmente como haría eso es dibujando un rectángulo, y luego agarrando los nodos superiores, dependiendo de tu versión de Illustrator, podrías tener esquinas redondeadas lo cual es una de las mejores herramientas que han agregado en mucho tiempo. Simplemente agarraremos esto aquí mismo, y en realidad obtienes una parte superior redondeada como esa. Entonces, esa es forma rápida y fácil de hacer una ventana arqueada. Pero, yo también quiero hacerlo así es en este ángulo. Entonces, que encaja dentro de este edificio. Obviamente, no puedo simplemente colocarlos porque no van a estar en el ángulo Isométrico que yo quiero. Pero, voy a seguir adelante y agarrar esta ventana arqueada, y voy a seleccionar efecto 3D rotar. Una vez que tenga esta ventana abierta, vas a ir a la vista previa, y asegúrate de tener una vista previa de lo que estás a punto de hacer. Entonces, se puede ver si realmente casi agarré esto alrededor, en realidad cambia el ángulo de esta ventana. Esta es una forma rápida y fácil de obtener un aspecto tridimensional de solo una fachada. Pero obviamente ninguno de estos ángulos es en realidad lo que estamos buscando. Lo que realmente queremos es un ángulo isométrico. Por suerte, hay una posición que ya está afiliada a esta herramienta 3D. Se puede utilizar isométrica izquierda, derecha, superior o inferior. Ya que esto está en el lado izquierdo de mi edificio, voy a hacer isométrica izquierda. se puede ver que se alinea con esa fachada del edificio. Entonces, voy a seguir adelante y decir que está bien. Ahora, puedes tomar esto y realmente moverlo a cualquier parte de esta fachada, y va a ser en ángulo recto, puedes usar tus guías para comprobarlo. Pero puedes ver cómo la base de la ventana está en ese ángulo real que estás buscando. Entonces, ahora que tienes esta ventana en su lugar, sigamos adelante y ampliarla. Por lo tanto, querrás simplemente ir a expandir la apariencia bajo el objeto. Se puede ver que no es exactamente el color que querías. Está usando algo de transparencia en el fondo más ese color. Para que sea todo el color que quieras, adelante y solo empuja fusionar bajo pathfinder. Ahora mismo, es negro. Voy a seguir adelante y cambiarlo por el azul oscuro que hemos puesto en nuestro paladar. Ahora, yo también quiero que todos estén en la misma fachada, y sólo voy a seguir adelante y duplicarlos, y esto los puso en su lugar más o menos. Solo estoy haciendo esto manteniendo presionado el botón de opción. También quiero que la zona exterior tenga toda la misma alineación. Una manera rápida y fácil de hacer eso es tomar realmente una ventana fuera del borde de este edificio, y otra al otro lado del edificio. Si agarras todos estos y vas a una línea, y distribues el espaciado horizontalmente, puedes conseguir que estén alineados para que el espaciado sea exacto en todos los lados. Ahora como último paso, en realidad voy a dar estos y asegurarme de que estén alineados con mi grilla. Se puede ver que éste es un poco alto y éste necesita bajarse un poco, y yo sólo los estaba bajando por lo que se alinearon con la misma fachada del edificio. Como último paso, realidad voy a tomar estos tres, agruparlos, y obviamente puedo simplemente seguir bajándolos así y duplicándolos para conseguir más ventanas. Pero en realidad hay una forma más eficiente de hacer esto. Entonces, sólo voy a tomar uno de estos grupos, y llevarlos todo el camino hasta el fondo del edificio aquí. Voy a agarrar ambas selecciones, y voy a hacer una mezcla con esto. Entonces, tú si vas a objeto, mezcla, y vas a opciones de mezcla, en realidad puedes especificar cuántas filas de estas ventanas quieres entre medias. Entonces, voy a ir a pasos específicos. Ahora mismo voy a hacer tres. Se puede ver que hay tres en medio de estas dos áreas. Después como segundo paso, vuelve a objeto, mezcla, y luego haz. así es como conseguirías toda una fila de ventanas. Por qué esto es eficiente es porque, digamos que querías hacer un cambio a tu edificio donde en realidad es mucho más alto. Si entraras en esta agrupación de ventanas y sacaras una, puedes ver que distribuye uniformemente las ventanas. Pero obviamente, hay demasiado espaciados. Si vuelves a entrar en mezcla, seleccionando este grupo, ve a las opciones de mezcla, activa la vista previa y asegúrate de que la vista previa esté encendida, y luego simplemente sigue adelante y cambia los pasos. Entonces, esta es una buena manera de asegurarte que puedes tener la libertad de cambiar la cantidad de ventanas sin tener que duplicaciones múltiples o un realineamiento o algo por el estilo. Entonces, ahora que tengo esta fachada de estas ventanas listas para ir, también quiero que estén de este lado. Entonces, una forma de manejar eso es agarrar este grupo y copiar y pegar en su lugar haciendo el comando C, comando F. Ahora, ve a tu herramienta de reflexión, y quieres tener reflejado seleccionado no rotar. Ahora la razón por la que la herramienta refleje funciona tan bien en diseño isométrico es porque técnicamente un cubo en sí es simétrico. Entonces, si fueras a voltear algo de un lado a otro, no tienen que cambiar de ángulo. Los ángulos técnicamente son los mismos pero opuestos. Entonces, por eso soy capaz de realmente tomar estas ventanas y moverlas al otro lado sin tener que preocuparme de matemáticas perfectas porque las matemáticas ya están ahí. Adelante y mantenga presionada la opción, y luego haga clic en ella para que esté en medio de este edificio aquí donde llega la esquina. Ya puedes ver que te dan un par de opciones aquí. Se puede girar horizontal o verticalmente. Se puede ver cuando enciendo la vista previa, que en realidad la voltea a otros lados, básicamente reflejándose en sí mismo. Ahora, una cosa pasó aquí. Estoy notando ahora obviamente mi edificio es un poco más largo de lo que es ancho, y queremos poder llenar esas ventanas. Entonces, no hay una manera rápida y fácil de simplemente agregar otra ventana sin una alineación perfecta. Entonces, lo que voy a elegir hacer es en realidad expandir todo esto hacia fuera, y entrar en ello y sólo ver cómo se vería si moviera una ventana manualmente. Se puede ver que obtengo el espaciado correcto, pero probablemente no esté consiguiendo un espaciado perfecto. Entonces, el mismo proceso que hicimos antes, la alineación no va a ser perfecta. Pero lo que voy a hacer es realmente asegurarme de que estos estén todos espaciados uniformemente a través de esta fachada, y ojalá estéticamente, se vean bastante normales. Entonces, voy a agarrar todo, tener ventanas en el exterior de cada borde, e ir a distribuir espaciado, asegurarme de que sea un espaciado horizontal. Obviamente, se va a mover y ajustar un poco las cosas. Pero tenemos nuestra pauta para usar como red de seguridad. Entonces, se puede ver que lo que está pasando aquí, mi fachada no está perfectamente alineada con la rejilla, pero eso está bien. Básicamente puedo crear mi propia pauta que es costumbre a partir de aquí. Entonces, voy a seguir adelante y hacer un pequeño segmento de línea usando esta pauta. Yo quiero ponerle un trazo para que en realidad puedas ver lo que estoy haciendo. En realidad, aquí es donde necesita empezar a girar. Entonces, voy a agarrar el borde de esto y golpear ese lugar. Aquí es donde se necesitan alinear las ventanas. Entonces, usando ese segmento, voy a crear mi propia pauta expandiéndola y luego haciendo Comando cinco. Entonces, ahora tenemos algo que alinearnos con otro que no sea sólo la cuadrícula que nos lo hemos proporcionado. Lo que voy a hacer es alinear este al borde y también el del exterior al borde. Pero no te preocupes por los que están en medio porque hay una manera rápida de asegurarse de que realmente sí se alinean. Literalmente puedo ajustar estos hacia arriba y hacia abajo ligeramente, y se reajustarán. Entonces, si agarras todo y distribuyen el espaciado tanto vertical como horizontalmente, se alinearán de esa manera. Entonces, sólo hay que hacer dos pasos en lugar de ir individualmente por cada ventana. Entonces, este es un buen punto para alinearnos con lo que ya creamos aquí agrupando a estos tipos. Voy a simplemente duplicarlos hacia abajo para que estén con las otras ventanas. Sé que esto es difícil de ver. Entonces, voy a cambiar su color para que veas lo que estoy haciendo. Cuando duplique, voy a hacer de esto unos colores diferentes. Entonces, digamos azul oscuro. Yo sólo los estoy acercando a las ventanas que ya están ahí. Voy a tomar esta ventana y alinearla con esta agrupación yendo a alinear horizontalmente a la izquierda y verticalmente a la parte inferior. Entonces de esa manera, tengo una expansión de ventanas que básicamente están todas alineadas. Ya no tengo que usar ninguna de estas ventanas porque una vez que agarro toda la agrupación de ventanas y las alinearé verticalmente, todas se alinean. Ya está ahí la matemática. El programa está destinado a descifrar esta matemática para ti. Entonces, puedo borrar lo que tengo originalmente y usar estas nuevas ventanas como mi fachada. Como un último paso, voy a asegurarme de que sean todos del mismo color para poder verlos de nuevo. Sigamos adelante y solo echemos un vistazo y asegurémonos de que todo se vea alineado. Voy a apagar mi boceto por ahora. Se ve bastante bien, y así es como harías una ventana arqueada en dos fachadas del edificio. Entonces, ahora tenemos estas ventanas en su lugar, usemos la herramienta Rotar una vez más y creemos un helipuerto aquí mismo, básicamente un círculo en la parte superior de este edificio que está en un bonito ángulo simétrico. Puedo mirarlo y dibujarlo así. Pero técnicamente, tiene que ser una elipse específica para que se ajuste perfectamente a esta pequeña forma de diamante. El modo en que vas a hacer eso es más o menos exactamente cómo harías las ventanas arqueadas. Voy a hacer un círculo perfecto, y voy a ir a Effect, 3D, Rotar. Pero esta vez, voy a hacer Top Isométrico y seguir adelante y ampliarlo de esta manera. De nuevo, hace un par de formas cuando lo expandes. Entonces, adelante y adelante se fusionan Pathfinder. Ahora tienes el círculo de tamaño más adecuado. Entonces, puedes ver cuando traigo esto, estaba cerca de mi elipse, pero voy a seguir adelante y tratar de alinearlo manualmente aquí y cambiar su color ligeramente para que veas la diferencia. Entonces, o bien puedo mirarlo. Pero técnicamente, estaba un poco apagado. Pero puedes usar las matemáticas perfectas del archivo Illustrator usando la herramienta Rotar para asegurarte de que esté perfectamente, matemáticamente hecho. Para asegurarte de que esté centrado a él, solo tienes que agarrar ambos objetos y hacer clic en el objeto que estás intentando alinear una vez más y utilizar la herramienta Alineación para centralizarlo tanto vertical como horizontalmente. Nosotros vamos a hacer las ventanas de nuestro Edificio Taper aquí. Pero en lugar de hacer ventanas arqueadas, solo quiero hacer líneas horizontales. Puedes hacer lo mismo usando la herramienta Blend de esta manera. Es así como tomarías líneas horizontales y utilizarías una herramienta Blend para hacer ventanas. Volviendo a la herramienta Reflect, esta es una buena oportunidad solo para voltearla al otro lado. Entonces, voy a copiarlo y pegarlo de nuevo y clic en una línea central donde quieras que reflexione, manteniendo presionada la opción y haciendo clic en esa esquina. Se voltea hacia el otro lado. Si bien estás creando cosas para empezar realmente a pensar en el esquema de color, ahora mismo, obviamente, estoy consiguiendo un look de contraste realmente alto, y solo voy a traer todas estas cosas a un solo grupo. Por cierto, asegúrate de que tus edificios estén juntos para que no tengas que romper las cosas ya que las estás ajustando. Entonces, mientras estoy haciendo este edificio, me estoy dando cuenta de que estoy consiguiendo un look de contraste realmente alto, pero no tanto como de una fuente de luz que me gustaría. Entonces, como paso final, lo que voy a hacer es entrar en este área de herramientas Blend y en realidad tratar de encontrar estas líneas y cambiar su color. Eso es una última cosa que quiero hacer. Simplemente se va a convertir en un azul un poco más claro. Ahora, tenemos una mirada muy tridimensional, donde obviamente las fuentes de luz que suceden a la izquierda y estamos consiguiendo una sombra a la derecha mediante el uso de colores variables. Es por ello que elegimos seis colores, por lo que tenemos esta gran oportunidad de tener variedad en nuestro esquema de color. Entonces, como siguiente paso, solo pasa por todos tus edificios y decide si te gustaría tener ciertas ventanas. En esta lección, hicimos ventanas arqueadas todo en una cuadrícula. Hicimos también ventanas horizontales en nuestro edificio alto, pero ambas están usando la herramienta Blend para multiplicar las ventanas encima encima de sí mismas. Por lo tanto, siéntete libre de usar esto para hacer cualquier ventana de tu ilustración. También puedes usar una herramienta Blend de muchas maneras diferentes. Entonces, siéntete libre de experimentar. Entonces, lo siguiente es la herramienta Extrusión 3D. Es casi idéntica a la herramienta Rotar 3D, pero permite que dos fachadas tengan una profundidad real para ellas, por lo que una especie de conseguir un look 3D en lugar de simplemente tomar una fachada y girarla. Nos meteremos en eso ahora mismo. 9. Herramientas: extrusión 3D: Entonces, la siguiente herramienta que voy a estar usando se llama Extrusión 3D, que básicamente está usando las mismas técnicas que la herramienta de rotación pero en realidad está haciendo que algo tenga más profundidad y un ejemplo de eso estaría en nuestro boceto. Se puede ver aquí tenemos un edificio muy interesante que es más complejo que un cubo regular. Para ver este edificio más claramente, voy a tomar este edificio que está justo al lado y simplemente esconderlo. Entonces, ahora mismo, este edificio de aquí está usando un arco como su parte superior y tiene profundidad. Entonces, para que esto funcione realmente, la herramienta Extrusión 3D lo va a hacer posible. Entonces, voy a seguir adelante y sólo dibujar un arco como lo hice con como las ventanas. Vamos a seguir adelante y que sea un color más claro por ahora. Y luego, voy a entrar en vigor, 3D Extrusión. Ahora, obtenemos una interfaz que es similar a la que estamos acostumbrados a ver. Voy a ir a dar vuelta previa y ver qué pasa. Se puede ver que lo rota. Entonces, elige esa cosa que acabo de crear como fachada pero también crea profundidad, y puedo moverla manualmente para darte una idea. Entonces, de nuevo estamos haciendo una forma 3D pero queremos que sea un ángulo isométrico. Por suerte, hay un posicionamiento que realmente hace que eso suceda. Entonces, voy a seguir adelante y empujar a la izquierda isométrica bajo rotación personalizada. Ahora, en realidad está en ese ángulo que queremos. Se puede ver que se está acercando bastante al aspecto de este edificio. Su profundidad no es probablemente tan profunda como queramos, pero se puede cambiar eso en este posicionamiento de profundidad Extrude. En realidad hay una barra que te permite hacerla tan larga o gruesa como quieras. Ahora mismo, sólo voy a decir 80 y ver cómo se ve eso. Ochenta sonidos acerca de la derecha. También estoy notando que el sombreado aquí, se ve un poco plasticky y es porque está usando el sombreado plástico superficial. Se puede decir wireframe si se quiere y simplemente obtener las formas básicas, o se puede decir que no hay sombreado en absoluto. Voy a elegir no sombreado porque en realidad me va a dar más variedad en cuanto a hacer algo personalizado. Entonces, una vez que empuje bien y amplíe la apariencia, se puede ver que la rompió en un par de grupos diferentes. Y voy a seguir adelante y cambiar este lado para ser de un color diferente. Ahora, recuerda también en tu fuente de luz , cuando miras un cubo la parte superior va a tener un punto culminante. Realmente no tendría sentido que la parte superior de este edificio tuviera realmente una sombra. Entonces, en realidad voy a hacer que esta zona de aquí un poco más ligera y ver si se ve normal. Y como siguiente paso, sólo voy a colocar esto en el archivo real. Ahora que lo tengo colocado, se puede ver que estaba cerca de conseguir que esto fuera como mi boceto pero no es perfecto. En realidad, el boceto está mostrando que el dibujo que originalmente hice es un poco más alto y aquí es donde en realidad puedes personalizar esta forma igual que personalizamos el cubo y hacerlo más alto. Entonces, voy a seguir adelante y apagar mi rejilla y voy a utilizar la herramienta de flecha de luz para tan solo seleccionar la parte superior del edificio y mantener esta base donde está. Y si sostengo turno, en realidad puedo subir su altura para que sea tan alto o corto como quiera. Entonces, bastante jodidamente cerca del boceto real en sí. Entonces, ahora que tengo este edificio en su lugar, sólo voy a terminar el frente de él muy rápido usando técnicas de las que ya hablamos. Entonces, se puede ver que este edificio es algo completo ahora solo con el uso de dos formas diferentes. Uno estaba usando la herramienta Extrusión, el otro estaba usando el cubo. Ahora, vamos a crear algo un poco más complejo que sólo una ventana arqueada con profundidad. En realidad puedo hacer cosas como un auto usando la herramienta Extrusión, y te voy a mostrar cómo hacer eso ahora. Entonces, cuando pienses en un auto, piensa en las formas básicas. Tienes básicamente una base y tienes un top. Es un poco de Fred Picapiedra pero así es como es un auto. Obviamente, desde aquí se pueden ajustar las cosas. Lo que voy a seguir adelante y hacer es simplemente unir esto como el inicio de mi ilustración y estoy tratando de dibujar un costado de un auto. Imagina como una silueta de vista lateral de un auto. Entonces, ahora mismo, sólo voy a traer estos nodos para que no sean tan altos, y voy a traer este nodo, así que está mostrando más de un parabrisas. Y tal vez este puede ser más un hatchback o puedes tener un poco más de un baúl. Obviamente, necesito un poco más de capucha. Entonces, voy a adelantar un poco esto y solo averiguaré el estilo de auto que quieres y ajustaré las cosas desde tan solo haciendo un par de clics. Esto me parece un poco boxy. Entonces, en realidad voy a bajarlo un poco, y luego voy a traer de vuelta el baúl un poco también. Eso se parece más a una forma de auto natural. Ahora bien, no hemos terminado del todo. Otra cosa que quiero hacer es cambiar su color y añadir ruedas. Y creo que eso me parece bastante parecido a un auto. Voy a seguir adelante y agruparlo. Ahora, aquí es donde entra la magia. Voy a utilizar exactamente la misma herramienta, Extrusión 3D, para hacer esto tridimensional. Entonces, si vas a efecto, 3D Extrude, y encendemos la vista previa, puedes ver que muestra lo que dibujé como fachada y lo hice tener profundidad, y vamos a seguir adelante y hacer la izquierda isométrica para esto. Ahora, solo con un par de clics, un par de formas, básicamente tenemos un auto tridimensional. Puedes personalizar desde aquí. Obviamente, hay sombreado de plástico o alambrada o ningún sombreado. Pero me gusta el sombreado de plástico porque no está usando ninguna curva para realmente hacer que se vea brillante. En realidad es mantenerlo bastante geométrico. Entonces, voy a seguir adelante y guardarlo. De nuevo, puedes hacer que este auto sea más ancho o más corto si quieres. Podría ser como súper ancha o simplemente como una más de una motocicleta. Pero básicamente, a los 50 era en realidad un buen punto de salto. Está bien. Entonces, ahora tenemos un auto y se puede ver que en realidad encaja bastante bien en nuestra ilustración como cosa isométrica. Entonces, desde aquí recomiendo realmente personalizarlos aún más. Recuerda, tienes una paleta de colores en mente, una fuente de luz en mente, y la fuente de luz no es exactamente lo que queremos. Entonces, voy a seguir adelante y expandir todo y se puede ver que todo lo hizo en formas diferentes. Entonces, hemos determinado que las tapas necesitan ser las más brillantes. Entonces, voy a seguir adelante y hacer eso brillante. También hemos determinado que esta parte del auto va a estar a la sombra, y en esta parte va a ser más del tono medio. Y a partir de aquí, en realidad puedes personalizar aún más como si quieres agregar un parabrisas a un lado. Voy a seguir adelante y sólo dibujar encima de ella. Simplemente adelante y colóquelo en nuestro expediente. Ahora, pasan un par de cosas cuando pones cosas en tu expediente. Te darás cuenta de que como tenemos una paleta de colores limitada, en realidad estamos recibiendo algunas interacciones extrañas. Ya no podemos ver las ruedas del auto. Entonces, voy a seguir adelante y hacer doble clic en mi auto y en realidad cambiar el color de las ruedas. Y puedes seleccionar estas cosas individualmente mediante el uso de la herramienta de flecha blanca si lo deseas o simplemente seleccionar todas y puedes cambiar el color. No es una ciencia perfecta porque obviamente agarré las ventanas en el proceso. Voy a traer esos de vuelta a ser oscuro. Para llevar esto aún más lejos, puedes agregar faros a este auto. Entonces, en realidad se puede usar la misma fachada de las ruedas y girarlas. Entonces, en realidad voy a traer esta rueda por ejemplo, y ponerla blanca y en realidad voltearla. Entonces, eso va del otro lado del auto usando la herramienta de rotación. Y es la misma matemática, así podría usarse como faros, por ejemplo. Entonces, solo tienes que seguir adelante y usar piezas de tu propia ilustración para solo Frankenstein en otra cosa. Y te recomendaría ir aún más allá si puedes, como puedes agregar más de una parrilla al auto o puedes agregar cosas extra como más redondeo pero este es tu auto, tu ilustración y puedes hacerlo cualquier estilo que quieras. Entonces, la razón por la que querrías usar la herramienta Extrusión 3D sería si quisieras crear algo que ya fuera algo complejo con su fachada, y en realidad hacer que tenga profundidad. Obviamente, no necesitas hacer esto con cosas como un cubo o un rectángulo, sino el costado de un auto o el costado de una ventana arqueada, si quieres que esas cosas tengan profundidad y no van a cambiar su fachada, esta es una gran manera de hacerla tridimensional. Ahora bien, no tienes que usar la Extrusión de la forma en que lo hicimos donde tienes una fachada y se está ensanchando. En realidad puedes hacer que las cosas crezcan más altas también. Entonces, para este barco, está usando la misma herramienta. Cuando se trata de este estilo de ilustración, todo realmente comienza con formas básicas. Entonces, voy a seguir adelante y dibujar un rectángulo y voy a añadir un nodo para que tenga un punto, y eso va a estar centrado a este centro aquí. Entonces voy a agarrar estas áreas exteriores y de hecho jalarlas hacia atrás, y ya tenemos un poco de un bote mirarlo. Y voy a seguir adelante y agarrar estos dos nodos y subir un poco y realidad usar la herramienta de esquinas redondeadas para realmente darle un poco más de un look personalizado. Ahora, eso me parece la base de un barco. Vamos a usar la misma herramienta que usamos antes, que es 3D Extrude, y en lugar de hacerlo de su lado así, realidad voy a hacer la posición diciendo top isométrico. Ahora, eso es crear el cuerpo de un barco y es un costado de un barco. Voy a reducir un poco el tamaño de su altura cambiando la profundidad. Y en realidad sólo voy a hacer una alambrada para ver cómo está rompiendo estas cosas. Entonces, lo que estoy viendo aquí es que si simplemente no hago sombreado, va a ser de forma bastante básica. Entonces, voy a seguir adelante y ampliarlo y cambiar un poco su fachada. Entonces, aquí mismo está el costado y también estoy quiero tener este efecto cónico. Una forma rápida y fácil de hacer eso es simplemente agarrar este rincón y traerlo adelante así. Y estamos consiguiendo los inicios de un barco de verdad aquí. Ahora, para que nos hagamos más personalizados con él, podemos ver que hay otras cosas pasando como aquí arriba es más como un cubo en la parte superior, tiene ventanas que están en el ángulo isométrico pero en cambio están siendo círculos o más como óvalos. Todas estas cosas puedes hacer usando las herramientas que utilizamos en algunas de las primeras lecciones. Entonces, siéntase libre de personalizar como le parezca conveniente pero vamos a seguir adelante a partir de aquí. 10. Herramientas: giro 3D: Entonces, la siguiente herramienta con la que vamos a jugar se llama la herramienta giratoria 3D. Imagina una rebanada de algo girando alrededor sí mismo para hacerlo tanto cilíndrico como simétrico. Te voy a mostrar cómo hacer eso usando un par de sencillos pasos. Vamos a hacer un faro y también un par de árboles. Entonces, voy a seguir adelante y encender mi boceto. Se puede ver que aquí tengo algunos árboles básicos. El modo en que me gusta diseñar estos es el uso de esta herramienta giratoria. Entonces, la forma en que esto realmente funciona es comenzar con un lado de un árbol por ejemplo, en este caso, sólo será un círculo perfecto para mantener las cosas simples. También queremos darle un baúl. Ahora, una vez que tengas algo como esto, adelante y duplicarlo para que tengas una copia del mismo. Entonces, ahora solo vamos a romper esto en un par de piezas, y la forma en que lo vamos a hacer es dibujar una forma que estés empezando por el medio y moviéndote hacia afuera. Entonces, solo para que veas lo que acabo de dibujar ahí, es algo así. Yo sólo voy a cortar todo así que estoy terminando con básicamente la mitad de este árbol. Entonces, agarra todo, ve a pathfinder, y divide. Elimina cualquier cosa que no necesites cuál es el otro lado del árbol y el fondo. Entonces, ahora lo que nos queda es un árbol sencillo que solo está usando la mitad de lo que acabamos de dibujar aquí. Adelante por el bien de la simplicidad, ve a pathfinder y fusiona, y ahora eso se convertirá en sólo dos formas lugar de lo que estás viendo aquí que es tres. Entonces, ahora una vez que aprieto ese botón, es una forma aquí y una forma aquí. Bastante simple. De acuerdo, entonces ahora tenemos esta rebanada. Voy a seguir adelante y copiarlo para tener una copia de seguridad de la misma. Sigamos adelante y entremos en efecto 3D y giremos. Una vez que empuje la vista previa, se puede ver lo que está pasando aquí, es que estamos consiguiendo una revolución de las formas, que estamos consiguiendo un cilindro encima de una clavija y tiene un look de piruleta o un árbol. Pero, en realidad podemos cambiar su ángulo dentro de esto también para ser izquierda isométrica. Entonces, es seguir las reglas de nuestro arte real y en este momento, tengo más opciones abiertas, lo que en realidad nos da la capacidad de jugar con su fuente de luz. Se puede ver que en realidad podemos cambiarlo. Entonces, tiene la fuente de luz que queremos que nuestro archivo está usando. Pero desafortunadamente, también es estar usando sombreado de plástico y tiene un aspecto no tan plano. Si solo fuera a ir a alambre-frame, puedo tratar de descifrar para hacer esto yo mismo o simplemente no puedo ningún sombreado en absoluto, pero entonces estoy atascado en no entender cómo algo tridimensional puede realmente tener reflejos específicos. Entonces, todo lo que voy a hacer es simplemente jugar alrededor del sombreado de plástico y sólo ver si puedo tener una mejor idea de cómo hacer que esto funcione en el archivo. Pero, en realidad voy a entrar en otra versión de esto más adelante. Entonces, ahora mismo, sólo voy a bajar los escalones. Entonces, puedes ver que aquí me estoy poniendo un poco más de simplicidad. Voy a usar esto como pauta para mi próximo objeto. Entonces, toma lo mismo que duplicaste, y entra en 3D giratorio. Pero esta vez, sigamos adelante y hagámoslo sin sombreado. Entonces, ahora tenemos exactamente lo mismo, pero es sencillo. No obstante, sí quiero tener este resaltado, pero también quiero que sea un poco más personalizable a nuestro estilo. Entonces, voy a seguir adelante y en realidad expandir todo esto, y voy a presionar el botón de fusión para que solo pueda hacer esto en dos formas simples. Ahora bien, la forma que estoy viendo aquí es bastante buena en cuanto a lo más destacado, pero es un poco incómoda. Entonces, lo que en realidad voy a hacer es, tratar de replicarlo con una nueva forma, y tratar de recrear lo que estamos viendo aquí, y entonces en realidad sólo voy a traer eso a la forma que creé. Ahora bien, si desagrupo esto, puedo usar esto como máscara de recorte, esta forma que estamos viendo aquí que es el círculo perfecto. Esto aquí mismo, se considera un punto culminante. Ahora, se puede ver que me fui por la borda en cuanto a ir más allá del perímetro, pero en realidad lo voy a recortar dentro de la misma forma que está detrás. Entonces, voy a tomar este círculo, copiar y pegar en su lugar, que es el comando C comando F, traerlo adelante todo el camino y agarrar esa forma, y ponerlo dentro de una máscara de recorte. Entonces, ahora lo que tenemos es algo que utiliza esa fuente de luz, pero está en más del estilo simplificado que estamos buscando. Entonces, voy a seguir adelante y agrupar esto, traerlo a nuestro expediente. Ya se puede ver que hay un par de temas que estamos tratando. Una, está desapareciendo en segundo plano, así que voy a seguir adelante y cambiar un par de colores aquí solo para que sea como lo queremos. Eso parece un poco más fácil de ver. Entonces, por último, voy a jugar con darle una sombra real. Una forma rápida y fácil de hacer eso es tomar la forma que acabas de crear, girarla de lado, unir todo para que sea básicamente una forma, y luego vamos a entrar en la misma herramienta que aprendimos en el muy comenzando lo cual es 3D rotar. En lugar de izquierda isométrica, en realidad vamos a hacer top isométrico. Entonces, esto permite que realmente esté en el ángulo de la cuadrícula isométrica. Lo vamos a alinear con el tocón de aquí, y simplemente empujarlo hacia atrás. Voy a seguir adelante y ampliarlo, fusionarlo, y eso parece un árbol con sombra y está usando todas las mismas reglas isométricas. Antes de pasar al resto de mi ilustración, voy a seguir adelante y alinear estos con mi boceto lo más cerca que pueda. Pero, también quiero tener en cuenta que necesitan pegarse a la grilla. Entonces, lo he agrupado, y sólo voy a seguir adelante y copiarlos un poco que se alineen relativamente cerca de lo que realmente esbozé. Pero obviamente, las matemáticas están un poco fuera y un poco incómodas porque ésta es un poco más alta que ésta en cuanto a este trabajo de línea que estamos viendo aquí. Queremos que vaya paralela a la carretera por ejemplo. Entonces, lo que en realidad voy a hacer es solo traer este para que esté justo al lado de la carretera, y traiga éste para que esté justo al lado de la carretera. Entonces éste seguirá el ejemplo si utilizamos el alineamiento de revestimiento de distribución. Entonces, solo voy a seguir adelante y agarrar a los tres. Ve a distribuir espaciado y sigue adelante y empuja horizontal. Eso lo hará, para que eso sea igual entre ambos de esos árboles en los bordes exteriores. Pero también si empujas vertical, entonces se levanta y sigue ese trabajo de línea. Entonces, ahora esta agrupación está realmente alineada con la cuadrícula. Ahora, para el gran final de esta ilustración, va a ser el faro, que está diseñado muy similar a cómo funciona este árbol. Técnicamente, es simétrico porque todos los lados son iguales. Pero también es un cilindro. Entonces, básicamente, lo vamos a crear de la misma manera. Entonces, lo que voy a hacer primero es realmente dibujar una versión plana de esto. Y la forma en que eso va a suceder es dibujando sólo algunas formas básicas y personalizándolas desde aquí. Entonces, esa es una forma realmente rápida de hacer este faro. Pero se vuelve un poco más complejo a la hora de girarlo. Entonces, como lo hicimos antes, sigamos adelante y solo hagamos una copia de seguridad de ello. Rompamos lo que realmente tenemos pasando en esta primera. Entonces, voy a seguir adelante y hacer una forma que se centre a su eje y la pondré detrás de él. Voy a agarrar todo y seguir adelante y sólo dividirlo usando una herramienta pathfinder. Como lo hicimos antes, solo voy a borrar lo que no necesitamos. Entonces, vamos a terminar con básicamente la mitad de nuestra ilustración. Está bien. Entonces, sigamos adelante y veamos cómo se ve esto usando la misma técnica que usamos en los árboles. Entonces, si vamos al 3D, giramos, y vamos a la izquierda isométrica, activamos la vista previa, obtenemos ese tipo de look. Ahora, sólo voy a seguir adelante y sólo echarle un vistazo por ahora y ver qué está pasando con cualquiera de estos alias. Entonces, lo que estamos obteniendo son algunas formas extrañas. Está un poco mal, pero es así porque probablemente está usando sombreado de plástico. Una forma de manejar esto es hacer un par de versiones con las que jugar. Entonces, por ahora, lo que voy a hacer es tomar uno de estos, ir a 3D, girar, y jugar alrededor con lo que se vería, sólo usando el sombreado de plástico, sólo usando el sombreado de plástico, y asegurarme de que mi fuente de luz esté realmente arriba a la izquierda. Técnicamente se ve bien, pero también queremos que sea el menor número de pasos posible a la hora de mezclar. Y ahora mismo, tenemos que simplificarlo. Entonces, voy a bajar a lo menos que pueda. Eso suena acerca de lo correcto o se ve bien. Entonces, aquí es donde las cosas se ponen un poco complicadas. No es perfecto, pero lo que podemos hacer es expandirlo y personalizar desde aquí. Entonces, seguí adelante y me amplié. Y voy a seguir adelante y empujar divide. Entonces, puedes ver cuando corté las cosas, cada pieza que está aquí es su propia pequeña forma. Pero también hay cosas que están pasando detrás de él. Entonces, también voy a empujar la fusión. Entonces, esto lo está simplificando lo más cerca posible usando ese sombreado de plástico con el menor número de pasos de mezcla posible, pero obviamente no está usando nuestro esquema de color. Entonces, esto realmente se reduce a sólo entrar en esta cosa que creaste y personalizar esos colores y formas tanto como puedas basándose en el estilo que eligiste. Entonces, lo que voy a seguir adelante y hacer es simplemente pasar por esto y limpiarlo, cambiar sus colores, y llevarlo a un lugar donde siento que realmente es nuestro estilo. Entonces, ahora creo que estoy en un buen lugar para realmente llevar esto a nuestra ilustración. Obviamente, es un poco más pequeño de lo que teníamos en mente. Entonces, voy a mencionarlo. Y un par de cosas pasando, definitivamente las está mezclando un poco con su fondo. Y también tiene que tener una sombra. Entonces, vamos a empezar realmente a hacer un par de pequeños cambios para asegurarnos de que coincida. También estoy notando que, como estoy haciendo estos cambios, hay algunas cosas extrañas que suceden desde el renderizado, como estas pequeñas piezas extra de aquí. Una forma de manejarlos es simplemente seleccionar estos elementos y seguir adelante y presionar el botón unir. Eso se deshará de algunos de ellos. Es posible que entonces necesites quitar manualmente las cosas aquí y allá. Pero solo ten en cuenta que una vez que usas esta técnica de sombreado plástico y 3D, que crea formas extrañas que no necesariamente quieres en el proceso. Pero si eres lo suficientemente diligente, puedes entrar y simplemente limpiar las cosas. Y ahí vamos. Tenemos un faro terminado. Está bien. Entonces, ahora que tengo todo ilustrado en mi archivo, solo voy a entrar y hacer un par de ajustes, algunos cambios de color, y solo hacer una vez más y tratar de pulir las cosas individualmente. Y después de eso, sólo voy a traer a Nathan y ver si tiene alguna otra nota extra antes de mostrarle esto a nuestro cliente. 11. Reunirlo todo: Entonces, después de echar un vistazo final a este archivo acabo de hacer un par de cambios y retoques solo para ver si puedo mejorarlo de alguna manera individualmente. Por ejemplo, el auto estaba todo azul y se mezclaba con su fondo. Entonces, seguí adelante y cambié eso por un auto blanco. El faro es ligeramente diferente, cambié la forma de su ligeramente y los colores, y luego también noto que la fachada de este edificio realmente necesitaba ser completada. Entonces, seguí adelante y cambié eso un poco y en realidad no le agregué un frente más detallado, pero creo que este es un buen punto para que Nathan salte y vea si hay algún cambio extra que realmente necesite hacerse. Entonces, parte de la razón por la que nos gusta trabajar juntos como equipo es, mientras uno de nosotros está trabajando en un proyecto de forma individual, podemos facturar con el otro pasar el archivo de ida y vuelta y mirar cualquier actualización. Entonces, creo que esto se ve muy bien y acabo de tener algunas reflexiones sobre cosas que podríamos ver agregar están cambiando. Una cosa que puede o no querer en su archivo es en áreas donde la sombra del faro se cruza con el primer árbol, obtienes esos dos colores mezclándose. Dos objetos mezclándose con el mismo color. Podría gustarte ese tipo de sensación de geometría implícita, porque se puede decir dónde está el borde del árbol, pero creo que en nuestro caso, si vamos por la limpieza podríamos ver hacer esas sombras un poco más corto solo para que podamos obtener buena definición en los árboles. Algo que he notado con trabajar con Nathan durante tanto tiempo es que, con ilustración como esta arpa sobre las matemáticas detrás de ella y Nathan tiene el lujo de poder dar un paso atrás y ver la estética detrás de ella. Entonces, algo así como ese faro a pesar de que técnicamente la sombra sería tan larga, estéticamente tendría más sentido para mí acortarlo. Sí. Entonces, Dan había mencionado antes en la clase esta es la batalla entre geometría y estética. Estas son las cosas que tratamos de mirar al final y ver qué va a quedar mejor para tu producto final un par de cosas más creo que podríamos incluir, solo viendo esto a través del alcance de tener un nivel de detalle similar a lo largo de la ilustración. Creo que podríamos agregar algún velorio o algún color diferente en el agua justo detrás del barco para dar la sensación de que se está moviendo. De igual manera, creo que este edificio sobre el rayo si añadimos algún tipo de camino o pasarela que conduce a la puerta, eso podría sumar algo de realismo y aun así algunos de esos vacíos un poco. Entonces, si quieres hacer esos cambios, podemos volver y echar un vistazo a cómo sería la ilustración pulida final. Entonces, ahora que hemos hecho los toques finales en este tipo de cosas pulidas hicieron algunas actualizaciones a los detalles y limpiar las cosas. Este suele ser el punto en el proyecto donde estamos listos para presentar las ilustraciones finales a nuestro cliente. Volviendo a nuestro ejemplo de los murales almanacales, en ese caso, nosotros en realidad, porque los murales iban a estar en un espacio físico nos tomamos el tiempo de hacer algunos simulacros de Photoshop, y básicamente mostrarles lo que es sería como tener el mural colocado en el espacio. Entonces, por ejemplo, esta es la cervecería ya que aún estaba en construcción, pero tomamos nuestra imagen final y la colocamos en Photoshop para que puedas tener una idea de ello. Como puedes ver, puedes conseguir un look bastante realista cuando coloques estas cosas en su lugar. Otra cosa que es útil es empezar a notar líneas de visión como aquí sabíamos con este mural que cualquier tipo de debajo de la altura de la mesa se iba a esconder. Entonces, no queríamos ningún elemento súper importante abajo, y si volverás al simulacro de Alameda arriba. Aquí, estábamos negociando las ventanas y la puerta. Entonces, de igual manera queríamos asegurarnos, uno, que estamos brindando una obra de arte terminada, porque usan esta imagen de otras maneras. Entonces, sí completamos esas áreas, solo queríamos asegurarnos de que nada súper importante aterrizara en esas ventanas. Entonces también puedes mirar alrededor de los bordes de formas como esa o quizás no estés usando esto para mural sino para cualquier tipo de composición, ver cómo se escapa de los bordes o cualquier tangente extraña que pudiera terminar siendo creada. Ese es nuestro último sistema de cheques para asegurarnos de que un archivo como este esté listo para enviarse. Entonces, a partir de ahí, trabajaremos con ese cliente, y en este punto porque ya hemos proporcionado el boceto y parte de nuestro proceso en el camino, no debería haber sorpresas, pero es cuando alguna última revisión de su fin entraría. En ese punto estamos listos para preparar el archivo para enviarlo a cualquier proveedor que lo necesite. Para este mural en particular fue un tratamiento de fondo de pantalla. Entonces, fue bastante sencillo simplemente enviar los archivos vectoriales a imprimir. Pudimos obtener muestras de los colores para asegurarnos de que se viera bien y el espacio y parte de nuestra elección de color aquí estaba haciendo coincidir el rojo en el archivo con la pintura roja que ya estaba en las paredes. Entonces, afortunadamente con la impresión física, pudimos hacer eso con el mural de San Francisco que era una bestia diferente porque en realidad esta estaba pintada a mano. Entonces, en este caso, tuvimos que dar contornos de toda la obra a los pintores. Rastrearon esos contornos en la pared y luego lo llenaron todo con pintura. Entonces, fue un proceso bastante laborioso para ellos pero pudimos configurar el archivo de tal manera que les resultara bastante fácil rastrear el trabajo y producir el resultado final. 12. Reflexiones finales: Entonces en este punto, has creado una manzana de ciudad. Si te sientes ambicioso, puedes ir aún más lejos de ahí y crear más bloques y crear toda la ciudad. Nos encantaría ver tu progreso y el proyecto final que creas. Entonces, por favor, compártelo a la galería del proyecto y esperamos verlo. Gracias por tomar nuestra clase. 13. Aprende más con DKNG: