¡IsomeTRUCOS! Métodos creativos para desarrollar ilustraciones isométricas atractivas

1. ¡IsomeTRUCOS!: Vamos a crear algo maravilloso. En esta clase, nos sumergiremos en el mundo de la Ilustración vectorial isométrica, donde aprenderemos exactamente qué es la ilustración isométrica, cómo acelerar tu flujo de trabajo, entender la iluminación y el color en tus ilustraciones, cómo duplicar fácilmente activos, y mucho más En esencia, no sólo te voy a enseñar ilustración isométrica, sino que voy a mostrarte tantas isométricas para ayudarte en el camino ¿Lo entiendes? Isometría Oigan, chicos, pero eso. Oigan, chicos, mi nombre es Kyler y Parson. Soy diseñadora gráfica, ilustradora y maestra de primer nivel aquí en compartir habilidades. He estado trabajando en Adobe Illustrator más de una década y he estado enseñando el programa por más de cuatro años a más de 19,000 estudiantes He trabajado con organizaciones de salud, clubes universitarios y pequeñas empresas para crear ilustraciones y branding. Creo en aprender a través del hacer. Entonces en este curso, tendrás acceso a todas las hojas de trabajo que uso para que puedas entrar en el programa inmediato y empezar a jugar Algunas de las hojas de trabajo serán imprimibles, para que puedas ensuciarte las manos Otros estarán en Adobe Illustrator, así podrás hacerte cargo de las herramientas y técnicas que enseñaré. La ilustración isométrica es un estilo de ilustración tan versátil que se puede utilizar tanto para proyectos a pequeña como a gran escala, desde iconos individuales hasta murales completos , patrones, marcas y Esta clase es perfecta para quienes tienen un conocimiento básico de Adobe Illustrator y saben cómo navegar por su espacio de trabajo. Pasaré por atajos de teclado, creando acciones, configurando estilos y mucho más. En serio, no hay barrera para tomar esta clase. Todo lo que necesitas es Adobe Illustrator y el deseo crear atractivas ilustraciones isométricas Al final de este curso, estarás bien equipado para completar tu proyecto de clase creando tu propia ilustración vectorial isométrica en Adobe Illustrator Entonces, si estás listo para aprender algunos trucos isomas, te veré en clase Vamos a ponernos en marcha. 2. ¡Te damos la bienvenida a la clase!: Bienvenidos a clase. Estoy muy emocionada adentrarme en el mundo de la Ilustración isométrica contigo, y quiero compartir contigo lo que cubriremos en el curso y qué materiales necesitarás para comenzar En este curso se dividirá en tres secciones del curso, comprensión y métodos básicos utilizando isometría en Adobe Illustrator y el flujo de trabajo de demostración e Ilustración Quizás se esté preguntando, ¿por qué no comenzar con la ilustración y demostración de inmediato? La razón es que el proceso de creación de ilustraciones isométricas no siempre es lineal, y salto mucho usando diferentes métodos en diferentes momentos, dependiendo de las necesidades que se deban hacer Es por eso que tener una comprensión fundamental antes de comenzar es un gran beneficio Y tal vez use algunos métodos determinados en una ilustración, pero no en otra. Entonces quiero que estés bien equipado para lo que decidas crear. No te preocupes. Porque no estamos en la fase de demostración no significa que no vamos a estar creando algo divertido. Cada lección tiene prácticas personalizadas para ponerte en marcha. He proporcionado hojas de trabajo para imprimir y otras para usar en el programa, para que puedas jugar y seguirme en el camino Puedes descargar los recursos del proyecto en el panel Proyecto. Hay un libro de trabajo en PDF imprimible, un archivo de Adobe Illustrator, así como plantillas de proyectos imprimibles y de Adobe Illustrator para que las uses A algunos nos gusta bosquejar nuestras ideas en papel. A otros les puede gustar saltar al programa y comenzar a crear. Sea cual sea la forma en que te vayas a trabajar, te tengo cubierto. Encima de todo eso, he proporcionado mi paquete de acciones Isométricas, Adobe Illustrator que puedes descargar para que tu proceso de creación sea mucho más rápido Este paquete de acciones está lleno de acciones útiles que te ayudarán en el camino, incluyendo las acciones del método SSR que traen incluyendo las acciones del método SSR que traen tus ilustraciones dentro y fuera de la perspectiva isométrica, acciones para mover, rotar y duplicar tus objetos a lo largo de planos isométricos, y mucho y mucho Entonces ve a descargar los recursos del proyecto en el panel Proyecto, y te veré en la siguiente clase. 3. ¿Qué es la ilustración isométrica?: Entonces, ¿qué es la ilustración isométrica? Bueno, la ilustración isométrica es simplemente una forma representar un objeto de tres D en un plano de dos D, como una hoja de papel o una pantalla En la ilustración isométrica, normalmente verás tres planos principales, el superior, el izquierdo y el ángulo derecho En realidad, las líneas horizontales se dibujan en un ángulo de 30 grados. La línea vertical en ángulos de 90 grados. Así podemos ver cómo crean las ilustraciones isométricas en papel Isométrico significa literalmente igual medida, cómo los tres ejes principales están igualmente espaciados en ángulos de 120 grados En realidad, a diferencia de la perspectiva de dos puntos, donde las líneas convergen en un punto de fuga, las líneas horizontales son completamente paralelas y Esto en realidad es muy útil, ya que puedes colocar un objeto en cualquier parte de la escena, y mantendrá su relación proporcional con todo lo demás, sin importar dónde se encuentre en la escena, lo cual es realmente genial. Entonces estos son algunos ejemplos de alguna ilustración isométrica, algunas formas isométricas, como se puede ver cómo dibujé un prisma triangular o algo así, o incluso una estrella Pero todas las líneas horizontales se dibujan en ángulos de 30 grados desde el grado cero, supongo. Entonces, una cosa que puedes hacer es tomar esta hoja isométrica y puedes practicar dibujar algunas de las formas isométricas por tu Puedes intentar delinear usando los cuadrados para crear un plano isométrico y luego dibujar una caja isométrica tratando de permanecer en esos Obviamente, se pueden dibujar círculos. Los círculos son un poco más difíciles. Dibuja un cuadrado y luego intenta encajar el círculo dentro, y ese es tu círculo. Entonces puedes dibujar tu horizontal e intentar rematarla en la parte inferior. Intenta volver a dibujar algunas de las formas si quieres practicar ilustrarte a ti mismo o cuando saltemos a Adobe Illustrator, podrás ilustrarlas con facilidad porque el programa hace gran parte del trabajo En la siguiente clase, hablaremos un poco sobre ortografía versus isométrica Al comprender la ortografía, comprenderá aún mejor cómo aprovechar la ilustración isométrica en Adobe Te veré ahí. 4. Ortografía vs. Isométrico: En esta clase, hablaremos visualización ortográfica La visualización ortográfica es un método para representar objetos tridimensionales utilizando múltiples vistas en D, que generalmente muestran las vistas superior, frontal y lateral de un objeto por separado Estas vistas te mostrarán la verdadera forma y dimensiones de cada cara sin ninguna distorsión de perspectiva. Entonces esto es útil para mapear el tamaño exacto de tus objetos. Entonces, ¿por qué la visualización ortográfica es valiosa para crear ilustraciones isométricas Bueno, en pocas palabras, te ayuda a entender las dimensiones y proporciones exactas de tu objeto antes transformarlo en isométrico Cada vista ortográfica se relaciona directamente con un plano en los dibujos isométricos, la vista superior, el plano superior, la vista frontal, el plano frontal, etc. Simplifica el proceso de descomponer formas complejas en componentes manejables Trabajar primero con vistas ortográficas ayuda a garantizar la precisión y consistencia en su ilustración isométrica final Al comenzar con vistas ortográficas y luego convertirlas a isométricas, crea un enfoque sistemático que reduce los errores y ayuda a mantener proporciones adecuadas lo largo de su ilustración En las siguientes clases, pasaremos por dos métodos para construir ilustraciones isométricas en Adobe Illustrator que llevarán objetos desde ortográficos hasta isométricos en Adobe Illustrator que llevarán objetos desde ortográficos hasta Mientras tanto, si quieres agarrar un objeto, puedes intentar practicar el dibujo de un objeto en vista ortográfica y luego intentar convertirlo en vista isométrica Entonces para practicar esto, en realidad puedes intentar dibujar algo en ortográfica y también en vista isométrica para simplemente hacerte una idea de cómo funciona, para entender por Entonces voy a hacer eso aquí con este portabloques. Es un poco de calendario para compartir habilidades. Es bastante genial. Pero voy a tratar de trazar los lados, las partes superiores, y el frente en ortografía, y luego también tratar de hacerlo en isométrico Entonces lo que puedo hacer es que en realidad puedo dibujar líneas paralelas y tratar de obtener la relación exacta entre la parte superior y la parte delantera. Entonces este es el frente. Esta es la cima. Ahora bien, si quiero obtener el lado exactamente del mismo ancho que la parte superior, todo lo que hago es dibujar un ángulo de 45 grados desde mi vista frontal. Dibujo líneas rectas desde esa vista y luego las convierto para que vayan 90 grados así. Entonces les dibujo ángulo de 45 grados, dibujo líneas horizontales, luego las dibujo verticalmente hacia abajo, y luego simplemente emparejo los dos extremos así. Entonces así es como se vería la vista lateral. La vista superior se vería así. Y así es como se vería la vista frontal. Ahora, quiero convertir eso a isométrico. Entonces todo lo que haría es mirar lo que veo aquí, tratar de tomar un plano y dibujarlo en isométrico, y luego tomar el segundo plano, sacarlo e isométrico, y luego hago el tercer plano, y luego hago el tercer plano, lo dibujaría a Entonces, el más fácil para empezar es este de aquí, el cuadrado. Entonces voy a dibujar ese aquí. Bastante simple. Simplemente dibuja a lo largo de las cajas, tal vez así, tres cuadrados de ancho. Bien. Ahora quiero dibujar el plano frontal. El plano frontal, dibujaré a lo largo de las líneas isométricas así, lo dibujaré, y luego voy a trazar una línea a través Pero esta tiene una brecha en ella, así que voy a dibujar esas líneas y dibujar así como así. Esta también tiene algo de ancho aquí, siguiendo las líneas isométricas, y esta es parte de la vista superior que obtendrías y ahora voy a dibujar tres y ahora solo voy a conectar así la parte delantera y la trasera y luego dibujaré mis líneas así Simplemente pegándose a esos tres ejes. Entonces, apegémonos a las líneas. Ahí vamos. Entonces convertí mi ilustración ortográfica a una versión isométrica de la misma Y entonces puedo sombrear ciertas secciones de la misma para darle esa forma tridimensional, y ahí vamos. Vamos a sombrear el plano frontal manera ligeramente diferente y el plano superior puede ser de color blanco puro. Así es como cambias de ortográfico a isométrico. Pero en Adobe Illustrator, todo este trabajo se va a hacer por ti. Te va a hacer la vida realmente fácil cuando lleguemos a ella. Pero comprender los principios detrás del cambio de isométrico y ortográfico te ayudará en el camino mientras creas tus ilustraciones isométricas Te veré en la siguiente clase. 5. El método de extrusión: Bien. Entonces ahora vamos a aprender sobre el método extruir que a veces me gusta usar Bien, vamos a meternos en ello. Extruir es simplemente extender un plano de dos D en la dirección Z. Entonces, si puedes averiguar cómo se verá la cara del objeto, puedes extruirlo en tres espacios D. Y para ello, usaremos el clásico efecto tres D en Adobe Illustrator. Simplemente vaya a efectos, tres D, clásico tres D, y luego extruir y beble Lo primero que tenemos que decidir es a qué cara vamos a aplicar nuestro efecto extruir Para ayudarte a decidir, tienes que pensar en la estructura del objeto en una forma tridimensional. ¿El anverso y el reverso son iguales o es diferente? Si no hay ningún cambio de la parte delantera a la posterior, el efecto de extrusión funcionará bien Pero si hay variación, puede que sea mejor construirla de una manera diferente. Así que saltando a nuestra hoja de trabajo aquí, tenemos la hoja de trabajo del método isométrico, y todo lo que tiene son algunas formas diferentes en las que puedes practicar y la vista ortográfica a isométrica Entonces, lo que puedes hacer es que realmente puedes mirar la vista ortográfica y ver qué plano vas a usar para extenderte o extruir al mundo isométrico tridimensional Para este, puedo ver que el plano lateral y el plano superior, tiene una variación de arriba a abajo. Tiene una especie de ángulo aquí, que no es consistente con el resto de la vista. Pero el plano delantero, es consistente de adelante hacia atrás. Entonces esa es una buena para usar. Entonces todo lo que tenemos que hacer es que tenemos que hacer clic en nuestro objeto, ir a efecto. Pasamos a tres D en materiales, tres D classic y bebl extruido Ahora, lo genial de esto está en el menú superior, realidad puedes seleccionar isométricos izquierda derecha arriba e abajo Voy a ir isométrico la izquierda porque coincide con especie de nuestro ejemplo ahí Y aquí abajo, se puede ver la profundidad de extrusión. A lo mejor vamos a ir 75. Y si no ves estas opciones aquí abajo para iluminación, harás clic en este botón Más opciones. Y aquí solo puedes decidir dónde quieres que esté tu fuente de luz. Lo que me gusta considerar al hacer una isometría es que los tres planos están variando en luz Entonces el plano superior será más ligero que el plano lateral, un poco menos ligero, y luego habrá un área de sombra. Vamos a convertir todos estos en formas vectoriales después, pero apenas estamos comenzando con este efecto para conseguir que los planos isométricos, construidos Eso me queda bien, y voy a golpear Bien. Y ahora lo que voy a hacer es que voy a expandir la apariencia, y esto la convierte trayectorias realmente vectoriales con las que puedo jugar. Puedo ajustar los colores, los trazos, y todo ahora. Se agrupa en muchos grupos. Entonces, lo que me gusta hacer es simplemente sostener Control o Comando Mayús G y simplemente golpear G algunas veces para desagruparlo Y eso me permitirá seleccionar cada objeto individualmente. Ahora, lo que puedo hacer es seleccionar individualmente, y tal vez pueda cambiar el color a un azul más claro. Éste al azul más oscuro, algo así, puedo seleccionarlos todos y les puedo dar un trazo a todos y luego solo le voy a dar esquinas redondeadas y suaviza todo. Así es como creamos eso. Ahora, puedes seguir adelante y puedes intentar extruir todos estos. Ahora bien, para esta, en vez de ir a la izquierda o a la derecha, voy a hacer lo de arriba. Voy, de nuevo, tres D, clásico tres D, extruir y biselar Voy a seleccionar top isométrico y va así. No lo quiero tan grande, tal vez 25, golpea Bien, y luego voy a objetar expandir. Ahora son cosas individuales. Voy a desagruparlo varias veces. Ahora puedo seleccionar cada uno individual y tal vez cambiarlo ligeramente y oscurecer eso y seleccionar todo y darle un trazo Y luego también igual que hice con el otro a la vuelta la esquina, suavizar todo. Ahora, muy rápido, hicimos objeto isométrico tres D en cuestión de segundos. En una clase posterior, te voy a mostrar cómo automatizar este proceso para que incluso puedas ser más rápido con este proceso de creación. Por supuesto, también podrías consultar el efecto tres D actualizado en Adobe Illustrator. Pero para esta clase, encuentro que el básico tres D hace el truco sin complicar demasiado las cosas con los ajustes avanzados de iluminación y materiales Pero definitivamente siéntete libre de jugar con el avanzado efecto tres D en Adobe Illustrator y ver qué puedes crear. Así que adelante, juega, intenta crear todos estos en vista isométrica, y te veré en la siguiente clase 6. La RSS Método: En esta clase, veremos cómo pasar de ortográfico a isométrico en Adobe Illustrator usando algo llamado método SSR El método SSR simplemente significa escalar, sesgar y rotar. Estos son los tres pasos necesarios para transformar una cara ortográfica en un plano isométrico en Adobe Illustrator Cada cara es un poco diferente, por lo que tendremos que modificar ligeramente el método SSR para cada una He enumerado los pasos en la hoja de trabajo de SSR para su referencia Dos números principales a conocer, escala a 86.602 y sesgar y rotar a 30 grados, positivos o negativos Si vas a la izquierda, ve a 30 grados negativos. Si vas a la derecha, ve positivo 30 grados. Para el avión superior, tendrás que decidir a qué dirección enfrentará. Tu sesgo y rotación serán opuestos. Usa el punto inferior de tu cara superior como referencia. Si quieres que apunte a la izquierda, girarás 30 grados negativos, lo que significa que lo obligarás positivo 30 grados, el caso contrario, si quieres apuntar a la derecha Ahora, a veces es posible que desee que la cara de su objeto se vea de frente. Es posible que muchas personas no hagan esto en vistas isométricas, pero si estás haciendo una escena con varios elementos, tal vez quieras esto Entonces, dado que efectivamente estás mirando hacia abajo a un objeto, la vista superior y frontal tienen una ligera distorsión en la escala. Ahora, seguí adelante y me di cuenta del valor exacto de la escala necesario para poner los objetos en perspectiva isométrica al frente Para un plano superior, escala verticalmente, 57.735%. Para planos frontales, escala verticalmente, 81.649 3%. Realmente no hay mejor manera de trabajar, ya sea el método de extrusión o el método SSR Si solo estás trabajando con una sola cara o necesitas construir objetos más complejos usando el método SSR podría ser mejor Para cosas simples, el método de extrusión funciona bien. Todo depende de cómo quieras trabajar. En la siguiente clase, te mostraré cómo crear acciones de ahorro de tiempo para acelerar tus ilustraciones isométricas en Adobe Illustrator Ahora bien, si no quieres hacer el tuyo, no hay problema. Los hice para ti, descárgalos en los recursos del proyecto, y puedes ponerte en marcha. Siéntete libre de saltarte si quieres, o si quieres una mejor comprensión de cómo funcionan o cómo hacerlas tú mismo, o cómo hacer tus propias acciones en Adobe Illustrator. Te veré en la siguiente lección. 7. Crear un S.S.R. Acción: En esta clase, aprenderemos a crear acciones isométricas para acelerar inmensamente tu flujo Vamos a meternos en ello. Las acciones ahorran mucho tiempo, especialmente si estás haciendo tareas repetitivas que tienen más de un paso, aunque sea solo un paso Si tienes que entrar en un panel y encontrar lo que estás buscando y luego ingresar el valor, podría ser algo para lo que puedas hacer una acción. Entonces, veamos cómo podemos crear tu propia acción de SSR Primero, abre el panel de acciones yendo a las acciones de Windows. Para la primera acción, vamos a crear un plano orientado a la izquierda. Selecciona tu objeto, al que quieres aplicar la transformación. En el panel de acciones, selecciona el botón más para comenzar a grabar una nueva acción. Puede ingresar el nombre de la acción y seleccionar un color que se utilizará para el modo de botón en el panel de acción. A partir de aquí, cada paso que des quedará grabado. Así que solo pasa por el proceso. Haga doble clic en la opción de escala y escale verticalmente 86.602. Golpea Bien. Ir a la herramienta de sesgo. Haga doble clic e ingrese 30 grados negativos y presione Bien. Ve a la herramienta de ciclo y golpea 30 grados negativos. Golpea Bien. Ve al panel de acción y detiene la grabación golpeando el cuadrado. Ahora, tu nueva acción está lista. Ahora, simplemente selecciona un objeto y pulsa Reproducir. Si vas al menú desplegable, puedes seleccionar un modo de botón y tener un acceso más fácil a tus acciones. Si tienes un montón de acciones ahí, puedes eliminarlas, pero solo asegúrate de guardar tus acciones isométricas que quieres tener, si creaste las tuyas propias en algún lugar donde puedas acceder a ellas. Después borra las acciones en el panel de acciones, carga las tuyas propias. Y por supuesto, puedes crear todas las acciones tú mismo. Pero, ¿por qué hacerlo tú mismo si puedes tenerlo hecho por ti? Seguí adelante y creé una descarga gratuita de estas acciones en mi sitio web o aquí en Skillshare Simplemente vaya al enlace en el panel Proyecto y descárguelo y luego cargue el paquete de acción. Cuenta con otros botones útiles que te mostraré en clases posteriores. Todo bien. Te veré en la siguiente clase. 8. Crear una acción de extrusión: Bien. En esta clase, vamos a repasar cómo crear tu propia acción de método de extrusión Antes de comenzar a crear tu acción, primero necesitamos crear un estilo gráfico con nuestro efecto adjunto a él. Los efectos en sí mismos tienen variables que no siempre se pueden automatizar. Por esta razón, podemos eludir eso mediante el uso de estilos gráficos. Creamos un estilo gráfico con el efecto aplicado con todos los atributos que queremos y usamos en nuestra acción. Y hay otras ciertas opciones de elementos de menú que el panel de acción no graba automáticamente, y tendremos que agregarlas manualmente. Solo ten en cuenta que si quieres usar esta acción, tendrás que incorporar tu estilo gráfico a tu archivo antes de que funcionen. Si no tienes tu estilo gráfico, la acción se extenderá e intentará encontrarla, y no la puede encontrar, así que dejará de ejecutarse y no funcionará correctamente. Entonces veamos cómo podemos hacerlo. Para esta acción, quiero crear una extrusión de tres D a 200 píxeles de la cara izquierda que se expande y nos deja con formas vectoriales comestibles Antes de crear nuestra acción, primero vamos a crear nuestro estilo gráfico. Voy a crear un cuadrado y después entraré en mi panel de efectos, efecto tres D. Clásico tres D y seleccione Extruden Bisel. Se puede escribir el valor 200 píxeles, cambiar la vista a isométrica izquierda También cambiaría la iluminación de una manera que cada cara sea diferente. También cambiaría el cuadrado para tener un relleno blanco y sin trazo. Después entraré en mi panel Estilos gráficos y presionaré el botón más para crear un nuevo estilo gráfico a partir de nuestro efecto. Ahora que nuestro estilo gráfico está configurado, vamos a crear nuestra acción. Entonces abre el panel de acciones yendo a las acciones de Ventana. Seleccione el objeto al que desea aplicar la transformación. En el panel de acciones, selecciona el botón Más para comenzar a grabar una nueva acción. Puede ingresar el nombre de la acción y seleccionar un color para ser usado como modo de botón. A partir de aquí, cada paso que des quedará grabado. Ahora, selecciona tus estilos gráficos el panel de estilo gráfico. Entonces vamos a querer expandir la apariencia, ir a Objeto, Expandir Apariencia. Ahora bien, si nos fijamos en nuestro panel de acciones, se puede ver que no registró la apariencia expandida. Esto es algo que tendremos que añadir manualmente. Entonces para hacer eso, solo tienes que subir al menú superior Burger del panel de acciones y seleccionar Agregar elemento de menú. Puedes buscar escribiendo o puedes abrir el menú y seleccionar la opción que quieras. Entonces vamos a querer desagrupar el objeto al menos una vez Al hacer clic con el botón derecho y luego desagrupar. O puedes hacer Control o Comando Mayús G. Luego ve al panel de acciones y deja de grabar golpeando el cuadrado. Ahora puedes seleccionar tu objeto y presionar Reproducir. Entonces puedes hacer doble clic en el grupo y seleccionar cada parte individual. Si no está completamente desagrupado, agrupe en otro momento y luego puede seleccionar sus objetos Ahora puedes recolorarlo y refinarlo como mejor te parezca. En la siguiente clase, usaremos nuestras acciones para crear objetos isométricos simples. Te veré ahí. 9. ¡Más acciones para ahorrar tiempo!: En esta clase, solo quiero pasar por un par de acciones más de ahorro de tiempo que puedas pensar y usar en tu flujo de trabajo. Así que vamos a saltar de inmediato. Entonces estoy bajo los botones isométricos para ahorrar tiempo aquí, y solo voy a pasar y mostrarte un par de opciones diferentes que quizás puedas usar en tu Estas son solo cosas que me han ayudado y si, son bastante geniales. Entonces el primero es simplemente rotar un objeto isométrico a lo largo los planos isométricos y convertirlo de uno a otro He creado una acción por aquí. Se llama mi acción de izquierda a arriba y de arriba a derecha. Y todo lo que es es solo reflexionar en un ángulo específico. Y esta parte superior a izquierda, si le pulsas play en ella, simplemente la convierte la gira hacia el lado izquierdo. Para arriba a derecha, lo gira hacia el lado derecho. Entonces no tengo que entrar en mi panel de rotar o reflejar y girarlo. Automáticamente lo hace por mí. Entonces ese es uno realmente genial. Otro es el reflejo a 90 grados. Entonces este solo me permite saltar rápidamente de un lado a otro entre dos lados, el izquierdo y el derecho. Entonces si tomo este y si voy a reflexionar 90 grados, solo le pego play y ahí tienes. Y eso lo puedo hacer a la inversa, ida y vuelta, de un lado a otro. Y funciona muy bien. Otro que uso con bastante frecuencia es mi reflejo y giro. En cierto modo refleja y gira el objeto, por lo que va entre las tres perspectivas, pero le da un pequeño giro. Entonces obtienes la iluminación la iluminación cambia un poco, y puedes ver que es un reflejo a 90 grados y reflejar a 30 grados después de eso. Entonces, si le pego play en eso, se ve bastante genial así. Y luego boom, boom, y lo consigo en ese ángulo, y luego vuelve. Así puedo saltar alrededor y puedo ir entre reflexionar y luego reflejar 90 grados, y luego vuelvo a la reflexión y giro, y me va a dar diferentes ángulos que pueda usar. Entonces otro de aquí es que puedes configurar un movimiento de mover tu objeto a través de un plano isométrico, que está a cero grados o 90 grados y a 3,150 Pero también puedes crear eso en un botón. Pero como lo haría es que puedo seleccionar mi objeto, subir a objeto, transformarme y moverme. Entonces aquí, en realidad puedes poner la distancia en, ya sabes, 100 píxeles, y luego puedes cambiar el ángulo a 30 grados negativos, y se mueve hacia abajo 30 grados, exactamente a lo largo del plano isométrico Y entonces si quisieras, ya sabes, 150 grados, irías por el camino opuesto o negativo 150 para bajar hacia ese camino. Lo que puedes hacer es que realmente puedes presionar Copiar y crea un duplicado y luego si golpeas Control D, puedes duplicarlo a lo largo de ese plano, y puedes hacer muchos duplicados así Ya lo configuré como una acción. Todo lo que tengo que ver con mi objeto aquí en el medio, vamos a moverlo y hacer uno nuevo. Puedo irme voy a convertirlo en modo botón, así que es más rápido y más fácil trabajar con él. Modo botón, y ahora tengo mis 100 pixeles superiores, y luego puedo duplicarlo de nuevo. O si lo quisiera bien, 100 pixeles. Lo siento, ese fue el extruido. Eso no es lo que quería. Escribir 100 píxeles y duplicar, entonces si quería dejar 100 píxeles y duplicar. Esos son solo botones para ahorrar tiempo que puedes crear en Adobe Illustrator y ya están incluidos en mi paquete de acciones isométricas Para que puedas jugar con él, divertirte un poco con él, y te veré en la siguiente clase. 10. Práctica: construye un banco: En esta clase, vamos a pasar por un ejercicio de práctica rápida para utilizar el método de extrusión Y si quieres probar el método SSR en este, te sientes libre, dependiendo de lo que quieras hacer Sí, diviértete con él. Bien, vamos a saltar. Entonces la práctica es la hoja de práctica del método de extrusión aquí, y la práctica es, construyamos un banco La forma en que veo esto es que estoy tratando ponerlo primero en una cara ortográfica y luego lo voy a extruir Y también puedo separar la materia en diferentes secciones y hacer una sección extruida, y luego una segunda sección extruida. Entonces vamos a ver cómo podemos hacer eso. Lo que vas a hacer es que vas a mirar tu objeto y vas a ver qué avión va de adelante hacia atrás sin ninguna variación. Significa que la parte trasera es la misma que la delantera, y puedo extruirla. ¿Bien? Entonces si miro este banco, éste de aquí, es un cuadrado en este extremo, y si lo extruyo, en realidad, hay un hueco en el medio Entonces no es consistente. Pero si voy en la parte superior, igual. Hay un hueco debajo. Pero si voy del lado derecho aquí, en realidad, es lo mismo yendo todo el camino de adelante hacia atrás. Entonces ese es el plano que usaría como mi cara de extrusión, y entonces todo lo demás se acumulará sobre sí mismo Entonces veamos cómo puedo hacer eso. Así que sólo voy a hacer de un lado aquí por ahora. Y ese es el banco superior, y luego crearé un segundo para la etapa, y solo lo duplicaré. Lo siento, es blanco. Yo sólo voy a cambiar el color aquí a otra cosa. Hagámoslo azul, ¿de acuerdo? Bien. Sólo voy a fusionar esos juntos en una sola forma. Ya he creado una acción en Adobe Illustrator que me permite extruir algo hacia el lado derecho, así que voy a hacer eso Entonces voy a usar mi extruir 100 a la derecha, y ahí vamos Ahora, es un poco más grande, más ancho de lo que quiero que sea. Pero lo bueno de esto es que mi función de extrusión solo expande 100 píxeles Entonces, si acabo de revertir de ese deshacer, deshacer, deshacer, y si expando mi forma más grande, los 100 píxeles no la afectarán tanto, vamos a expandirnos. Ahora es un poco demasiado. Vamos a deshacer, deshacer, deshacer y hacerlo un poco más pequeño y deshacer. Ahora, eso se ve como el banco. Ahora lo que puedo hacer es simplemente sumergirme en él, y luego puedo cambiar los colores. Vamos a traer nuestras muestras de color y elegir algunos colores para nuestro banco Muy rápido, hicimos un banco. Ahora, lo que podemos hacer es que tengamos una banqueta. Ya hice unos cuantos aquí abajo. Ahora, hagamos otro banquillo un poco más complicado. Ahora, este banco tiene múltiples listones en él para el respaldo y el banco Entonces cuando pienso en eso, los listones, son todos un rectángulo extruido muy largo así Así puedo hacer eso en adobe illustrator. Puedo hacer una tablilla. duplicarlo, duplicarlo otra vez. Y esas son las tres lamas, es el respaldo. Y puedo simplemente sesgar eso un poco. Así como el respaldo y puedo hacer el banquillo también, duplicar eso y así así . Voy a tenerlos separados de las piernas. Es porque las patas no están extruidas a la misma profundidad que las lamas de banco Voy a extruir primero esto y después voy a hacer los listones de banco Pero voy a hacerlo un poco por separado. Agrupemos eso y construyamos las patas traseras y esas cosas. Voy a hacer algo así. Y luego usaré mi herramienta Generador de Hojas para simplemente romperlo así. Y haré que el respaldo del banco descanse y vuelva a usar mi herramienta de sesgo o mi herramienta de cizalla y la cortaré Eso me gusta y un poco demasiado esquileo ahí, y tratar de igualar ahí arriba. Voy a ir con eso y voy a simplemente fusionar esas dos formas juntas. Bien, entonces tenemos las piernas y la espalda. Este es nuestro avión lateral. Ahora lo que podemos hacer con esto, podemos extruirlo para hacer todo el ancho del banco Llevemos a nuestro grupo aquí, asegurémonos de que esté agrupado o lo contrario no funcionará de la misma manera. Vamos a entrar en nuestro panel aquí, extruir, vamos a hacer la izquierda esta vez Ahora ese no es un banquillo muy grande. Eso es sólo un asiento, así que vamos a deshacer eso. Lo que puedo hacer es reducirlo para que 100 píxeles lo afecten mucho más. Ahí vas un poco más y lo encoge. Extruir a la izquierda. Ahí vamos. Ese es nuestro banquillo. Eso se ve genial. Ahora para las patas de banqueta, ésta, intentemos extruirlas a la izquierda Ahora eso es demasiado grande para lo que necesitamos. Voy a deshacer eso. Voy a aumentar el tamaño sustancialmente y agregar eso. Ahora eso me parece más una pierna. Ahora todo lo que puedo hacer ya que solo voy a reagrupar a todos esos y traerlo encima y reducir esto hasta que coincida con el tamaño que queríamos Sólo voy a duplicar eso lo largo de nuestro eje sobre el borde. Y ahí vamos. Ahora, sólo voy a agruparlo todo. Voy a hacer doble clic en él. Voy a usar Y en mi teclado para seleccionar mi herramienta mágica Wan. Voy a hacer doble clic en él y luego solo reducir la tolerancia porque son colores similares ahí dentro. Entonces voy a reducir la tolerancia 20-3 o algo así Cuando selecciono, sólo va a seleccionar los mismos colores, así que voy a cambiarlo a otra cosa. Todo bien. Acabamos de hacer nuestro banco muy fácil, muy rápido. Podemos entrar ahí si quisiéramos ajustar el tamaño del banco un poco más podríamos. Se ve un poco pequeño y ahí vamos. Pero si, honestamente, ese es un banquillo bastante bueno en solo cuestión de un par de minutos o menos incluso. Y hay algunos ejemplos de otros bancos que yo creé aquí abajo y simplemente pasar por, no tienes que crear esto y no tienes que crear un banquillo Puedes crear lo que quieras. Pero solo practica usando ese método de extrusión, averiguar los planos y cómo puedes dividir el objeto en diferentes secciones, luego construirlos de nuevo Usa la herramienta de varita mágica para seleccionar los colores y cambiarlos rápidamente para que se adapten a tu estilo. ¿Todo bien? Te veré en la siguiente clase. No. 11. Pensar en el color: En esta clase, simplemente repasaremos creando tu propia paleta de colores isométricos y algo así como cómo pienso al respecto y algunas cosas en las que puedes pensar Vamos a campeón. Entonces tengo el panel de paleta de colores isométricos por aquí, y este, solo quería explicarme sobre las cosas, y luego puedes tomar tus decisiones medida que creas tu ilustración, a medida que creas tu ilustración, pero es algo en lo que pensar antes de entrar en tu ilustración porque va a hacer las cosas un poco más fáciles que tienes si tomaste esta decisión temprano, tienes el poder cambiar los colores después del hecho. Pero si tienes tantos colores, pero quieres condensarlos, es un poco más difícil Entonces, decidirse a hacer una paleta de colores simple o una paleta de colores específica temprano, sí ayuda. Entonces en la hoja de paleta de colores isométricos aquí, podemos ver que hay un par de objetos diferentes Así es como me gusta configurar mis ilustraciones isométricas de cualquiera de dos maneras O es muy simple o, ya sabes, un poco más complejo, muchos colores, pero el sombreado es un poco más sencillo, también Así que vamos a entrar aquí. Entonces, para mis formas básicas, puedes ver, elijo un color de resaltado, un color de tono medio, un color de sombra y un color de trazo y sombra. Entonces el color de trazo y sombra será el más oscuro, y serán tus sombras proyectadas El la sombra solo será la sombra de tu objeto, y luego así sucesivamente el medio tono y el resaltado Lo que me gusta hacer es que me gusta tener un trazo alrededor de mis objetos en mis ilustraciones isométricas Ahora bien, todo esto es preferencia personal, pero me gusta hacer esto solo para mantener las cosas limpias, y divide cada uno de los planos Entonces es visualmente diferente y simplemente me gusta el estilo, pero si no quieres tenerlo, no lo necesitas. Te lo mostraré más tarde. Puedes tener una paleta de colores isométricos simple o puedes ir un poco más complicado y tener colores más naturales Todo tiene su propio color natural. Ahora bien, ya sea que quieras hacer un trazo o no, ya sabes, definitivamente es tu elección. A mí me gusta el estilo con el trazo personalmente, pero definitivamente puedes ir sin un trazo. Tiene más de una vibra más limpia, más geométrica. Y puedes obtener algunos resultados realmente geniales con él. Solo ten en cuenta que vas a tener que pensar un poco más en el sombreado de los objetos porque no tienes los bordes para definir dónde un borde se encuentra con el otro excepto con los colores y los cambios del plano Entonces tal vez tengas que agregarle un poco más de sombreado o algo así. Si quisieras hacer iluminación y sombras. Se puede pensar en una fuente de luz. Puedes pensar en cómo se va a proyectar sobre tu objeto y cómo se va a lanzar al suelo, e intentar tomar esta decisión temprano para que puedas decidir dónde va a afectar tu sombreado en tu ilustración, porque no quieres tenerla que, ya sabes, una cosa está encendida por un lado, pero otra está iluminada desde un lado completamente diferente, proyectar sobre tu objeto y cómo se va a lanzar al suelo, e intentar tomar esta decisión temprano para que puedas decidir dónde va a afectar tu sombreado en tu ilustración, porque no quieres tenerla que, ya sabes, una cosa está encendida por un lado, pero otra está iluminada desde un lado completamente diferente, y entonces no coincide. Podría hacer algo más sencillo y no hacer ningún sombreado, tener tus objetos y tener un poco más de detalle en ellos, y luego hacer una simple sombra, igual que estos dos objetos Todo lo que hice fue hacer una sombra de caso. Y lo que realmente hace una sombra proyectada en una ilustración, como una bonita ilustración ométrica, es rectificarla al plano de tierra. Y realmente ayuda agregar un poco de profundidad, aunque sea algo tan simple como un simple círculo. Pero no hagas una sombra inconsistente como estas yendo en todas estas direcciones diferentes, muévalas a donde deberían ir y hará que tu pieza se vea un poco más consistente y un poco más atractiva. En la siguiente clase, pasaremos por la práctica sobre cómo construir tu paleta de colores isométricos. Te veré ahí. 12. Práctica: construye tu paleta de colores: Oigan, chicos, en esta clase, configuraremos nuestra propia paleta de colores personalizada para nuestra ilustración. Vamos a saltar. Entonces estoy en la hoja de paleta de colores asimétricos , la hoja de trabajo de práctica. Y lo que vamos a hacer es que vamos a crear nuestra paleta de colores ya tengo una puesta aquí, pero siéntete libre de cambiarla. Está agrupado. Entonces lo que puedes hacer es saltar dentro de él. Puedes presionar Y en tu teclado. Haga doble clic y cambie la tolerancia si está seleccionando más de uno y solo seleccione eso, y luego puede ingresar a su menú de colores y puede cambiar sus colores a lo que quiera. Vamos a cambiarlo a un color más meñique. Y a lo mejor este será de color rosa más oscuro. Este será probablemente rojo magenta y el más oscuro, vamos aún más oscuro, Borgoña, así Entonces también vamos a hacer eso con el trazo. Sólo voy a seleccionar todos esos, ir a mi trazo. Ahora voy a golpear el cuentagotas y con mi trazo en la parte superior, voy a darle a Shift solo para que muestree el color y se aplicará al trazo Voy a aplicar eso a mi ictus y ahí vamos. Esa es una pequeña paleta de colores genial ahí. Lo que podrías hacer es crear diversas formas de paletas de colores Puedes hacer una sección roja, una sección verde, una sección azul, todo con estos resaltan sombra de tono medio y trazo más sombra para que puedas tener múltiples opciones en tu ilustración Si no quieres que algo sea monocromático, puedes cambiarlo. Pero al menos tienes un punto de partida para qué colores vas a usar, qué trazo vas a usar para áreas específicas. Voy a seleccionar en estos y solo voy a construir en mis colores aquí. Bueno. Y luego tengo un azul, y luego tal vez quiera cambiar este a un verde, así seleccionaré un verde claro. Ahora, puedo decidir dónde está mi fuente de luz, así puedo hacer arriba, bajo, ya sabes, alto, recto. Pero va a ser consistente para ambos objetos. Entonces, técnicamente, será así y será así. Dependiendo de tu objeto, siempre va a ir de la misma manera. A menos que estés tratando de conseguir esa iluminación donde en realidad es dramática y vas a tener una fuente de luz, pero va a afectar a la ilustración. Um, desde el punto único, o vas a tener un flujo consistente lo largo de toda la ilustración. Esa va a ser tu decisión. Este es mi objeto principal, y voy a decir que mi fuente de luz debería ser de esta parte superior. Entonces, lo que voy a hacer voy a presionar A en mi teclado para poder usar mi herramienta de selección directa. Voy a hacer clic en la parte superior, luego mi cuentagotas y voy a hacer clic, tal vez voy a hacer el verde para este, y voy a presionar Control o Comando volver a cambiar a mi herramienta de selección directa, seleccionar la siguiente Lado verde, va a estar adentro, y entonces esta será mi comezón más oscura, así Entonces esto también coincidirá con esa. Este coincidirá con mi lado, y este coincidirá con mi top. Ahí vamos. Ahora voy a darle un trazo a todo. Sostener turno o mantener turno y golpear mi trazo así como así. Y ahí está esa. Ahora, con cilindros, selecciónelo y dale mi sombreado. Yo haré el rosa para éste. Ahora le voy a dar un trazo, llevar mi trazo al frente, mantener el turno, mi color de trazo. Y ahora, aquí no tiene ningún sombreado, pero lo que puedo hacer es hacer una caja que pase a ese lado, voy a dar el relleno de mi tercera o sí, mi tercera opción aquí Voy a cortarlo. Control o Comando X. Voy a dar click en mi sección inferior, asegurarme de que sea el único seleccionado. Ve a mi panel lateral aquí y dibuja adentro. Eso será desplazado D. Tienes cambiar D dos veces para llegar a dibujar dentro, y verás esta una cajita alrededor de tu objeto. Ahora, si puedo controlar Shift V o Command Shift V en una Mac, lo pegará justo encima en su lugar dentro de mi objeto. Y ahora, si quisiera, hacer doble clic en ella, puedo mover esa sombra donde me parezca tal vez sobre esa zona, así. Entonces esa es una forma en la que puedes sombrear tus objetos en Adobe Illustrator, y también puedes pensar en poner una sombra. Ahora bien, lo bueno de usar los trazos es que solo puedo obtener mi trazo y luego ponerlo tanto en mi relleno como en mi trazo, usar mi herramienta pluma, y luego simplemente puedo crear mi sombra, sin embargo, creo que podría ser y simplemente llevarla al fondo de mi objeto, así como así. No estoy muy seguro exactamente cómo podría aterrizar, pero digamos por nuestro bien, así es como podría parecer, y lo mismo con este. Y entonces tal vez un poco tenga un top redondo así. Para éste, tengo que darle mi sombra. Ahora bien, por qué uso un trazo y un relleno es porque si solo aplico un simple esquinas redondeadas picos redondeados sobre él. Se ve que me topé y hace una transición perfecta alrededor de todo mi objeto, muy consistente, muy fácil, muy limpio Pero si no tuve ningún trazo en él, sigue funcionando. Simplemente me gusta un poco mejor el estilo del trazo para mi ilustración asimétrica, así que la voy a usar. Si no quieres usar trazo, no hay problema. Destaca todo. Ve por aquí. Sin trazos. Y si, se ve igual de bien, un estilo diferente. Sólo un estilo diferente. Elige lo que quieres usar para tu diseño, ¿verdad? Eso es construir nuestra paleta de colores y Adobe Illustrator. En la siguiente clase repasaremos cómo podemos manipular nuestros objetos y nuestras ilustraciones para mover las cosas correctamente en perspectiva isométrica Te veré ahí. 13. Crear cables isométricos: Oigan, chicos, en esta clase vamos a aprender a crear tuberías y alambres en perspectiva isométrica Así que vamos a saltar a la derecha en él. Tengo que crear hoja de trabajo de alambres y tuberías abierta aquí. Y como puedes ver, hay algunos cables fríos, ya sabes, salidas en perspectiva isométrica Un montón de cosas geniales. Aprendamos a hacer eso. Entonces lo primero que podemos hacer es tenemos que entender qué es un cable. Un cable es básicamente un tubo. Ya sabes, a lo largo de todo el asunto, es un círculo. Y no importa en qué perspectiva estés, ya sabes, un círculo siempre será un círculo. Tendrá el mismo ancho, ¿verdad? Entonces significa que si queremos hacer un tubo, simplemente podemos hacerlo plano y luego llevarlo a perspectiva isométrica, y luego podemos delinear eso más adelante Con una farola, creé usando un trazo. Sólo voy a disminuir un poco eso. Ahora, es un trazo en este momento, y lo que voy a hacer es que lo voy a duplicar solo para que tengamos un punto de partida. Y voy a usar mi método SSR. Voy a darle la vuelta a la derecha. Entonces el ángulo recto. Y ahora se puede ver que creó la perspectiva isométrica del tubo en sí, lo cual es realmente genial Ahora, sigue siendo un derrame cerebral. Entonces lo que voy a hacer es que voy a expandir el trazo para que el trazo se convierta en un relleno, y ahora le puedo aplicar un trazo. Así que sólo voy a entrar en mi apoplejía. Voy a darle un color de algo, y un trazo de punto está bien para mí. Ahora bien, eso es genial, pero lo único con lo que tienes que lidiar cuando estás creando tubos y tuberías o cables son realmente las tapas finales, ¿de acuerdo? Entonces, lo que puedes hacer es hacer tapas de extremo personalizadas, y luego puedes simplemente colocarlas en los extremos y hará que todo pase sin problemas de esta tubería irregular a una forma isométrica Aquí abajo, he creado algunas tapas de extremo diferentes que puedo usar en mi ilustración, y puedo usarlas una y otra vez. Entonces lo que voy a hacer, esta es una linda lámparita aquí. Voy a dejarlo caer. Como pueden ver, a medida que crezco y encojo mi objeto, los trazos no se van ajustando con él. Y eso es realmente importante si quieres tener consistencia en tus líneas. Entonces, cómo lo hago es simplemente ir a la opción de escala, doble clic en ella, y hago clic en Uniforme, y escalo trazo y efectos. Yo apago eso. Si lo apago, los trazos no se ajustarán con mi escala, así que permanecerán con el mismo ancho de trazo, pase lo que pase. Ahora voy a mover esto en perspectiva, y solo voy a llevarlo a la cima y colocarlo ahí Ahora bien, no se ve muy bien, así que tal vez sí necesito ser un poco más grande. Lo que puedo hacer es hacer doble clic en esto, duplicar esta forma, hacerla más pequeña, traerla a colación, y simplemente ponerla encima y tal vez una más así. Y ahí vamos. Ahora hice una farola genial. Ahora podemos hacer lo mismo con la sección inferior. Tengo una cabeza de poste de lámpara aquí, base, y luego lo alineo así así y lo muevo encima. Y como pueden ver, cuando lo muevo arriba, crea esa forma de círculo isométrico alrededor del borde, y al instante hace que parezca que es una perspectiva isométrica . Muy chulo. Muy rápido, muy fácil, muy divertido, ¿verdad? Así hacemos las piscinas isométricas o postes o pipas en Adobe Illustrator Veamos cómo podemos hacer algunos cables. Ahora, los cables son muy divertidos. Puedes hacerlos realmente orgánicamente, y quiero mostrarte un poco un método para hacerlo Una forma de hacerlo es así. Estos son mis pasos en la creación de un cable es que tienes el cable principal. Tienes la parte inferior oscura, la sombra y un resalte. Básicamente, estás construyendo un cable. Pero como puedes hacer eso es que puedes golpear en tu teclado. Puede crear un cable inicialmente en perspectiva isométrica, o puede hacerlo fuera de la perspectiva isométrica No importa. Voy a darle un trazo. Ahora mismo no importa el tamaño. Va a golpear Bien. Sólo voy a alinear esto. Así. Voy a convertirlo igual que hicimos con el post. Voy a convertirlo a arriba en sentido contrario a las agujas del reloj. Entonces se ve así. Ahora es una perspectiva isométrica. Y ahora estoy voy a duplicarlo porque lo que quiero es que todavía quiero un trazo editable Entonces voy a golpear solo voy alt y arrastrarlo hacia arriba uno, y voy a delinear este trazo, expandirlo. Y ahora se puede ver eso. Voy a simplemente desagruparlo un poco para llevarlo a donde necesitaba ir Y como pueden ver, tengo dos formas, una debajo, una encima. Y ahora voy a duplicarlo otra vez, ponerlo debajo, y voy a darle al relleno el mismo color de trazo así que es oscuro por debajo. Bien, no te olvides del que está debajo de aquí. Tengo estos dos. Son rellenos rectos por debajo. Genial. Yo tengo éste. Voy a convertirme en una sombra, así que sólo voy a hacer este trazo. Sólo voy a disminuir la opacidad por ahora. Ahora, ¿cómo hago un punto culminante? Hago clic en mi top one. Voy a ir ruta de objeto, ruta de desplazamiento, y voy a traerla bastante. Así como así, voy a pegarle. Bien, negativo tres, tal vez redondo, y me voy a deshacer del trazo, y voy a disminuir la opacidad del tinte así como así Voy a moverlo verticalmente. Así como así. Ahora tengo esto como mi capa de sombra, y todo lo que necesito hacer es hacer algunas tapas finales. La razón por la que me gusta mantener la capa de sombra como un trazo es que a veces quiero ajustar la capa de sombra, para que entre y salga del objeto mismo. Y hace que sienta que sube y baja. Un poco más de forma. Como pueden ver, ahora que pongo la sombra más abajo, parece que se levantó del suelo y puedo hacer eso con otro borde aquí. Y ahora parece que se levantó del suelo. Una cosa que fui e hice fue crear un estilo gráfico con todos estos atributos ya aplicados a él. Entonces puedes ver aquí este tubo que he creado aquí. Esto en realidad es solo un solo trazo. Si le pego a Control Y, ya ves que es sólo de un solo golpe. Y ahora, lo que puedo hacer es que en realidad puedo ajustar la forma de la misma. Fresco. Fresco. Podrías dibujar como si estuviera sobre una superficie plana y luego llevarlo a perspectiva isométrica, o puedes dibujarlo en perspectiva isométrica, siguiendo así las líneas Entonces usaré este trazo y como pueden ver, creé un tubo al instante. Impresionante. En la siguiente clase, te mostraré cómo hacer las pipas. 14. Creación de tubos isométricos: Bien. En esta lección, vamos a crear algunas pipas. Veamos cómo podemos hacer eso. Abajo en la parte inferior de esta sección, tenemos, ya sabes, tubos y pipas. Los tubos y pipas, funcionan de la misma manera que lo harías con las otras formas que te mostré. Ahora bien, lo que puedes hacer es si tienes una grilla como esta, puedes simplemente darle a Pee en tu teclado y puedes empezar a hacer tus pipas a lo largo de la rejilla, ¿verdad? Y vamos a hacer algo así por ahora. No vamos a lidiar con el crossover en este momento, pero digamos que ese es nuestro tubo. Ya lo hicimos en perspectiva isométrica. Todo lo que tenemos que hacer es aumentarlo. Así como un tubo más grueso. Asegúrate de que tu trazo, tienes esquinas redondeadas. Eso solo lo hará sin problemas , solo se ve un poco mejor, honestamente. He redondeado las esquinas, y ahora lo que puedo hacer es ir a Objeto, Expandir. Como puedes ver, nada demasiado especial, pero si le ponemos un contorno, vamos a agarrar el mismo color que este grupo ahí vamos. Algo no estaba desagrupado. Ahora está funcionando. ¿Bien? Entonces tenemos esta pipa y realmente no parece que esté en perspectiva en este momento, pero en cuanto pongamos las tapas finales, automáticamente solo hará que se vea más perspectiva isométrica Entonces, ¿cómo podemos hacer eso? Entonces la primera forma es agarrar un endcap personalizado que hiciste o yo hice y cómo podemos hacer una tapa final muy simple, círculo, entra en tus acciones isométricas Vamos a ir de arriba hacia adelante. Vamos a descender o podemos usar nuestra función extruir también M en mi teclado hace un rectángulo. Simplemente no tengo mi snap para señalar, así que voy a poner Snap a punto para que pueda realmente hacer clic en el punto para que no esté funcionando. Enciendamos las Guías Inteligentes. Guías inteligentes, ahí vamos. Snap para anclar, ahí vamos, y snap para anclar. Perfecto. Yo hice mi círculo. Voy a agarrar el círculo inferior y el rectángulo. Voy a entrar en mi pathfinder y simplemente fusionarlos. Ahora tengo esta cosa y hay una tapa final. Si quisiera, puedo copiar y pegar delante y duplicar eso y voy a agrupar todo. Y ahora tengo mi tubo isométrico y lo hice verticalmente Pero eso no es un problema porque tengo mis herramientas de rotación isométrica en mi panel de acciones que solo puedo cambiarlo de un lado Quiero que este esté en la parte delantera de aquí. Voy a entrar en mi panel de acción y voy de arriba a derecha. Ahí vamos, de arriba a derecha. Ahora bien, si lo acabo de poner en su lugar, compre mi tubo ahí, ahí vamos. Ya parece que está adquiriendo más perspectiva isométrica Ahora bien, si queremos hacer el final, necesitamos que se corte la parte trasera Si tuviera que duplicar esto, vamos a rotar esa parte de atrás arriba hacia la derecha. Ahora quiero que el tubo entre en él aquí. Voy a darle a M en mi teclado. Voy a hacer un rectángulo de un extremo al otro así. Digamos que ahí es donde entra el tubo. Todo lo que hice fue alinear los extremos del rectángulo hasta los extremos de esta tubería aquí, y los selecciono todos y uso la herramienta Shape Builder. La herramienta Creador de formas me permite sumar o restar partes de un objeto que se superponen Voy a darle a Alt y eso va a quitar u opción en un mac y voy a simplemente arrastrar sobre y eso va a quitar esas secciones. Ahora tengo aquí este objeto genial. Ahora lo que voy a hacer con eso es que voy a rotarlo. Solo reflexionemos y rotemos. Va a pegarle eso bien así, y ahí vamos. Ahora solo tenemos que alinearlo con nuestra tubería y moverla a su lugar, y ahora tenemos nuestra tubería isométrica Para presumir la forma del tubo, puedes agregar un poco más de detalles. Aquí puedes ver lo que he hecho. Todo lo que hice fue tomar dos trazos que están en perspectiva isométrica Corté los extremos y solo los mezclé. Como puedes ver, son dos trazos, pero está mezclado. Ahora bien, si tuviera que llevar esto encima y tal vez encogerlo, para que coincida con mi pipa. Tengo un botón en mis acciones isométricas que restablece el cuadro delimitador Lo restablece para que sea más fácil trabajar con ellos en estas instancias Ahora tengo el tubo. Si quisiera, puedo tomar el mismo, duplicarlo, rotarlo, y ahora está en este ángulo aquí, y lo pongo en mi tubo ahí y puedo duplicarlo de nuevo. Puedo ponerlo por aquí. Entonces, para algunos de estos, solo cambio el trazo para que tenga un trazo para tener una línea de trazos, y le da un poco más de dimensión. Entonces como pueden ver, puedo cambiar un poco el estilo de los detalles en mi pipa dependiendo del trazo que le dé. Entonces aumenta eso solo un poquito, y obtuviste Si querías ir un poco más allá, puedes agregar algunos detalles. Así como así en los extremos donde se superponen o éste simplemente recto hacia abajo para denotar que se solapa, y eso le da un poco más de forma también Lo que creas que necesitas. Veamos una forma más trabajar con pipas en Adobe Illustrator. He creado algunas pipas por aquí, y lo que voy a hacer es que solo voy a eliminarlas por ahora, y esta será una práctica para ti. Practica para hacer una pipa. Quiero que conectes estos agujeros juntos. Entonces, como lo hago en Adobe Illustrator es que simplemente puedo usar mi herramienta pluma y puedo crear una tubería usando los ángulos isométricos Puedo ir recto hacia arriba verticalmente y luego puedo ir Control K 30 grados y ahora estoy encerrado en su lugar 30 grados y está justo encima de ahí y abajo recto hacia abajo. Yo hice una pipa de aquí a aquí. Ahora puedo aumentar el ancho de trazo al tamaño de la tubería que quiero. Genial. Esa es la talla que quiero. A lo mejor voy a levantarlo un poco. Entonces voy a hacer esos mismos pasos. De nuevo, voy a delinear el trazo, ampliar. Voy a dársela voy a desagruparla. Por alguna razón, agrupa raro. Ahora tienes una pipa. Ahora bien, si quisiera agregar algún detalle como sombra o algo así, podría hacerlo simplemente duplicándolo un poco, compensándolo, y no siempre funciona Pero aquí puedo sacar algunos de estos puntos. Solo estoy haciendo esto para poder hacer un área de sombra. Voy a pegarles a los dos, a Shift M, y me voy a deshacer de la cima. Al fondo, voy a darle al relleno lo mismo que el color del trazo. Ahora es un derrame cerebral, así como así. Le da un poco más de detalle y voy a agregar solo agreguemos algo de textura. Y entonces todo lo que tengo que hacer es ponerme unas tapas finales. Voy a tomar esta tapa de extremo que hice. No, esa tapa final no. Necesito esta tapa de extremo aquí y voy a rotar a donde necesitaba ir. Rotar y reflejar. A ver si puedo llegar ahí, tráelo arriba. Voy a bajarlo hasta que llegue al punto que necesito. Ahí vas. Puedo usar esa misma tapa final para esta de aquí. Ahora bien, con este , es un poco más complicado porque se superpone Pero lo que podría hacer es que puedo llevarlos a los dos y simplemente darle a Shift M, y ahí voy a fusionar la sección inferior. Bien, entonces hice una pipa ahí, y ahora voy a seguir adelante y hacer algunas otras pipas. Otra forma en la que podrías hacer esto en lugar de usar solo la herramienta Pluma, puedes usar ángulos prefabricados de tuberías y simplemente unirlas. Entonces, para éste, intentemos conectar una tubería de ésta a ésta. Entonces ya tengo estas pipas aquí. Voy a traer esto. Necesito uno de estos. Y como tengo trazo de escala, el trazo no va a aumentar de tamaño. Me quedaré del mismo tamaño, y sólo voy a colocarlo donde quiera que vaya. Y luego este de aquí, lo duplicaré. Lo voy a poner ahí, y después voy a aumentar de tamaño. Lo que quiero hacer es asegurarme de que estos dos puntos se crucen Lo duplicaré para que vuelva a tener ese ángulo. Si solo selecciono ambos y golpeo Control J, realidad los une en uno. Así que ahora en realidad puedo ajustarlo así así, lo cual es bastante genial, bastante conveniente. Pongamos otro aquí abajo y voy a agarrar el extremo y asegurarme de que esté justo ahí. Si no está ahí y le das a Control J, puede que no funcione correctamente, y entonces voy a poner otro ángulo aquí. Duplicar eso. Cambiemos justo al centro y bajemos eso y queremos encontrarnos con estos aquí arriba. Y luego selecciona ese Control J, y selecciona esos Control J. Y ahora, si quisiera, puedo cambiar la curva a como quiera. Y ahora voy a aumentar el tamaño del trazo. Al tamaño de la pipa que yo quiera. Y yo sólo voy a tomar los extremos, moverlos hacia atrás y mover ese hacia arriba. Bien. Voy a hacer el mi proceso otra vez. Bien, entonces hicimos un tubo, y luego puedes agregar todo tu pequeño estilo y detalles también Así es como haces tubos y pipas en perspectiva isométrica de Adobe Illustrator, diviértete un poco, intentas construir algunas pipas diferentes en esto no sé, cómo lo llamarías en este bloque, y te veré en la siguiente clase 15. Crear patrones isométricos: Bien, en esta clase, repasaremos usando patrones en tu ilustración isométrica Vamos a saltar a la derecha en él. He abierto la hoja de trabajo patrones isométricos, y como pueden ver, hay un montón de patrones isométricos Increíble. Hay dos formas crear un patrón isométrico Número uno, solo puedes hacer un patrón plano y convertirlo en perspectiva isométrica La segunda forma es hacer realmente una muestra de patrón que sea, de hecho, de naturaleza isométrica ¿Bien? Entonces veamos cómo podemos hacer ambas cosas. ¿Bien? Entonces el primero aquí, como pueden ver, patrón isométrico, primero coloqué los bloques en perspectiva plana, luego los convertí en isométrica Entonces te voy a mostrar cómo lo hice. Como seleccioné, puedo deshacer derecho no nuevo. Y así es como se ve el patrón por sí mismo. Así que bastante sencillo, solo un montón de cuadras y luego algunas sobresaliendo. Ahora bien, una cosa a tener en cuenta es que 45 grados es esencialmente lo mismo , ya sabes, salir en dirección opuesta Entonces 30 grados y 150 grados, esos van a ser similares a tu ángulo de 45 grados. Cuando estás creando algo, si quieres que algo salga, simplemente lo dibujas en un ángulo de 45 grados en lugar de, ya sabes, a 30 o 150 grados. Y cuando lo vuelvas a poner en perspectiva isométrica, se ajustará a esa perspectiva. Perfectamente. Así es como se ve, y luego entré y lo convertí a la derecha. Ahora una cosa con la que quieres trabajar es algo con lo que solo quieres que te sea fácil. Así que arriba en la barra superior, solo me aseguro de tener uno de mis números como 100, generalmente el ancho porque no voy a tener que ajustar el ancho en absoluto. Pero voy a tener que ajustar la altura de la misma porque está en ángulo. Lo que voy a hacer es que me voy a asegurar que el enlace esté encendido, cuando lo ajuste, lo ajusta proporcionalmente, y después voy a seleccionar el objeto e ir Patrón de objeto y hacer Ahora, me abrirá a un menú. Abrirá el menú. Y como pueden ver aquí, lo tiene a 100.248 Ahora, no lo quiero a 100.248 porque eso incluye el ancho del trazo En realidad quiero no incluir eso y que los trazos se alineen perfectamente. Así que sólo voy a cambiar esto de nuevo a 100. Y ahora se puede ver que se movió ligeramente, pero ahora los trazos van a alinearse perfectamente. Y ahora, todo lo que tenemos que hacer es que tenemos que ajustar la altura para que se ponga a tope. Entonces voy a ajustar la altura solo voy a hacer click en ella y la voy a bajar usando las teclas de flecha. Otro. Ahora que lo tengo proporcional, voy a desbloquearlo y sólo ajustar la altura. Ahí vamos. Entonces lo voy a ajustar ahora. Ahora ves que sucede algo extraño. Lo que está pasando es que en realidad está cortando secciones de mi patrón, lo cual no quiero que suceda. Quiero tener ahí todo el patrón. Entonces, la solución fácil es que solo selecciones tu patrón y lo agrupes. Si es un grupo, no puede eliminar una sección del grupo. Voy a tener que mantener a todo el grupo, aunque se superponga. Entonces, si los bloques están empezando a caer fuera de tu patrón, simplemente agrupa todo en un solo grupo, y luego funcionará bien. Entonces continuemos con eso. Bajemos. Déjalo caer. Y ahora, como me estoy acercando a él, no puedo decirte cuál es el número perfecto porque podría ser diferente dependiendo de, sabes, la altura de tus cuadras. Entonces a veces es uno por uno puesto en perspectiva, a veces no lo es. Entonces vas a tener que encontrar algo que funcione para ti. Pero por eso también usamos trazos es que puedes superponer los trazos ligeramente, y aun así funciona. Creo que esto funciona bien. No me voy a preocupar de que este pequeño, ya sabes, salga una décima parte de un derrame cerebral Por eso tenemos los trazos superpuestos entre sí, y creo que eso se ve genial. Sólo voy a llamar a este patrón de ladrillos y listo. Ahora voy a crear un cuadrado. Voy a ponerlo en perspectiva isométrica, y vayamos a la perspectiva correcta Entonces voy a ir a mi panel de muestras y voy a encontrar mi muestra de patrones . Ahí vamos. Y ahora se puede ver que está perfectamente en línea con mi plano isométrico. Muy chulo. O si quería ajustar el plano, pero no ajustar el patrón, sólo necesito entrar en mi escala. Voy a escalar uniforme y voy a hacer patrones de transformación. Voy a darle click. ¿Bien? Y solo puedo convertirlo al 100% porque en realidad no quiero cambiar nada. Sólo quiero deshacer clic en este patrón swash. Ahora, sólo voy a golpear Bien. Y ahora si volara esto, el patrón se expandirá con él. En realidad no voy a expandirme. Sólo voy a expandirme con el patrón. Ahora puedo hacer una enorme pared de ladrillos que fácilmente solo con esta muestra de patrón. O si lo tuviera aplicado a una pared, solo puedo golpear los extremos, Control K 30 grados y luego simplemente mover el extremo de la pared y extender así la pared. Esa es una manera genial de usar la muestra de patrones. Ahora bien, ¿y si quisiéramos ajustar el patrón a diferentes planos o diferentes áreas? Entonces hice una muestra de patrón igual que hicimos con los ladrillos Lo metí en mi patrón. Yo alineé los extremos, y esta vez, eran 50 pixeles, y luego lo toqué juntos Y lo convertí en una muestra de patrones. Creo que tal vez este . Ahí vamos. Pero eso no se ve bien. Entonces es algo así como en el ángulo equivocado, pero quiero ponerlo en el ángulo correcto. Entonces, ¿cómo puedo hacer eso? Lo que puedes hacer es volver a abrir la propiedad scale, scale 100 y en vez de la opción o la opción para transformar objetos, solo voy a hacer clic en el patrón de transformación y deshacer clic en los objetos Entonces voy a pegarle bien. Si quiero hacer una transformación sobre esto usando las herramientas de transformación, solo se aplicará a mi patrón. Si voy a mis acciones, puedo hacer clic en una de las reflexiones. Reflexionemos 90 grados. Oh. Tengo mi siempre volver a cero, chicos, siempre volver a cero, estropea las cosas. Ahí vamos. Perfecto. Ahora bien, si hago doble clic en él, me permitirá mover el patrón, así puedo moverlo a donde quiera, solo hacer clic hacia arriba y puedo moverlo hacia abajo o hacia arriba así. Asegurándose de que los patrones están seleccionados y no objeto. Si quisiera escalar solo la muestra de patrón, bájala al 50 40% y hagamos eso Eso se ve genial. Ahora bien, si quiero aplicar esto a todos estos bordes, ahora voy a hacer doble clic en eso y quiero aplicar esto a ambos. Voy a convertir eso al 100%. Y transformar objetos y patrones. Voy a deshacerme de estos y voy a simplemente presionar O en mi teclado para la herramienta de reflexión. Voy a dar click en la esquina y voy a reflejarlo de otra manera. Eso va a lo mismo. Voy a sacar esto a colación y voy a rematar y lo reflejamos así y lo traemos aquí. Sólo voy a alinear esto perfectamente en la esquina. Eso se ve bastante genial. Hicimos este genial bloque isométrico Lo que voy a hacer es que voy a cambiar voy a cambiar el tono de cada uno de los lados. Con este lado por aquí, voy a subir a mi obra de recolor, y todo lo que voy a hacer es que la voy a oscurecer un poco Voy a tomar este slider y voy a oscurecer todo el color a la vez Entonces voy a hacer clic en el de arriba, hacer lo mismo, pero voy a ir al revés, voy a alegrarlo Hagámoslo una vez más. Alegrarlo. Y ahora tienes un patrón muestras en todos los bloques en perspectiva Muy chulo. Ahora puedes intentar aplicarlos aquí. Ahora bien, estos, esto era un poco más difícil crear una perspectiva isométrica porque no era una caja Entonces, lo que tuve que hacer para este fue crear un patrón plano, y luego lo puse en perspectiva después del hecho. Entonces en realidad no está en perspectiva en este momento, pero quiero que esté en perspectiva. Entonces solo uso ese mismo método. Simplemente hago clic en el uniforme de escala, solo los patrones seleccionados, voy a mi panel de acciones. Y genial. Todo bien. Entonces aquí hay un par de patrones más, puedes hacerlo. Hay un patrón de vetas de madera, este patrón hexagonal, algunos lápices que sobresalen patrón. Se puede hacer cualquier cosa con él. Una cosa me gusta mucho de tener patrones que no se mueven, vamos a mostrarte éste, este patrón de vidrio, y voy a transformar objetos, no transformar patrones y Uniforme 100. Ahora bien, si tengo eso apagado y selecciono mi objeto, ya que tengo un patrón y lo aplico, el patrón no se mueve, así que en realidad puedo cambiar cómo es esta reflexión en cada ítem. Entonces cuando muevo este hacia arriba en realidad puedes sentir el movimiento ahí. Muy chulo. De todos modos, es divertido jugar con todos estos patrones, y me encanta activar y desactivar patrones de transformación, y puedes ajustarlos. Puedes crear otros nuevos. Puedes hacer lo que quieras. El cielo es el límite. Que se diviertan con él. Te veré en la siguiente clase. 16. Aplicación de logotipos y gráficos: Bien. En esta clase aprenderemos a aplicar logotipos, o gráficos a nuestras ilustraciones isométricas en perspectiva isométrica. Veamos cómo podemos hacer eso. Vamos. En esta hoja, aplicando imágenes y logotipos, tenemos un par de opciones diferentes aquí. Sólo voy a borrarlos por ahora para que podamos recrearlos. Entonces tenemos tres objetos diferentes aquí, y queremos mapear nuestro arte en él. Hay un par de formas en las que podemos hacerlo. Número uno, vamos a duplicar el logo isométrico y de la primera manera, bastante simple Utilice su método SSR. Esto es de arriba y lo quiero de esa manera. Arriba, creo que eso es en sentido antihorario, así como así, y perfecto Entonces si quisiera, puedo cambiarlo a otro color o dejarlo en esto. Ahora se ve genial. Una segunda forma es el método de forma libre Método de forma libre, solo use la herramienta de transformación de forma libre. Entonces volveremos a duplicar eso. Llévala al frente y escalaremos a donde tiene que estar. Y sí me gusta ponerlo en perspectiva isométrica, y luego me gusta transformarlo. Entonces, ¿cómo hago eso? Quiero que vaya a la derecha, así que la cara a la derecha. Ahí vamos. Y ahora está en línea con esa. Pero lo quiero en esta pared, pero está en ángulo. Entonces, ¿cómo hago eso? Golpeé E en mi teclado. Esta es la herramienta de transformación libre, y todo lo que hago es que la voy a tirar hacia atrás. Y todo se ajusta paralelo entre sí, por lo que coincide con esa forma isométrica Pero lo tiro hacia atrás así se inclina hacia atrás así. Ahí vamos. Coincide prácticamente a la perfección con esas líneas. Puedes mirar la E y ver si coincide con ese ángulo y la I coincide con ese ángulo. Funciona muy bien. Entonces esa es otra forma. Puedes usar la herramienta de transformación libre para transformar tu objeto. Ahora bien, el último método es un poco más complicado, pero ya vamos a averiguar cómo hacerlo. En realidad, está usando el método de arte de mapas en tu herramienta de transformación de tres D. Vamos a volver a la herramienta de transformación de tres D nuevamente y vamos a mapear nuestro arte a ella. Entonces, lo primero que tenemos que hacer para poder mapear a un objeto tridimensional en Adobe Illustrator es que necesitamos hacer un símbolo a. Un símbolo, solo sube a las ventanas, ve al panel de símbolos, donde sea que sea, símbolos. Se abre y vamos a traer nuestro objeto y sólo vamos a pasar cursor sobre y añadir un nuevo símbolo Digamos logo. Todo bien. Golpea Bien. Ahora está en panel de símbolos. Ahora lo que queremos hacer es mapear nuestro arte sobre este objeto cilíndrico, que es una taza. Es que solo voy a hacer un círculo y quiero que ese círculo sea aproximadamente del mismo tamaño que mi taza. Eso es aproximadamente del mismo tamaño. No importa demasiado el color. A lo mejor solo lo tendré blanco por ahora. Lo que vamos a hacer es que vamos a ir a efecto. Vamos a tres materiales D, extrusión clásica de tres D y bisel Vamos a hacer la parte superior o inferior, tal vez la inferior. No, vamos arriba. Bien. Top isométrico y esto es básicamente lo que vemos aquí Ahora, lo vamos a extruir hasta el punto en que es casi lo mismo que la taza. No tiene que ser exacto. No vamos a usar todo, pero lo suficiente como para cubrir la taza, supongo, en serio, no te preocupes por eso. Ningún sombreado está bien, y vamos a mapear el arte a éste Ahora, te va a dar algunas opciones de qué área quieres mapearla. Vamos a mapearlo hasta aquí y esta es la sección que realmente nos es visible en el cilindro. Vamos a ir a símbolo aquí arriba. Logotipo del buscador. Haga clic. Por alguna razón, no sé exactamente por qué. Está al revés. Arreglo fácil. Simplemente lo giramos boca abajo en el panel aquí, y debería ser bueno. Sólo vamos a sí, ponerla en algún lugar ahí. Cerca de la parte inferior está bien. No tenemos que ser exactos, y vamos a golpear Bien. Entonces como puedes ver aquí, cuando no hay sombreado y se le aplica el icono, se vuelve algo invisible, y eso es lo que queremos porque en realidad no queremos la forma tridimensional Solo queremos que el logo esté envuelto alrededor del formulario porque nos vamos a deshacer de todo lo demás. Entonces vamos a golpear Bien. Ahora tenemos esta forma tridimensional y nuestro logo envuelve este cilindro. Vamos a ir al objeto, a expandir la apariencia, y ahora todo está expandido. Voy a hacer doble clic en él, y voy a ordenar desagrupar todo Control Shift o Command Shift GG GG, y voy a hacer click en lo que no necesite. Lo que sucede con el logo, entra en una máscara de recorte, para que puedas ver que sigue siendo una especie de parte de esto, y está en una máscara de recorte Si muevo ese objeto, está recortado. Si salgo de ella, entonces puedo hacer clic derecho en Liberar máscara de recorte. Ahí vamos. Ahora puedes tomar el borde exterior que fue recortado y ahora tenemos eso Yo sólo voy a seleccionar todo excepto para ese grupo esto juntos. Y así es como mapeas algo a cilindro isométrico. Ahora, puedes usar diferentes formas en lugar un cilindro, algo más complejo, pero solo recuerda que vas a tener que crearlo en el espacio tridimensional y luego mapearle el arte, no lo compliques demasiado Así es como aplicas logotipos o imágenes o lo que quieras a tus ilustraciones isométricas Te veré en la siguiente clase. 17. Cómo empezar con tu proyecto de clase: Chicos de esta clase, pasaremos por una demostración de proyecto de clase. Repasaré un poco mi flujo de trabajo de ilustración y veré si hay algún consejo útil que pueda ayudarte. Así que vamos a saltar a la derecha en él. En los recursos de clase, puedes encontrar en realidad una plantilla de proyecto de clase como esta aquí. Tiene un teléfono isométrico, y básicamente tu proyecto, si así lo eliges, es construir sobre este teléfono y crear una escena isométrica saliendo del Y si quisieras , puedes agregar elementos a un lado como si estuviera encima de un escritorio. Y realmente, puedes hacer lo que quieras. En este teléfono, se puede hacer una escena de parque. Se puede hacer un paisaje urbano. Se puede hacer un castillo. Se puede hacer un cohete. Puedes hacer lo que quieras. Siempre y cuando lo estés creando en isometría. Esa es la clase. Estamos creando una ilustración isométrica Entonces para mi proyecto de clase, voy a tratar de que sea un poco más único, un poco más interesante. Quiero divertirme un poco con él. Entonces eso es lo que voy a hacer. Lo primero que quiero hacer es básicamente configurar lo que va a ser en mi escena. Sólo voy a decidir qué tipo de elementos quiero, y luego voy a tratar de retratarlos de una manera que pueda encajar en mi ilustración isométrica Entonces, antes que nada, voy a escribir algo así como lo que quiero ver. En lo que estoy pensando es quizá en un cohete. ¿Bien? Quiero cohete en mi ilustración. Simplemente me gustan los cohetes. Son geniales. Otro, a lo mejor quiero, ya sabes, una batería en algún lugar de ahí. Algo así caprichosa, como, una batería realmente grande que tal vez esté cargando el cohete o algo así Y tal vez quiero que algunos elementos de escritorio a su alrededor se integren en la escena. Entonces en el escritorio, tal vez pueda tener una taza o un cuaderno, o tal vez algunos solo clips de papel. Para agregar una especie de carácter y dimensión a la escena misma, tal vez solo un poco de papel, papel hoja suelta, tal vez algunas otras cosas. No lo sé, si querías intentar hacer una dona o una galleta o algo más en tu escritorio Podría ser realmente cualquier cosa, tal vez una lámpara. La lámpara puede ser demasiado grande, pero, ya sabes, solo descompone las cosas. Es posible que puedas incorporar la base de una lámpara o algo así en tu ilustración. Y luego dentro de la ilustración, sí, quería un cohete. Yo quería batería, a lo mejor voy a dibujar un camino que conduce al cohete, lo mejor una escalera subiendo al cohete. Eso sería genial. ¿Qué más podríamos agregar a nuestra ilustración isométrica aquí Ahora, solo se nos ocurren ideas de palabras o sustantivos de lo que se podría colocar en la escena, Y luego lo construiremos. En nuestras clases isométricas, construimos un banco, así que a lo mejor quiero incorporar un banco en mi escena y tal vez las luces A lo mejor un reloj de algún tipo. Tal vez pueda tener un reloj digital algo así como que se trata de un mundo digital dentro de este teléfono Bien, así que tengo muchas cosas que hacer aquí. Ahora bien, lo que podría hacer es en primer lugar, en lugar de ir directamente a construir encima de esto, podría simplemente ir por la parte de atrás y puedo comenzar a miniaturas algunas ideas de manera muy breve Así que quería el cohete por aquí. Y luego una escalera que sube hasta el cohete y el camino y tal vez un reloj aquí y, ya sabes, se acercan postes de luz. Y muy rápidamente mirando lo que podría crear. Dibujemos otro. A lo mejor este, puedo tener mi batería grande a un lado. Es ridículamente grande en relación con la escena, tal vez un cohete de estilo más gordo al final Y nuevamente, me gusta la idea del camino. Y tal vez podríamos poner escaleras bajando del teléfono en el escritorio. Eso podría ser interesante. Nuevamente, queremos incorporar la banqueta, así que haz algunas bancas. Ahora, no estoy tratando de ser un ilustrador perfecto. Solo estoy tratando de bajar ideas lo más rápido posible y ver qué podemos crear. Entonces tengo mi teléfono aquí. ¿Qué más podríamos crear? Bueno, podríamos hacer una escalera de caracol hasta el cohete así, y el cohete disparando a través. El cohete podría estar despegando. Entonces, si yo fuera a sacar un cohete y podría haber humo saliendo de abajo, así. Sí. Así que solo estoy haciendo miniaturas algunas ideas rápidas y viendo lo que se me ocurre. Y entonces también podría mirar las cosas que quiero dibujar y ver si puedo retratarlas en la vista ortográfica y luego menos ilustrarlas un poco en Entonces si miraba lo que quería, sé que, ya sabes, un cohete desde un lado, este es una especie de cohete que quería crear, algo así. Y luego la batería ya sabes, desde un lado. Ya sabes, cómo están las baterías y luego por la mitad y luego con un plus y un menos. Y ahora sé cómo se ve en ortografía, y luego más adelante, puedo cambiarlo a isométrico Entonces creo que tengo una idea de lo que quiero, así que la voy a poner en mi papel aquí y ver qué se me ocurre. Ahora, no te preocupes por ser demasiado específico por aquí. Al principio, como dije, lo hermoso de la ilustración isométrica es que realmente puedes mover tus objetos a cualquier parte la escena, y seguirán funcionando La perspectiva no cambia. Así que no tengas miedo de eso, Oh, si lo pongo aquí, no puedo colocarlo en ningún lado. Por supuesto que puedes en Adobe Illustrator, puedes moverlo a donde quieras. Todo siempre es editable. Así que adelante, dibuja algunas ideas, crea una lista de elementos que quieras agregar a tu ilustración y haz algunas miniaturas y luego intenta dibujar un pequeño tema rápido y luego lo llevaremos a Adobe Illustrator 18. Configuración del proyecto y timelapse de demostración: Bien, ahora que hemos terminado con nuestro sketch, ahora podemos tomarle una foto y subirla a Adobe Illustrator y luego comenzar a vectorizarlo Adobe Illustrator y luego comenzar a vectorizarlo Bien, así que si querías crear tu propia ilustración, puedes hacerlo, o puedes usar esta plantilla que te he proporcionado aquí. En el panel Capas, puedes ver que hay una cuadrícula. Puedes bloquear la rejilla para que no la toques. Ahí está la referencia telefónica. Ahí está la ilustración real del teléfono, total opacidad. Y también hay una capa de clip de teléfono que podría usar. Y luego puedes crear tu propia ilustración entre los contornos o simplemente puedes deshacerte del contorno si quieres. Depende de ti. Todo bien. Entonces voy a crearlo aquí. Pero si quisieras crear tu propia ilustración, solo puedes ir a Archivo nuevo, crear tu propia ilustración, sea cual sea el tamaño, tal vez un formato cuadrado. Y si necesitas una grilla, lo que puedes hacer es entrar en mi paquete de acción Isométrico el Isométrico Hay rejilla hexagonal en la parte inferior. Y lo que eso hará, creará automáticamente una cuadrícula hexadecimal para ti, y para uto, solo lo hace por ti. Mira eso. Hace una nueva capa con una cuadrícula, y es una cuadrícula bastante grande, así que puedes encogerla si querías sagones hexagonales más pequeños si querías hexágonos más pequeños, y ahí Simplemente trabas esa capa, y estás listo para irte. Tienes tu propia rejilla hexagonal personalizada. Eso es bastante genial. Voy a volver a nuestro proyecto, y voy a traer mi foto. Bien. Así que traje mi foto, y de veras, solo la voy a usar como referencia. En realidad no lo necesito demasiado, pero una cosa que sí quiero hacer antes de empezar a ilustrar es configurar una paleta de colores. Entonces lo que voy a hacer es que voy a probar algunos de los colores que tengo aquí. Porque quiero que sea de marca isométrica, supongo. Y luego me dieron un amarillo y un azul, y ahora voy a hacer algunas variaciones de estos dos colores para usar a lo largo de mi ilustración. Todo bien. Así que obtuve mis últimos reflejos, mis medios, mi sombra, y mi sombra y trazo, y ahora puedo empezar a trabajar en mi ilustración. Lo que podría hacer es simplemente resaltar todos estos, entrar en mi panel de muestras Y luego tengo un montón de muestras aquí, pero realmente no necesito todas estas Entonces por ahora, sólo voy a crear una carpeta. Voy a decir colores y todos los demás colores que están en mi panel de muestras Sólo voy a deshacer clic en esos y eliminarlos por ahora Y ahora me quedo solo con mis colores regulares. Y ahora puedo empezar a ilustrar. Una cosa que quiero decidir temprano es si tengo un derrame cerebral o no, y sí quiero un derrame cerebral. Voy a tomar este teléfono, voy a desbloquearlo. Voy a ocultar la capa de recorte y voy a empezar simplemente aplicando mis colores a esto Y yo el el el yo el. El. 19. Resumen del proyecto de clase: Todo bien. Así que pude completar mi ilustración. Tomó un poco de tiempo, pero lo superé. Usé gran parte de la isometría para realizar la tarea, y estoy bastante contento con los resultados Así que vamos a comprobarlo una vez más y voy a repasar brevemente una especie de lo que hice a través del proceso. Entonces como podemos ver aquí, esta es mi ilustración que hice. Crea tu escena. ¿Cuál va a ser tu escena? No puedo esperar para averiguarlo. Fui a ir con el fondo con los elementos reales del escritorio, así que hice algunas tazas, un librito, un clip, y algo de papel Este clip debería haberme mudado a otro lugar, pero está bien. De todos modos, y luego en el teléfono, hice este pequeño cohete que es bastante genial Ahí tienes una escalera que sube a la ventana. A mí me pareció bastante interesante, bastante genial. Y como lo hice eso fue con el cohete, solo hay que pensar en donde empieza y termina un punto, y entonces puedes colocarlo plano en perspectiva ortográfica, ¿verdad Y luego tráelo a tu avión. Entonces lo tenía plano, y luego entré en el plano vertical, y encontré mis puntos aquí, y encontré mis puntos ahí y apenas dibujé las líneas ahí aproximadamente. Entonces hice un poco de forma libre, pero funcionó bastante bien. Y luego solo usa mis herramientas cilíndricas. Usé mi método de extrusión por aquí, hice un pequeño cable agradable ahí, agregué a la sombra después del hecho, usé el cilindro para hacer esta batería e hice un pequeño tubo ahí que funcionó muy bien Usa algo de texto a las 12:00, ¿de acuerdo? Eso es la hora del almuerzo, supongo, o la hora del almuerzo. Oh, Dios mío. Terrible. Bien. Entonces papá bromea. Es que tengo que aprenderlos. Hicimos nuestro banco. Eso estuvo bastante genial. Así que el método de extrusión, cosas bastante fáciles, duplicadas, hizo un poco de luces por aquí, probablemente podría poner algunos efectos ahí y agregar un poco más de detalle Pero mucho del sombreado para todas estas cosas, yo uso el ¿Qué es eso El método draw inside. Así que solo controlo o cambio D cuando seleccioné el objeto y simplemente pegué mi sombra en su lugar Y entonces puedo moverlo libremente hice mi taza. Sí. De todos modos, todo lo que he hecho aquí, fuimos a la clase y tú podrías hacerlo tú mismo, honestamente Toma un poco de tiempo acostumbrarte y averiguar qué método vas a usar, pero vas a ser increíble. Para que no tengas que hacer algo tan complicado como yo lo hice aquí. Esto en realidad fue relativamente complicado para el proyecto de clase, pero quería hacer algo un poco diferente. Entonces solo te muestra lo que podrías hacer con tu proyecto de clase. Pero aunque solo quieras hacer algo muy sencillo, sigue adelante. Me encantaría ver lo que ustedes crean. Así que muchas gracias por tomar la clase. En la siguiente clase, solo quiero darte las gracias. 20. ¡Gracias! ¡Eres genial!: Oigan, chicos, muchas gracias por tomar la clase. Significa, uh, tanto para mí que te mantuviste conmigo a lo largo de este viaje de aprender la isometría La ilustración isométrica es realmente genial. Y realmente, puedes hacer tanto con él, como puedes ver a través del proyecto de clase y muchas de las otras ilustraciones que hay por ahí. Es realmente genial y muy divertido que puedas hacer lo que quieras. Entonces tengo muchas ganas de ver lo que creas. Crea tu escena de la manera que quieras. No hace falta que sea complejo. Podría ser muy sencillo. Pero solo prueba algunos de los trucos isométricos, los isométricos y mira qué puedes crear Tengo muchas ganas de ver. Cualquier cosa, publícalo en el panel del proyecto. De veras, lo espero con ansias. Encima de eso, espero con interés escuchar sus comentarios. Así que por favor considere dejar una breve reseña positiva. Realmente ayuda a la clase y permite que otros estudiantes como tú aprendan también. Si tienes alguna duda, no dudes en publicar en el panel de discusión, definitivamente intentaré comunicarme contigo lo posible y darte la mayor cantidad de una decisión informada o, supongo, responder como sea posible. Si quieres apoyarme en mi viaje creativo, considera seguirme aquí en Skill Share para que te avisen cuando se lancen nuevas clases. También he reunido un paquete de activos isométricos lleno de más de 100 activos diferentes para comenzar a construir escenas isométricas de la ciudad Entonces, si no quieres construir todo tú mismo, definitivamente échale un vistazo. Está a la venta aquí en SkillShare como descarga digital o en mi página web en Capcreats Ese es mi sitio web. Cab creatums.ca. KAP Creatums punto. Bien. Tengo muchas ganas de seguir aprendiendo contigo en tu viaje creativo hasta la próxima vez. Nos vemos más tarde.