Arte isométrico en el diseñador de affinity V2 | Ben Nielsen | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Arte isométrico en el diseñador de affinity V2

teacher avatar Ben Nielsen, Good design is the beginning of learning

Ve esta clase y miles más

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

Ve esta clase y miles más

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

Lecciones en esta clase

    • 1.

      Introduccion

      2:23

    • 2.

      PROYECTO

      1:46

    • 3.

      Qué es el arte isométrico

      1:37

    • 4.

      Configuración de documentos

      2:13

    • 5.

      Estudio isométrico

      3:03

    • 6.

      Acciones isométricas en el iPad

      2:12

    • 7.

      Hacer un cubo

      4:14

    • 8.

      Bocetaje

      2:47

    • 9.

      Hacer que el castillo se conserve

      5:47

    • 10.

      Fuente de iluminación

      3:31

    • 11.

      Construcción de paredes

      7:57

    • 12.

      Añadir detalles

      11:51

    • 13.

      Cómo agregar color

      6:47

    • 14.

      Más detalles

      6:57

    • 15.

      Exportación

      1:53

    • 16.

      Próximos pasos

      1:23

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

Generado por la comunidad

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

72

Estudiantes

1

Proyecto

Acerca de esta clase

En este curso vamos a repasar los conceptos básicos de cómo creas arte isométrico con Affinity Designer V2. El arte isométrico es un estilo muy divertido y también puede ser realmente útil. No necesitas ninguna experiencia previa con el arte isométrico para participar en este curso, pero te ayudará si tienes una comprensión de las herramientas básicas, como la forma y las herramientas de plumas, en Affinity Designer u otro software de arte vectorial. Si crees que necesitas para obtener una idea sobre los conceptos básicos, no dudes en revisar mi curso de introducción en mi página de perfil.

Lo que necesitas para este curso es un ordenador o iPad que ejecuta un diseñador de affinity v2. La mayoría de esto también se puede hacer en V1, pero estoy usando V2 para que pueda haber algunas diferencias. Voy a usar Affinity en un iMac de escritorio para este curso porque el software de escritorio es la versión más fácil de usar para el arte isométrico, pero también puedes hacerlo en la versión de iPad y voy a tener un video que te muestra cómo acceder a las acciones en el iPad. Solo tienes que tener en cuenta que el tuyo se verá diferente si estás en un iPad.

Conoce a tu profesor(a)

Teacher Profile Image

Ben Nielsen

Good design is the beginning of learning

Profesor(a)

I am passionate about good design and good teaching. I believe that anyone can learn simple design principles and tools that can help them create content that is both beautiful and functional.

 

Background: I am a media designer and librarian. My masters degree is in instructional design with an emphasis on informal learning.

 

Motto: Good design is the beginning of learning.

Ver perfil completo

Level: Beginner

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. Introduccion: Hola y bienvenidos a este curso sobre creación de arte isométrico en Affinity Designer versión a mi nombre es Ben Nielsen. Soy educadora inmediata de diseño con más de siete años de experiencia enseñando programas creativos. Y estoy muy emocionada de darle la bienvenida a este curso. En este curso vamos a repasar los conceptos básicos de cómo crear arte isométrico en una versión de diseñador de moda a un diseñador de feeds. V2 es un programa realmente perfecto para crear arte vectorial isométrico porque tiene herramientas isométricas especiales que están integradas directamente en él. Así que va a ser muy divertido estar creando este arte contigo durante esta clase. Ahora, tal vez te estés preguntando si necesitas saber ya algo sobre arte isométrico para poder tomar esta clase. Y no lo haces, No hay prerrequisito para esta clase. Y no necesitas saber nada sobre cómo se crea el arte isométrico porque vamos a repasar todo eso y cómo hacerlo en una diseñadora de moda. Pero lo que quizás quieras saber ya, porque no vamos a repasarlo específicamente en este curso, es cómo usar las herramientas básicas. Y si e1 designer, como las herramientas de forma y las herramientas de lápiz, o tal vez solo sepas cómo hacerlo desde alguna otra aplicación de arte vectorial que hayas usado antes, como un vector Nader o Adobe Illustrator. Funcionan de manera muy similar. Si aún no sientes que tienes esa comprensión básica, no te preocupes, eres bienvenido a hacer una pausa aquí y simplemente ir a mi página de perfil y encontrar el curso de introducción para un fiend diseña tu versión dos. Y en cierto modo puedes ponerte al día de esa manera. Ese curso usa la versión para iPad, pero es muy similar a lo que va a pasar también en la versión de escritorio. Ahora hablando de diferentes versiones de un famoso diseñador, voy a estar usando un diseñador de moda, virgin chew on desktop para este curso. Quizás puedas seguir adelante, bien, en la versión uno porque tiene las características isométricas, pero no todo fue a estar en el mismo lugar, exactamente. Por lo que podría tomar un poco de traducción. También podrás seguir adelante si estás usando tu diseñador de temas versión dos o uno en el iPad. Pero las cosas por supuesto se verán un poco diferentes en el iPad. Sin embargo, no te preocupes, si estás usando un iPad porque voy a tener un video que te muestre específicamente dónde en el iPad para acceder a las funciones isométricas ahí en el iPad. Ahora, es un poco más difícil que el iPad por la forma en que se presenta la interfaz, razón por la que voy a usar el escritorio para las demostraciones en este curso solo porque es más fácil de ver y seguir en el escritorio, eso es prácticamente todo lo que necesitas. Solo asegúrate de tener un dispositivo que esté ejecutando un diseñador de fiend versión dos, puedes usar la versión uno, pero podría ser un poco más difícil. Bien, sigamos adelante y comencemos. Nos sumergiremos y hablaremos sobre el proyecto para este curso en el siguiente video. 2. PROYECTO: Cada curso que imparto tiene un proyecto para que hagas a medida que vayas a lo largo del curso. Esto realmente te ayuda a aprender realmente la habilidad de la que estamos hablando en el curso. Si no completas el proyecto, entonces es mucho más difícil para ti solidificar la información que estás aprendiendo. Así que por favor tómate el tiempo para completar el proyecto. El proyecto para este curso va a ser crear un castillo isométrico visto un castillo mantener es una muy buena forma inicial de aprender arte isométrico porque es muy rectangular y de forma recta. Por lo tanto, es una especie de rampa de acceso fácil al mundo del arte isométrico. Pero no te preocupes si te sientes un poco intimidado por esa asignación de proyecto en este momento, porque te voy a caminar a través de cada paso del camino. Si sigues conmigo en cada video, al final, también tendrás un proyecto terminado. Ahora cuando completes el proyecto, asegúrate de exportarlo como JPEG, ya que te mostraré cómo hacerlo en uno de estos videos y luego subirlo a de estos videos y luego la sección de proyecto para este curso. Cuando haces eso, es muy importante que te asegures de subirlo a la sección del cuerpo del proyecto en lugar de solo la miniatura. Miniaturas en la parte superior, la sección del cuerpo está debajo. La miniatura en realidad no me muestra la imagen completa. Y así es más difícil para mí recibir comentarios cuando solo los subes a la sección de miniaturas. Pero si lo subes al cuerpo, voy a poder verlo todo y luego poder dejarte los mejores comentarios posibles. Ahora recuerda, realmente, realmente nos ayuda a todos a aprender cuando compartimos nuestros proyectos. Así que asegúrate de tomarte el tiempo para exportar tu proyecto final y luego subirlo. Esto también me ayuda realmente como maestra a saber si mi instrucción está funcionando ya que veo lo que eres capaz de producir después de haber tomado el curso. Como siempre, si tienes alguna duda en el camino, no dudes en contactarme en la pestaña de discusión de este curso, y haré todo lo posible para responder esas preguntas lo antes posible. Bien, en el siguiente video, vamos a seguir adelante y hablar lo que es el arte isométrico. 3. Qué es el arte isométrico: En este punto tal vez te estés preguntando qué es el arte isométrico. Ahora, probablemente tengas alguna idea cómo es el arte isométrico o de lo contrario probablemente no habrías buscado este curso en primer lugar, pero aún así podrías estar un poco confundido acerca de lo que es. Bueno, hay una definición técnica y una matemática al arte isométrico. Y si bien eso es útil, no es realmente algo que necesitemos para este curso porque si el diseñador de alimentación tiene características incorporadas para hacer la proyección isométrica por nosotros, ese es un poco el nombre técnico para el arte isométrico es una proyección isométrica e implica un montón de diferentes cosas matemáticas y escalado. Affinity Designer puede hacerlo por nosotros. Entonces solo vamos a usar una definición simple para este curso. Para nuestros propósitos, vamos a definir isométrico como arte bidimensional que está dando la apariencia de arte tridimensional al ser dibujado en tres planos diferentes. Va a haber un plano superior, un plano frontal y un plano lateral. Ahora bien, si alguna vez has bosquejado un cubo donde podrías ver como tres lados diferentes y has sombreado cada lado de manera diferente a lo que ya has hecho algo muy similar al arte isométrico. arte isométrico puede ser muy, muy útil para cosas como mapas, edificios y diagramas porque puede ayudarnos a visualizar las cosas en un entorno cercano al 3D sin todo el trabajo que se destina al renderizado 3D real, también se ve realmente genial. Así que probablemente hayas visto en las redes sociales algunos dibujos de arte isométricos realmente increíbles porque es una excelente manera de imaginarse mundos fantásticos o espacios particulares. Es simplemente una forma de arte realmente genial. Bueno, ahora que sabemos un poco más sobre lo que es el arte isométrico, vamos a seguir adelante y obtener nuestra configuración de documentos y Affinity Designer con una cuadrícula isométrica. 4. Configuración de documentos: Bien, entonces aquí estamos dentro de un diseñador y vamos a seguir adelante y hacernos un nuevo documento y configurarlo para trabajar con arte isométrico en esta nueva pantalla de documento que puedes ver ya sea subiendo a Archivo y haciendo clic en Nuevo documento, o verás algo así cuando abras la app por primera vez, vas a ver que podemos elegir de un montón de diseños diferentes por aquí, pero queremos nuestro propio diseño personalizado aquí. Entonces justo donde dice ancho de página puesto en 1,000 píxeles, y donde dice altura de página poner en 1,000 píxeles. Ahora no hay nada en particular que diga que el arte isométrico debe estar en formato cuadrado. Simplemente encuentro que este es un tamaño de lienzo útil para trabajar a la hora de crear el arte isométrico. Y hace que sea fácil compartirlo una variedad de lugares si quieres hacer eso. La única otra cosa de la que debemos preocuparnos aquí en esta pantalla es asegurarnos de que esta casilla de crear tablero de arte esté activada. Eso necesita ser revisado para que haga un tablero de arte que solo va a facilitar en el futuro la creación nuevos tableros de arte porque ya comenzaremos con uno, y luego podremos usar esos tableros de arte para diferentes iteraciones de nuestro diseño final. Bien, así que adelante y haz clic en Crear ahora, y luego vamos a obtener nuestro nuevo documento con nuestro nuevo tablero de arte aquí en el centro de la pantalla. Ahora que tenemos nuestro documento, todo lo que tenemos que hacer para terminar de configurar es seguir adelante y encender nuestra cuadrícula isométrica. Sube al menú Ver. No lo puedes ver en mi grabación de pantalla, pero está en la parte superior izquierda. Quieres ver la vista. Y entonces vas a venir aquí para mostrar grid. Cuando hagas eso, la grilla va a estar encendida. Ahora bien, esta no es una cuadrícula isométrica en este momento, así que necesitamos ajustarla, volver al menú de vista y luego bajar a cuadrícula y eje. Esto nos va a dar las opciones para cambiar lo que parece la grilla. Entonces aquí vamos a cambiar nuestro modo de automático a avanzado. Y bajo el tipo de rejilla, vamos a cambiar eso a isométrico. Sí, se puede ver que nuestra cuadrícula isométrica está dispuesta frente a nosotros. Y así podremos usar eso para guiar lo que hacemos. No te preocupes por todos los demás ajustes que veas aquí en este menú. Hay muchos de ellos, pero no son importantes para lo que vamos a hacer en este curso. Así que sigamos adelante y hagamos clic en Cerrar. Ahora en la configuración del documento, estamos listos para comenzar a aprender sobre el estudio isométrico, lo que haremos en el siguiente video. 5. Estudio isométrico: Bien, en este video, vamos a seguir adelante y configurar el panel isométrico Studio. Ahora los panelistas del estudio isométrico, lo que lo hace para que podamos evitar hacer todas esas matemáticas que están involucradas en la proyección isométrica. Para abrirlo, no subirías al menú Ventana, que de nuevo, ese es uno de esos menús enseñados que no puedes ver en la grabación de pantalla, sino que está justo en la esquina superior izquierda de tu pantalla. Abre el menú de la ventana. Ahora puedes ver esto aquí. Bajamos hasta la mitad del menú y elegimos Isométrico. Esto va a abrir un nuevo panel de estudio. Puedes ver a este estudio panelistas flotando libremente en este momento, justo aquí en el espacio de trabajo. Ahora al igual que los paneles de RStudio, puedes seguir adelante y dejarlo caer en estas diferentes zonas por aquí en el lado derecho, solo lo voy a dejar por aquí por ahora porque eso lo dejará muy accesible ya que lo estamos usando mucho mientras estamos creando arte isométrico. Ahora el panel isométrico Studio se divide en dos secciones diferentes. El primero son los aviones. Vas a necesitar hacer clic en Activar planos para encenderlo. Y ahora vas a poder circular entre los diferentes planos. Así que recuerda cuando estamos hablando de lo que es el arte isométrico, es una obra de arte que se proyecta en tres planos diferentes. Entonces tenemos nuestro avión superior, que es en lo que estamos ahora mismo. Y ahora si cambiamos esto al plano lateral, verás que la rejilla se ajusta consecuencia o al plano frontal. puedas determinar en qué avión estás trabajando eligiendo entre estos botones de aquí arriba. Y así estarás cambiando a través de estos periódicamente a lo largo de tu proyecto. La segunda sección aquí abajo son las opciones de edición de planos. Entonces estas son todas las acciones que puedes realizar sobre diferentes objetos en cualquier plano en el que estés seleccionado actualmente. El primero solo va a ser un toggle que has encendido o apagado para permitirte editar en el avión. El segundo es un botón que tomará los objetos que haya seleccionado y lo proyectará en el plano. No tenemos un objeto seleccionado, así que no está haciendo nada en este momento. Entonces déjame seguir adelante y conseguir un objeto para poder mostrarte cómo funcionan estos dos. Primero, voy a agarrar mi herramienta rectángulo desde el lado izquierdo y luego voy a activar Editar en el plano. Ahora cuando arrastre mi rectángulo, se va a arrastrar en el plano superior. Lo puedes ver ahí y también se romperá a diferentes partes de la cuadrícula. Entonces eso es Edit en el avión. Déjame apagar eso. Y ahora si agarro mi herramienta rectángulo y arrastre otro rectángulo, se puede ver que no está en el plano superior, aunque tengo el plano superior seleccionado aquí. Para ponerlo en el plano superior, ahora puedo hacer clic en el ajuste al plano. Y ahora igual que el otro está en el ajuste al avión. Y si cambio a mi herramienta de flecha, puedo moverla dentro del avión. En un video posterior, vamos a hablar de la diferencia entre estos dos métodos y cuándo podrías estar eligiendo uno sobre el otro, pero los usaremos durante este curso. Los otros cuatro botones aquí son todas tus opciones de voltear y rotar. Entonces va a ser muy similar a estos botones que descubren aquí solo este volteará y girará en base a qué avión orina. Lo último que hay en este panel de estudio es la configuración de la cuadrícula. Esto sólo va a abrir exactamente la misma caja que vimos antes. Y así no tiene que preocuparse demasiado por eso, excepto que ocasionalmente cuando está dibujando, es posible que desee volver al estándar porque entonces tendrá ajuste estándar en lugar de cosas de ajuste isométrico. Pero por ahora solo puedes dejar esto cerrado y eso es todo por abrir el panel isométrico Studio. Voy a seguir adelante y eliminar estos rectángulos ahora para que podamos empezar de nuevo en el siguiente video. Y aprenderemos a hacer las acciones isométricas para crear un cubo. 6. Acciones isométricas en el iPad: Bien, este video es para mostrarte cómo obtener las opciones isométricas en la versión iPad de Affinity Designer versión dos, si no vas a usar un iPad, puedes seguir adelante y saltarte este video, pero al igual que la versión de escritorio, después de que hayamos hecho un nuevo documento, entonces necesitamos habilitar nuestra grilla, pero habilitamos esa grilla desde realmente el modo de vista previa, modo previa de submenú está justo arriba en la parte superior. Parece un pequeño limpiaparabrisas en la esquina derecha. Y necesitamos el submenú que está justo a la derecha. Sigue adelante y toca eso, y luego puedes encender la grilla. Entonces, una vez que se enciende la cuadrícula, puedes ver que aparece aquí, pero necesitamos entrar en la configuración de la cuadrícula, que también se encuentran debajo de ese menú Vista previa. Vamos a ir a la configuración de la cuadrícula, y eso se va a abrir en la parte superior de la barra de menú contextual. Y ahí es donde podemos seguir adelante y elegir nuestro modo grid, que en este caso va a ser isométrico. Y así ahora tenemos nuestra cuadrícula isométrica aquí establecida. Ahora también necesitamos poder acceder a nuestras acciones. Así que una vez que hayamos activado el modo isométrico, podremos acceder a nuestras acciones isométricas desde el menú Editar, que es el menú de tres albóndigas aquí puedes ver que ahora tenemos dos nuevos menús que aparecen aquí en el lado derecho. Este menú Editar, el primero son los planos, lo que nos permite habilitar los planos y luego elegir en qué plano nos encontramos. Y luego tenemos el isométrico, muchos de los cuales tiene la edición in place, fit in plane y las opciones flip and rotate. Entonces sigamos adelante y habilitemos los aviones aquí. Una vez que hayamos habilitado los aviones, puede ver que podemos elegir en qué avión estamos trabajando. Entonces esto es un poco menos conveniente que el del escritorio donde realmente tenemos ese menú que podemos arrastrar. Tienes que terminar viniendo mucho por aquí. Así que déjame mostrarte. Quiero agarrar mi rectángulo aquí. Puedo arrastrar mi rectángulo y convertirlo en un cuadrado. Entonces puedo seguir adelante y puedo elegir encajarlo en el avión. Ahora claro, si sigo adelante y enciendo Editar en plano y arrastro un nuevo rectángulo. Nosotros también podemos hacer eso. Si quiero cambiar mi avión, puedo seguir adelante y cambiar al avión lateral. Y entonces podría arrastrar un nuevo rectángulo en el plano lateral. Entonces no es tan conveniente como lo es en el escritorio, pero aún así se puede hacer. Para que puedas seguir junto con los demás videos en tu iPad. Solo recuerda que tus opciones están aquí arriba y habilitas la grilla de aquí desde tu submenú de vista previa. Bien, sigamos adelante y en el siguiente video vamos a aprender sobre estos dos métodos diferentes de dibujo isométrico. 7. Hacer un cubo: Bien, así como podrías haber podido decir desde las dos opciones superiores en el estudio isométrico, hay dos formas diferentes de dibujar las partes de una imagen isométrica. La primera opción es editar en el plano. Esto significa que puedes dibujar cada elemento diferente en el plano donde estará en la imagen final. Esta es la primera forma que vimos en el video donde estuvimos hablando de cómo usar este estudio. La segunda opción es ajustar una forma existente en el plano seleccionado. De esta manera, dibujarás todo plano como una obra de arte 2D normal y luego colocarás cada pieza en el plano correcto. Esto también lo vimos en el video anterior. Entonces, para ilustrar cómo funcionan realmente estos métodos cuando estás creando algo, vamos a seguir adelante y crear un cubo. Y vamos a empezar editando en el avión. Vamos a seguir adelante y agarrar nuestro rectángulo tal como lo hicimos la última vez. Y solo seguiremos adelante y seguiremos adelante y arrastraremos aquí solo un solo espacio de cuadrícula. Y ahora tenemos nuestro avión superior. Para ilustrar esto, vamos a necesitar poder cambiar los colores a diferentes tonalidades de gris. Entonces voy a cambiar mis colores aquí en mi panel de muestras a la gracia. Entonces ahora sigamos adelante y hagamos uno en el costado. Así que solo vamos a intercambiar nuestro plan actual, decidir y asegurarnos de que editar en avión aún esté encendido. Y ahora vamos a arrastrar en nuestro lado uno. Déjame hacer este un poco más oscuro tono de gris. Entonces vamos a seguir adelante y vamos a hacer lo mismo en el frente y arrastrar esto aquí. Y seguiremos adelante y haremos de esto un tono de gris aún más oscuro. Voy a hacer click aquí con mi herramienta de flecha. Se puede ver que ahora tenemos ocho cubos diseñados aquí. Y eso funciona bastante bien porque solo pudimos dibujarlo. Ahora si apago la edición en plano, ahora vamos a ver cómo funciona cuando hacemos el ajuste al plano. Entonces para hacer esto, solo voy a agarrar de nuevo mi herramienta rectangular, y voy a arrastrar otro cuadrado. Pero se puede ver que es plano porque ya no tengo edición en el plano encendido. Entonces solo hay un cuadrado normal. Ahora voy a duplicar eso dos veces la forma de duplicar esto, para mantener presionada Opción en su teclado, haga clic y arrastre. Voy a duplicar eso dos veces para crear los tres cuadrados que necesito. Ahora los voy a proyectar en los diferentes planos. Sigamos adelante y cambiemos primero el color de ellos. Entonces mi top one, voy a hacer este color claro, mi lado uno voy a hacer el segundo color más claro, y dejaré mi tercero como el color más oscuro. Bien, así que comencemos con el plano frontal porque eso es lo que ya estamos en frente está seleccionado y voy a con mi más oscuro seleccionado haga clic en Ajustar para jugar. Ahora tengo el primer lado de mi cubo. Ahora vamos a seguir adelante y hacer el lado. Déjame cambiar a un lado, seleccionar nuestro cuadrado gris medio y encajar para jugar. Ahora sigamos adelante y arrastremos estos juntos y los juntemos. Podemos acercar manteniendo presionada la opción y desplazándonos y solo asegurarnos de que los tengamos juntos. Ahora haremos el último, cambiaremos a arriba y luego elegiremos Ajustar para jugar. Ahora sigamos adelante y arrastremos eso. Y ahora tenemos de nuevo un cubo. Ahora puedes ver para que sea del mismo tamaño, vamos a tener que seguir adelante y escalarlo hacia abajo. Mantenga pulsada la tecla Mayús. Voy a reducir esto para que sea aproximadamente del mismo tamaño que el otro. Y ahora hemos hecho dos cubos idénticos usando dos métodos diferentes, el edit en el plano y el método fit to plane. Entonces puedes usar estos mismos dos métodos para entregar los mismos resultados. Pero dependiendo de lo que estés haciendo, puedes favorecer a uno sobre el otro. El beneficio, el método edit in the plane es que puedes trabajar en la forma final para que no tengas que averiguar tanto. Puedes ser más libre fluyendo con tu proceso de creación. Mientras que cuando estás trabajando plano primero, tienes que averiguar cómo va a encajar cada pieza en la estructura general sin verla. Pero el beneficio de trabajar de esa manera cuando vas a proyectarlo o encajarlo en el avión, es que puedes planificar todo con anticipación. Y es mucho más fácil crear objetos duplicados como hicimos para este cubo que cuando estás dibujando en el plano porque no puedes simplemente duplicar de un plano a otro. No hay manera de hacerlo. Así que al poder simplemente duplicar esa plaza varias veces o decir si estás haciendo un edificio, es posible que tengas ventanas que van a aparecer en diferentes lados de ese edificio. Tú si querías poder duplicarlos todos antes de tiempo, entonces es muy fácil hacer ese piso antes de que realmente te subas al avión. Así que usaremos ambos métodos en diferentes momentos a lo largo del curso mientras trabajas en tu proyecto, siéntete libre de usar cualquiera de ellos, cualquiera que creas que te va a ayudar a lograr mejor tu propósito. Entonces ahora que sabemos usar las acciones isométricas, vamos a seguir adelante y esbozar nuestras ideas para nuestro castillo en el siguiente video. 8. Bocetaje: Bien, entonces ahora vamos a seguir adelante y empezar a trabajar en nuestro proyecto de castillo. Y ahora que sabemos dibujar en los diferentes métodos isométricos, pero para ello, necesitamos bosquejar primero siempre, siempre, siempre cuando estamos diseñando, debemos bosquejar primero. Así que siempre sigo adelante y solo bosquejo sé normalmente voy a bosquejar en papel en una nota adhesiva o tarjeta de tres por cinco. Pero para que esto sea fácil de ver, aquí estoy casting de pantalla desde el iPad, y solo estoy usando una aplicación gratuita llamada conceptos donde puedo bosquejar. No tiene que ser nada elegante. Simplemente entras en bosquejar cosas muy, muy rudamente. De nuevo, normalmente haría esto en papel, pero para facilitar que ustedes puedan verlo, lo estoy haciendo aquí, así que solo haré una miniatura y luego simplemente esbozaré mis ideas. Entonces mi idea es tener un castillo, y no necesariamente voy a meterme realmente en el plano isométrico aquí, realmente solo sacando mi idea. Y puede ser muy, muy rudo. No hace falta que sea bueno en absoluto. Sólo estoy desbastando la idea de cómo podría ser mi castillo guarda. Podría tener puertas, podría tener ranuras de flecha, podría tener algunas ventanas a un lado. Sólo estoy sacando esa idea. Y entonces estoy pensando, bueno a lo mejor quiero ponerle un foso alrededor. Así que podría esbozar un poquito de foso aquí. Y luego me voy, oh, bueno si quiero un foso y entonces podría querer tener un puente levadizo, y solo agrego eso ahí, aunque tal vez no tenga mucho sentido con la puerta que tengo en este boceto actual. Simplemente puedo desbaratar mis ideas. Entonces voy a seguir adelante y voy a subir al siguiente. De nuevo, va a ser una llave. Entonces estos van a verse bastante similares. Pero en esta quiero probar una idea diferente para mi llave. Y eso es que quiero tener otra pared rodeándola. Entonces quiero tener otra muralla del castillo que rodee a la Keep. Y solo lo estoy desbastando. Y la razón por la que dibujamos es porque esto nos permite sacar ideas mucho mejor que solo pensar en ellas en nuestras cabezas. Nuevamente, quizá quiera agregar en emote aquí. Podemos hacer esto mucho más rápido de lo que podemos si solo intentamos idear en Affinity Designer, podemos idear en papel mucho, mucho más rápido. Puedes sacar nuestras ideas y pensar realmente en ellas y decidir qué es lo que más nos gustaría y qué no nos gusta y no tenemos que preocuparnos por el color ni nada. Sólo estamos esbozando estos conceptos, estas ideas. Ahí es de donde entras. Entonces tengo un par de ideas aquí. Son bastante similares. Quizás quieras intentar hacer tal vez 34 o cinco de estos y realmente sacar tus ideas antes de que saltemos y empecemos a diseñar. Bien, así que eso es dibujar. Asegúrate de no saltarte esa fase. Es muy importante. Y en el siguiente video, vamos a seguir adelante y hablar de hacer la estructura del castillo usando las herramientas isométricas. 9. Hacer que el castillo se conserve: Bien, entonces ahora que hemos hecho nuestro boceto, estamos listos para seguir adelante y empezar hacer nuestro castillo. Voy a seguir adelante y sólo mover estos cubos que hicimos por aquí. Y vamos a seguir adelante y tramar el castillo. Para el castillo, voy adelante y empiezo haciendo mis muros en el plano bidimensional, no en el plano isométrico. Voy a seguir adelante y apagarme en avión porque quiero hacer una pared y luego quiero poder reutilizar esa pared para los cuatro lados. Por lo que voy a necesitar dos muros que sean frontales y dos muros que se citan, citados. Sigamos adelante y hagamos eso. Las paredes para castillos son bastante fáciles. Todo lo que necesitamos es nuestra herramienta rectangular aquí. Yo sólo voy adelante y arrastra eso. Ahora puedes hacer esto más largo o más corto dependiendo de qué tipo de castillo te quedes buscando. Voy por una especie de tamaño mediano aquí mismo. Entonces voy a hacer eso y déjame seguir adelante y cambiarlo por aquí ahora puedes ver que tengo mi color puesto a grados porque trabajar en gris es lo más fácil de hacer cuando estás diseñando para ti agregando color. La razón por la que me gusta trabajar en grados es que no te confundes con el color y el color puede ser algo muy impulsado emocionalmente. A mí me gusta simplemente trabajar en la gracia para empezar, porque entonces puedo trabajar más rápido y después puedo probar muchos colores diferentes. Entonces sigamos adelante y voy a cambiar esto a mi gris claro aquí y voy a deshacerme de mi derrame cerebral. No quiero un trazo en eso. Así que solo usando la herramienta rectángulo, he seguido adelante y dibujé eso. Y ahora tengo aquí este rectángulo. Y ahora voy a usar herramientas de rectángulo para hacer las almenas por la parte superior. Acabo de hacer zoom manteniendo presionado la opción y desplazándome. Y voy a hacer mis almenas así como así. Ahora con el fin de simplemente hacer muchas de esas almenas, voy a mantener pulsada la opción y hacer clic y arrastrar que se duplicará al mantener pulsada la Mayús para mantenerla alineada. Entonces voy a poner eso ahí mismo. Y luego voy a conseguir varios de esos con sólo golpear al Comando J, que está duplicado. Y así solo rehará lo que ya se hizo. Bien, entonces déjame arrastrar éste hasta el final, seleccionar sobre todos ellos. Y luego aquí arriba en mi panel de Alineación, sólo voy a seguir adelante y distribuirlos horizontalmente para que todo quede parejo entre ellos. Y aquí tengo esta pequeña muralla del castillo. Ahora, cuanto más trabajo haga aquí en el plano bidimensional, más fácil me va a ser hacer las cuatro paredes más tarde porque ya estará hecho. Así que voy a usar mi herramienta de rectángulo para realmente arrastrar rectángulos para hacer los ladrillos aquí. Y la razón por la que voy a usar un rectángulo en vez de simplemente hacer líneas con mi herramienta pluma aquí es porque el rectángulo se inclinará mejor en el plano isométrico que una línea, bueno, solo porque tiene cuatro puntos que lo conforman. Entonces sigamos adelante y arrastremos un rectángulo. Todavía quiero que se vea más o menos como una línea de lechada. Y voy a llenarlo con uno de mis tonos más oscuros de gris aquí. Creo que en realidad quería ser aún más delgada. Yo sólo voy a seguir adelante y hacerlo bonito y delgado. Y luego para duplicar usando mi herramienta Mover, solo mantendré la opción y arrastraré. Y no quiero que haya demasiados descansos, pero quiero que haya una especie de buen número de respiraciones aquí. Y luego el Comando J para duplicar todo el camino hacia abajo hasta que tenga razón por ahí. Bueno. Bien, entonces a continuación creo que en realidad solo voy a duplicar este para que sean exactamente del mismo ancho. Y sólo vamos a rotar esos 90 grados para que podamos fácilmente entrar aquí y hacer los lados. Yo solo quería asegurarme de que tengan exactamente el mismo ancho. Bien, ahora podemos seguir adelante y duplicar ese Comando J, Comando J, Comando J. Y luego pasemos por aquí y nuestro panel Capas, vamos a seleccionar todas nuestras líneas verticales aquí, así como así. Lo tengo, líneas verticales. Y podemos duplicarlos, justo así. Y entonces lo que queremos hacer es asegurarnos de que hemos ido todo el camino hacia abajo y luego solo los vamos a arrastrar solo para que encajen ahí mismo. Déjame seguir adelante y arrastrar este hacia atrás. Bien, entonces con eso en su lugar, podemos seguir adelante y podemos seleccionar todas nuestras verticales aquí. Y podemos duplicar abajo. Entonces vamos a duplicar hacia abajo y luego hacerlo una y otra y otra vez. Una vez más a la n ahí. Bien, ahora todo lo que tenemos que hacer es seleccionar estos y sacarlos a colación. Bien, entonces ahora tenemos la muralla de nuestro castillo lista para funcionar. Así que sigamos adelante y seleccionemos encima de toda esa muralla del castillo. Vamos a presionar Comando G en nuestro teclado para agruparlo. Y vamos a arrastrarlo aquí a un lado. Entonces ese es nuestro muro. Nos vamos a quedar con eso para que siempre tengamos eso a lo que volver. Y ahora vamos a duplicar esta opción de aquí abajo y arrastrar. Entonces con esa lista para salir, necesitamos cuatro de ellos. Entonces sigamos adelante y hagamos uno también. 3.4. Y luego sólo vamos a seguir adelante y ponerlos en el avión. Entonces comencemos con nuestro punto lateral, encajemos en liso, liso y, y haremos que nuestro plano frontal encaje en avión. Y éste será nuestro plano frontal encajado en tablón. Ahora volvemos a encender nuestro chasquido para que podamos alinear estos correctamente. Vamos a conseguir que estos encajen en su lugar para reunirnos aquí. Ahí vamos. Y ahí vamos, y ahí vamos. Ahora puedo seleccionar sobre la parte superior de todos estos. Y podemos simplemente escalar eso un poco para sea un poco de espacio aquí en nuestro tablero de arte. Se puede ver que tenemos nuestro castillo seguir adelante aquí, lo cual es excelente. Esto es exactamente lo que queremos ahora que hemos hecho la estructura del castillo dibujando los elementos 2D y luego proyectándolo en el plano, podemos seguir adelante y decidir sobre nuestra fuente de iluminación y luego podemos iluminar estas paredes para darle un poco más de dimensión, que es lo que haremos en el siguiente video. 10. Fuente de iluminación: Bien, entonces ahora que tenemos nuestra estructura aquí, podemos seguir adelante y decidir sobre nuestra iluminación. Y muchas veces sólo voy a agarrar un círculo para representar la luz. Si tratamos de utilizar la misma estructura para la iluminación que tenemos aquí con nuestros cubos. Tendremos luz que viene básicamente de la parte superior izquierda. Entonces estoy, seguimos adelante y arrastramos un círculo aquí. Normalmente solo voy a poner esto fuera del tablero de arte y lo haré ligero para que podamos ver que eso está bajando la luz. Entonces, si la luz viene de esta manera, va a querer arrastrar eso solo un poquito por aquí. Se va a iluminar la parte superior y lo que llamamos la cara lateral. Eso quiere decir que la cara frontal va a ser la más oscura. La cara lateral va a ser el tono medio o medio, y la cara superior va a ser el más destacado. Entonces sigamos adelante y ajustemos nuestro castillo para que se vea correcto ahora. Entonces agarrando aquí a este primer grupo, que va a ser un plano frontal, eso quiere decir que debería estar oscuro. Vamos a seguir adelante y abrir nuestro grupo, desplazarnos hasta el fondo de nuestro grupo. Por supuesto, hay muchos colores aquí. Hagamos un subgrupo solo para nuestros rectángulos de lechada. Agrupar ahí. De esa manera podemos cambiar solo esos colores todos a la vez. Y vamos a agarrar todos nuestros otros rectángulos aquí y los agruparemos. Y ahora podemos cambiar ese color con solo un clic. Voy a seguir adelante y cambiar eso a nuestro color más oscuro aquí. Y por supuesto ahora ya no podemos ver nuestras líneas de lechada. Entonces sigamos adelante y queremos que esas líneas de cuadrícula sean más oscuras. Así que en realidad vamos a hacerlos negros en esta cara porque esta es la cara más oscura. Ahora sólo tenemos que ajustar los demás. Así que sigamos adelante y en realidad, va a ser un poco más fácil si solo duplico esa. Así que voy a eliminar esta pared trasera aquí y simplemente haz clic y arrastra esta otra vez y me aseguraré de que encaje eso en su lugar ahí. Ahora puedo tomar ese grupo y sólo puedo arrastrarlo por debajo de los demás. Ahora bien, estos de aquí, tenemos que cambiar sus rellenos. Entonces, sigamos adelante y hagamos grupos para el rectángulo más claro aquí también. Y queremos cambiar eso a nuestro gris de tono medio. Y está bien si mantenemos ahí el gris oscuro como las líneas de lechada. Lo mismo aquí con este. Voy a seguir adelante y borrar esta pared trasera y arrastrar esta a su lugar solo para que no tengas que cambiar el color dos veces. Entonces ahora nos hemos decidido por nuestra iluminación. Y para que puedas ver cómo está funcionando esto. Cualquier cosa que vaya a estar en la cara lateral. Vamos a usar nuestro color de tono medio para cualquier cosa que esté en la cara frontal. Vamos a usar nuestro color de sombra para cualquier cosa que esté en la parte superior, que actualmente no tenemos, vamos a usar nuestro color de resaltado para. Vamos a ver cómo funcionaría eso. adelante y editemos aquí en plano y usemos un rectángulo para dibujar una parte superior para esta torre. Adelante y asegúrate de que estamos en nuestro avión superior. Ven aquí a nuestra esquina y vamos a arrastrar un top para la torre. Ahora una cosa que es crítica en el diseño isométrico, un orden de apilamiento las cosas se apilan una encima de la otra. Así que sigamos adelante y pongamos esto a nuestro color de resaltado y luego cerremos nuestros grupos aquí. Y asegurémonos de que podamos arrastrar esto detrás de nuestras paredes aquí. Quieren tener estas paredes en el espacio adecuado aquí, comprobando su orden de apilamiento. Esta de delante y esta de atrás. Bien, y ahora podemos posicionar este rectángulo en su punto correcto para que parezca que esta torre tiene una parte superior sobre ella. Y así es como lo hacemos para encenderlo. Lo siguiente que queremos hacer es darle más de un campo tridimensional construyendo realmente estas paredes. Estas paredes son excepcionalmente planas en este momento. Queremos construirlos. Entonces vamos a seguir adelante y hacer eso en el siguiente video. 11. Construcción de paredes: Bien, entonces ahora que tenemos nuestro conjunto de fuentes de iluminación y sabemos de qué ángulo venimos. Vamos a seguir adelante y construir los muros de este castillo un poco más para que se vean un poco más tridimensionales. Particularmente queremos conseguir algunos sitios en estas almenas aquí y tops sobre ellos. Así que vamos a tratar de construirlos un poco. Lo primero que queremos hacer es duplicar nuestras paredes. Entonces vamos a usar Option drag para hacer eso. Y sólo vamos a arrastrar estos de una pequeña manera para dar base al grosor de las paredes. Entonces mientras hacemos esto, se puede ver que tenemos estos dos lados de la pared aquí y podremos editar en el plano arriba para construir la parte superior del muro. Ahora sí queremos cambiar el color de esta pared base aquí. Bajemos a ese grupo y necesitamos cambiarlo al color correcto, sea lo que sea que sea. La parte de esto que vamos a poder ver en realidad va a ser un plano lateral. Así que vamos a cambiar eso a D color más oscuro por ahora. Ahora, está en la cima, así que eso no está funcionando. Entonces vamos a necesitar seguir adelante y arrastrar eso por debajo de nuestro otro grupo. Entonces sigamos adelante y arrastremos eso a continuación. Y ahora puedes ver cómo estamos consiguiendo ese lado aquí. Pero para que esto sea realmente completo, necesitamos seguir adelante y arrastrar los planos superiores para esto y editarlos en el avión. Así que asegúrate de que estamos seleccionados en la parte superior y edita en el plano, igual que trabajamos para este techo. Y ahora vamos a seguir adelante y crear estos lados. Ahora, agarrar nuestra herramienta de rectángulo es como vamos a hacer eso. Aquí hay muchos rectángulos, lo que lo hace bastante simple. Ingresos adentro, chasquea a la esquina y luego arrastra hacia afuera. Y se puede ver que nuestro color no es el correcto. Entonces necesitamos cambiar eso a nuestro color de nivel superior, que es nuestro gris claro. Ahora vamos a seguir adelante y hacer eso con los demás. Así que solo estoy usando nuestro chasquido para ponerme en su lugar aquí. Bien, ahí vamos. Ahora bien, una cosa que quizás te estés preguntando es esta parte de aquí, esa es una especie de fondo del área de almenas. ¿Y por qué es eso oscuro? Bueno, eso probablemente sería más oscuro porque está siendo sombra a medida que baja la luz, está golpeando la parte superior de estos y luego está proyectando esa parte en sombra. Así que vamos a dejarlo así por ahora porque creo que eso funciona, pero podrías entrar, podrías hacer otra edición en plano e intentar hacer que ese sea de un color diferente, lo que podríamos hacer cuando lleguemos a la porción coloreada de esto. Pero en lo que respecta a la escala de grises , está bien. Entonces ahora solo queremos hacer eso por más veces. Hay mucho trabajo repetitivo en el diseño isométrico. Eso es solo una parte de ello. Entonces vamos a seguir adelante y sólo trabajar en eso haciendo esto. Entonces voy a acelerar esto, pero puedes verme seguir adelante y acabar con esto. Entonces esta es un poco divertida aquí en que la pared lateral con la que empezamos ahora se ha convertido en la pared frontal porque eso está creando esta porción aquí que estaría en el frente. Entonces tenemos que cambiar eso realmente al color oscuro. Entonces, en lugar de cambiar el duplicado, necesitamos cambiar nuestro original aquí. Entonces sigamos adelante y hagamos eso. Y eso crea entonces esa pelea tridimensional ahí. A veces hay que entrar y simplemente ajustarlos un poco. Cuando hay tantos objetos, puede haber muchos objetivos de ajuste y puede ser difícil asegurarse de que has ajustado a lo correcto, especialmente si aún no has cambiado el color. Así que solo volver aquí y solo revisarlos un poco puede ayudar mucho. Justo un poco fuera del borde aquí. Bien, sólo tenemos uno más que hacer aquí. Y esta es una técnica bastante común en mi diseño isométrico es hacer un duplicado como este para crear básicamente un, otro objeto sobre el que luego puedes usar unos objetivos de ajuste para dibujar incluso otro lado. Es una técnica bastante útil ya que te facilita saber a dónde vas. Entonces voy a hacer esto con lados izquierdo y derecho y también con arriba e abajo. Requiere un poco de limpieza. Y no es tan rápido como hacer la técnica del avión porque solo puedo duplicar todo, pero encuentro que es más fácil trabajar en cosas como esta. Puedes ver que estamos teniendo un pequeño problema aquí con el orden de apilamiento. Esta es la razón por la que el orden de apilamiento es tan importante a la que hay que prestar atención. Tenemos que poner este frente nuestra otra pared trasera aquí. Entonces sigamos adelante y vamos a arrastrar esto hasta aquí mismo. Y entonces tenemos que conseguir este rectángulo arriba de eso. Nadie puede seguir adelante y arreglarlo. Y ahora queremos cambiar el color de esta espalda para que sea una acera. Sigamos adelante y agarremos nuestro color de aquí a allá. Ahora estoy notando una cosa aquí donde esta, puede ver una línea extra que viene a través, que en realidad no es lo que queremos que suceda. Entonces vamos a seguir adelante y apagar las líneas para ese grupo. Y eso está bien. Ahora solo tenemos que asegurarnos de que arreglemos aquí de nuevo el orden de apilamiento, tiramos este hacia el frente porque debería estar en la parte superior para crear esa esquina. Entonces así es como vas a usar la edición en el plano para crear los tops. También podrías hacer esto con los lados dependiendo en lo que estés trabajando. Ahora se puede ver que aquí hay partes donde como que desaparecen. Los bordes simplemente no están ahí. Ahora podemos seguir adelante y encargarnos de eso en los detalles más adelante si realmente queremos ver el borde. Pero hay cosas en la vida que simplemente desaparecen porque están siendo golpeadas por la misma luz y realmente no se puede ver la distinción entre ellas. Entonces voy a decir que eso está bien por ahora. Y ahora tenemos considerablemente más grosor a nuestras paredes. Se sienten más reales. Sienten que tienen más peso que ellos. Entonces solo endebles paredes de papel que teníamos antes. Entonces estamos teniendo un pequeño problema aquí con el orden de apilamiento. Y este es un buen ejemplo de dónde podríamos necesitar usar un cultivo vectorial. La herramienta de recorte vectorial está justo aquí encima del rectángulo, y esto le permite recortar parte de un objeto. No se deshace de él, así que no es destructivo, pero te permite simplemente tomar parte de él de una manera que puedes hacer esto desde cualquier lado. Así que voy a seguir adelante y simplemente hacer retroceder esto aquí así. Y acabo de recortar el borde de esa pared del castillo para que podamos ver la iluminación correcta aquí. Entonces, usar el cultivo vectorial es una excelente manera de ocultar parte de un objeto, particularmente si no quieres tener tomarte el tiempo para deshacerte de ese objeto y el cultivo vectorial puede resolver tu problema. Así que sigamos adelante y haga clic fuera de aquí. Y eso funcionó bastante bien ahí. Así que vamos a seguir adelante y dejarlo así. Ahora en el siguiente video, vamos a seguir adelante y pasar a agregar detalles a esto para tratar de llenar la vida del castillo. 12. Añadir detalles: Bien, ahora que tenemos nuestro castillo construido y lo tenemos sombreado correctamente y le hemos construido el muro tridimensional. Es hora de que sigamos adelante y empecemos a agregar algunos detalles a este modelo básico aquí. Y lo primero que voy a hacer a la hora agregar detalles es hacer referencia nuevo a mi boceto y ver que quiero algunas puertas y ventanas aquí. Así que vamos a seguir adelante y probablemente hacer algún tipo de puerta aquí y la base, y luego algunas ventanas arriba a lo largo de la parte superior para tratar de demostrar que aquí hay al menos dos niveles. La otra cosa que quiero hacer es abrir esta zona en la parte superior de aquí para que haya una especie de camino a través de ella e incluso podríamos construir una escalera para entrar ahí. Entonces, sigamos adelante y comencemos a construir estos detalles. Y mucho de esto va a ser cosas que ya hemos visto antes. Entonces voy a acelerar parte de ello para que no tengas que verme hacer todo en tiempo real. Entonces voy a seguir adelante y construir esto no en el avión. Entonces voy a apagarlo en el avión. Y luego usando mi herramienta rectángulo, vamos a seguir adelante y vamos a construirla y queremos que sea una puerta que sea rectangular pero luego tenga un arco en la parte superior. Entonces vamos a seguir adelante y combinar un círculo y un cuadrado juntos para esto. Eso va a hacerlo. Está un poco fuera de aquí. Solo necesitamos tirar de nuestro punto medio de nuestro círculo hasta el borde de nuestro rectángulo. Entonces ahora tenemos esta forma que podemos usar, y probablemente podremos usar esta tanto para las ventanas como para las puertas. Sigamos adelante y arrastremos esta de aquí para que tengamos nuestras formas para después, antes de combinarlas. Y voy a arrastrarlo hacia atrás con una opción de arrastrar para duplicar. Y luego voy a subir aquí arriba a la derecha y fusionarlos usando el comando add. Podríamos usar la herramienta de generador de formas para eso, pero es más rápido simplemente hacer el comando add en lugar de cambiar a otra herramienta y eso haciendo las líneas de dibujo, el constructor de formas es realmente mejor para cosas más complejas donde tienes muchas formas superpuestas. Entonces queremos construir esta puerta y queremos que haya alguna dimensionalidad en ella. Así que en realidad pienso al mirar esto ahora que esta forma va a ser mejor para una ventana, así que podría guardar esa forma antes más tarde. Voy a hacer esta puerta un poco más gruesa así. Ahora para darle algún tipo de dimensionalidad, queremos que haya algo de sombreado dentro de él para que parezca que está un poco empotrado. Y para hacer eso, vamos a duplicar la forma. Otra vez. Queremos cambiar la otra forma a negra. Así podemos crear esa dimensionalidad compensándolos un poco aquí. Y eso está bien, pero realmente va a funcionar mejor si la sombra está en el interior de la puerta y se siente como si estuvieran alineados entre sí. Entonces, para que eso realmente funcione, vamos a necesitar usar una máscara de recorte. Entonces primero vamos a seguir adelante y duplicar nuestra forma original de nuevo, justo encima de sí misma golpeando Comando C y Comando V. Y luego vamos a voltear el negro dentro de esa forma. Entonces necesitaremos usar tres de estas formas idénticas para crear este efecto. Porque necesitamos una forma para ser el color base, una forma para ser el color más oscuro, y una forma para usar para recortar, porque queremos poder recortarla en la forma para compensarla. Eso probablemente sea un poco confuso. Así que vamos a ver cómo funciona. Queremos alinear estas formas que todas estén en el mismo lugar. Sigamos adelante y seleccionémoslos todos. Y solo usaremos las herramientas de alineación para alinear sus centros y sus medios. Ahora, lo que queremos es que la forma negra esté algo así como en la base. Y luego queremos poder recortar la forma gris dentro de esa forma para desplazarla un poco para crear una máscara de recorte, haga clic y arrastre sobre la miniatura de otra capa, y luego esa será recortada dentro. Luego dentro de ese nuevo grupo de recorte, asegúrese de que está seleccionado en la capa de máscara y luego puede moverla. Entonces, para que esto funcione, podemos crear aquí este tipo de efecto de sombra. Ahora, podemos tomar esta forma y podemos seguir adelante y podemos ponerla en el avión. Ahora voy a guardar esto fuera del avión por si acaso lo necesito después. Entonces voy a arrastrar esto por aquí. Y de nuevo, cuando estás trabajando, está bien si el área alrededor tu tablero de arte se llena cosas porque podrías necesitar esas cosas más tarde. Así que vamos a seguir adelante y hacer un grupo y G para agruparlos y luego elegir encajar en simples esperanzas estaban en el avión equivocado. Cambia el plano al frente y los zapatos encajan en juego. Entonces podemos arrastrar esto por aquí y puede caber en la parte superior. Sigamos adelante y bájalo. Ahora. Eso se ve bastante bien. Creo que probablemente podamos ajustarlo un poco. Sólo vamos a reevaluar eso un poco más para que parezca que está más atrás, probablemente cambie el color aquí. Entonces sigamos adelante y cambiemos este color a la oscuridad. Porque ya está en la oscuridad, eso no se siente del todo bien. Entonces tal vez necesitemos cambiar este a negro y cambiar el color de nuestra sombra para que sea más un resaltado para activarlo para que haya más como luz que brilla desde el borde. Entonces probemos eso con nuestra Gracia. Bien, eso se ve un poco mejor porque ahora tienes la sensación de que va a volver a entrar ahí y realmente no puedes ver lo que está pasando. Definitivamente hay más que podemos hacer esto y tal vez regresemos y agreguemos más detalles más finos después, pero sigamos adelante y agreguemos algunas ventanas al otro lado. Y vamos a hacer esto de la misma manera. Entonces agarrando nuestra forma base aquí, voy a seguir adelante y hacer algunas copias de ella. Comando C, Comando V, Comando V. Ahora tenemos estas dos copias y podemos colorear una de ellas a negro o gris oscuro en este caso porque aquí vamos a hacer la ventana lateral y podemos convertir la otra en gris claro. Y ahora si lo recortamos por dentro, podremos moverlo alrededor. Entonces entonces podemos agarrar esto, por supuesto, y duplicarlo. Agrupe estos, comanda G, y luego elige nuestro plano lateral y encaja en juego cómo podemos traer esto aquí y escalarlo. Cambiemos el color. Y ahora le hemos dado algunas ventanas a este nivel superior aquí. La otra cosa que queremos hacer es agregar en ese efecto trampilla aquí. Así que sólo vamos a hacer eso editando el avión. Podemos ver que solo van a ser cuadrados para cambiar esto de nuevo a arriba en el avión. Y vamos a seguir adelante y arrastrar aquí una plaza. Como que nos dan la sensación de que hay algo abajo en esta zona. Ahora para que esto funcione realmente bien, realmente necesitamos tener este espectáculo dos paredes, pared más oscura en la parte posterior y una pared más clara a la derecha. Y eso creará ahí la profundidad de apariencia. Sigamos adelante y hagamos eso usando la herramienta Pluma para crear un triángulo sobre la parte superior de este cuadrado. Entonces en ese triángulo en su lugar, ahora podemos cambiar eso al gris de la pared ahí. Y podemos cambiar el cuadrado inferior al gris oscuro, la pared ahí. Bien, y eso nos da la apariencia. Ahora podemos ajustar esto para cambiar cómo se ve. Y es por eso que aquí usamos la herramienta pluma, porque podemos ajustar el ángulo de la pared en función de dónde ese punto falso. Entonces voy a colocarlo ahí mismo porque creo que eso hace que parezca que va más abajo. Entonces ahora tenemos eso en su lugar. El último detalle que quiero agregar en este video, porque podríamos volvernos locos y podríamos seguir para siempre con detalles. Pero el último detalle que vamos a hacer en este video va a ser la escalera. Vamos a construir una nueva forma y construcción para agregar un poco de detalle que mostrará esta escalera bajando a este espacio aquí. Y eso solo ayudará a los espectadores a sentir que en realidad está bajando. Entonces para hacerlo más fuerte, ¿qué necesito el rectángulo? Y claro que vamos a hacer esto no en el avión, para que podamos proyectarlo en el avión más tarde. Y una escalera es solo un par de rectángulos con rectángulos intermedios. Entonces no es una forma muy complicada aquí. Y luego solo usaremos el Comando J para duplicar a través del resto de la escalera, duplicarlo para que tengamos una fusión de copia junto con el comando add. Y ahora podemos seguir adelante y meterlo en el avión. Así que sigamos adelante y digamos Fit a llanuras en avión otra vez. Oh, tiene que asegurarse de que estás en el avión correcto. Entonces queremos que esto suba por aquí en este lado de la luz. Entonces vamos a poner eso en el plano lateral y luego encajar en juego. Ahora podemos arrastrarlo hasta aquí, y obviamente es demasiado grande, así que lo bajaremos y lo pondremos bien. Siguen siendo demasiado grandes. Así que cuando la escala más abajo, ahí mismo realmente no me importa que se muestre por encima aquí porque o vamos a ocultar esa órbita cuando un vector la recorte en un segundo. Ahora necesitamos trabajar un poco con la escalera para que se vea tridimensional. Así que sigamos adelante y arrastre la opción, tal como lo hemos hecho antes, para darle algo de dimensionalidad a esto, arrastrarlo hacia atrás y cambiar su color solo para que podamos ver el contraste ya que estamos alineando las cosas aquí arriba. Entonces esto es muy similar a como hicimos las paredes. Y ahora solo necesitamos probablemente agregar una pieza superior aquí. Entonces sigamos adelante y usando el plano superior, editaremos en el plano y haremos un rectángulo entre estos colores más claros por ahora. Y ahora tenemos aquí esta escalera. Entonces, para completar la escalera, necesitamos agrupar todos estos juntos y luego tratar de hacer un cultivo vectorial. Si no podemos ocultar esta parte de esta última con un cultivo vectorial, ocultaremos con otra forma. Sigamos adelante y agruparlos, cambiemos a nuestra herramienta de recorte vectorial y veamos si podemos lograr que se vea bien. Y no vamos a poder conseguir que se vea exactamente bien con los cultivos vectoriales. Así que lo recortaremos vectoriales hasta ese momento. Y luego usaremos una forma oculta para ocultar esto usando la forma del mismo color aquí. Entonces esta es una técnica que usamos solo para ocultar partes donde no podemos conseguir que se coloquen correctamente. Si quisiéramos poner esto en capas, necesitaríamos hacer un recorte de esta pieza superior y luego llevar eso frente a la escalera. Y eso complicaría nuestra pila de capas. Entonces no voy a hacer eso ahora mismo porque no creo que tengamos que hacerlo. Creo que sólo podemos ocultarlo con esta pieza. Entonces solo dibujando un triángulo alrededor de eso. Entonces agarraremos el mismo color aquí. Y ahora eso está oculto y parece estar bajando al propio castillo. Así que solo para saber cuál es esa curva, voy a asegurarme de que la nombro. Sólo voy a llamarlo escalera escondida para que sepa lo que está haciendo esa forma ahí en la pila de capas. Bien, así que hemos entrado y hemos agregado algunos detalles. Hemos agregado una puerta, algunas ventanas y una escalera, así como este espacio interior del castillo. Para que puedas dedicar mucho tiempo agregando detalles. Entonces eso es todo lo que voy a agregar por ahora. Y en el siguiente video vamos a seguir adelante y vamos a empezar a agregar color a esta imagen en escala de grises para simplemente darle vida un poco. 13. Cómo agregar color: Muy bien, así que ahora que hemos seguido adelante y agregamos algunos detalles a nuestro trabajo, ahora estamos listos para seguir adelante y agregar color. Y acabo de copiar este tema de color de color.adobe.com. Así que sólo voy a usar eso para Cuentagotas en algunos colores aquí. Antes de hacer eso, hay un par de cosas que tenemos que hacer para configurarlo correctamente. Primero, tenemos que sacar todas nuestras formas que están fuera de la pizarra y tenemos que hacerlas en un tablero de arte. Así que voy a agarrar el arte justo debajo de la herramienta Mover y arrastrar sobre un tablero de arte para sostener estas formas adicionales. Vamos a necesitar eso porque a la larga nos lo hará más fácil para que agreguemos el color. Así que sigamos adelante y arrastremos este círculo extra justo a este tablero por ahora, eso nos mostraba de dónde venía nuestra iluminación, pero ya no necesitamos eso. Lo siguiente que queremos hacer, por supuesto, es duplicar nuestro tablero de arte aquí. Entonces, al colapsar esto y luego seleccionar el tablero de arte uno, podemos mantener pulsada la opción, haga clic y arrastre para duplicar ese tablero de arte porque todavía queremos tener nuestro gran partido cuando lo necesitamos. Entonces vamos a tomar mi primer cubo aquí y voy a seleccionar el top. Entonces voy a elegir uno de estos colores para ser el top. Creo que voy a empezar con sólo usar los azules aquí para que sean los colores. Cambiar a la herramienta de selección de color es como lo llaman aquí. Vamos a usar así y eso es genial. Después seleccionaremos este lado y seguiremos adelante. El siguiente tono más oscuro me golpeó en mi teclado para la herramienta cuentagotas, y yo en el teclado otra vez. Y ahora tenemos tierras para probar cómo ven esos tonos uno al lado del otro. Y creo que eso va a estar bien. Bueno al menos pruébalo. Siempre podemos hacer otra iteración si necesitamos seleccionar todo en nuestro primer tablero de arte y agruparlo. Ahora vamos a darle un nombre a nuestro segundo tablero de arte aquí. Vamos a llamarlo color uno. Por si acaso queremos hacer múltiples colores. Queremos seguir adelante y seleccionar todo esto aquí. Vamos a desagruparlo todo. Y la razón por la que vamos a desagrupar todo es porque queremos poder modificar si todo simultáneamente, eso es más difícil de hacer si es en grupos. Así que vamos a subir a nuestro menú Capa, que sé que no puedes ver en este elenco de pantalla, pero es ahí mismo donde este menú ha aparecido ahora en el menú Capa y vamos a ir a desagrupar todos. Y eso debería hacer que todo sea lo suyo ahora. Por lo que fue realmente útil tener grupos antes. Nos ayudó a posicionar las cosas, conseguir las cosas en el lugar correcto. Pero ahora tenemos desagrupados en absoluto aquí. Es posible que necesitemos arreglar un par de cosas solo porque se puede ver que la escalera ahora aparece en el lugar equivocado y eso es porque el cultivo vectorial ha sido liberado en ella. Entonces para arreglar eso, por supuesto podemos simplemente bajar aquí y ajustar donde está nuestro pequeño rectángulo aquí. Para ocultar eso. Ahora podemos hacer un poco de reposicionamiento si es necesario, pero intentemos agregar primero el color y ver cómo va eso. Entonces, mirando nuestro cubo, ahora sabemos exactamente lo que necesitamos cuando seleccionamos nuestro color superior aquí. Entonces vamos a seguir adelante y subir al menú Seleccionar en el menú muy superior, que no puedes ver en mi pantalla, pero puedes verlo aparecer aquí. Así que ve aquí y elige Color de relleno. Ahora, se puede ver que se extiende y trata de agarrar otras cosas que son que llenan de color. Pero como hemos agrupado todas estas cosas juntas, ahora será más fácil desseleccionarlas. Así que acércate a tus otros tableros de arte y simplemente presiona Comando en tu teclado y haz clic en él para anular la selección de ese tablero de arte. Ahora que tenemos eso listo para ir. Una vez que sigas adelante, usa nuestra herramienta cuentagotas para seleccionar el color que estamos usando para la parte superior. Entonces cambiando a I, vamos a dar click en la parte superior. Ahora todos nuestros colores superiores están en su lugar. Ahora volviendo a la herramienta de movimiento, podemos seguir adelante y seleccionar Sitio de arte. Ahora con eso hecho, hemos hecho casi todo lo que hay que hacer, pero todavía tenemos algo de negro ahí dentro. En este punto, tenemos que decidir si queremos que el negro esté ahí o no esté ahí porque agregamos en negro como cuarto color. Entonces es posible que queramos probar algo un poco diferente, para ajustar un poco las cosas con un color diferente, posible que queramos intentar usar uno de estos otros colores para nuestro color de resaltado y luego usar este color más oscuro para la parte que actualmente es negra. Entonces sigamos adelante y probemos eso. Para hacer eso, vamos a seguir adelante y agrupar todo en este tablero de arte juntos seleccionando sobre todo, comando G, agruparlo todo en uno. Entonces vamos a duplicar tal como lo hicimos antes, Opción haga clic y arrastre. Y ahora vamos a desagrupar todas las capas ocultas y agruparlas todas. Y ahora haremos nuestro tubo de ensayo aquí, color beige como color resaltado aquí. Entonces se le cayó eso y luego con el color lateral, iremos con el azul más claro. Se le cayó eso. Y luego para el color frontal, iremos con el azul medio. Y podemos comparar eso con el cubo debajo de él para ver cómo nos gusta eso. Y entonces podemos mantener este color más oscuro por lo que habíamos hecho en negro. Así que sigamos adelante e intentemos esto de nuevo, seleccionando nuestro primer rectángulo aquí. Subiremos e iremos a Seleccionar el mismo color de relleno, tal como lo hicimos antes. En este caso, quiere seleccionar las cosas sobre el color. Uno. Vamos a ir y asegurarnos de deshacer eso. Eso es todo. Eso es como que nada asegura que desseleccionemos este lado aquí. Y luego vamos a seguir adelante y me lo dejo caer. Ahora solo necesitamos conseguir nuestros negros seleccionando uno de estos. Y luego haremos Seleccionar el mismo color de relleno sobre eso. Y vamos a Cuentagotas en nuestro más oscuro de aquí. ¿Bien? Y entonces podemos comparar estos dos esquemas de color juntos. Y podemos decidir cuál nos gusta más. Y podemos hacer cualquier ajuste individual que necesitemos por ejemplo I. Podría probar el color más claro en estos aquí porque creo que podría verse un poco mejor. Yo solo nos da un poco de una vibra diferente. Y para que puedas ver cómo puedes seguir adelante y agregar color a tu modelo existente y puedes mirarlos todos para ver. Así que sigue adelante y configura tu tema de color y luego prueba las variaciones de color para obtener lo que quieres. Conozco el proceso para usar Select, Same como un poco complicado, pero te ahorra mucho tiempo en el largo plazo realmente pasando por y seleccionando cada objeto individualmente y restableciendo su color. 14. Más detalles: Bien, entonces ahora tenemos esto mayormente completado aquí. Nosotros hemos hecho la guarda del castillo y realmente podríamos terminar este proyecto aquí. Pero solo quería pasar y mostrarles cómo agregaría más detalle, más sabor, más vitalidad a este proyecto en particular. Así que voy a seguir adelante y hacer eso. Pero ya conoces todos los conceptos básicos sobre editar el plano y encajar en el plano. Entonces voy a dejar que me vigiles solo para que me veas hacer esto. Y claro que lo voy a acelerar para que no tengas que verlo en tiempo real. Bien. Sigamos adelante y comencemos. Bien, una de las cosas que estoy haciendo aquí es que estoy agregando estos pequeños aspectos destacados en esta área remota solo para mostrar un poco que es agua. Por supuesto, usando una paleta de colores limitada como soy, no tengo tanto control sobre cómo se ven los colores porque realmente solo estoy haciendo los lados. Pero una cosa que puedo hacer es ajustar el Modo de Fusión. Entonces estoy usando el mismo color aquí, pero para crear el resaltado que sería poco brillante en el agua, estoy usando el modo de fusión de pantalla aquí. Entonces para los reflejos, usaré pantalla y si quiero sombras, usaré multiplicar. Así que eso solo te da un poco más de flexibilidad en cómo se ven tus cosas. Así que hemos creado esta zona de foso aquí. He dado estas ventanas, pequeñas repisas solo para que tengan un poco más de profundidad a ellas. Sólo voy a añadir algunos detalles más aquí a medida que avance. Entonces ahora estoy tratando de crear este elemento bridge aquí solo para agregar un poco más de detalle. Y esta es una de esas cosas que va a requerir un poco de cuidado manual de fudging solo para que funcione cuando se quiere cambiar una forma regular y ajustar sus puntos, lo cual estaba haciendo con estas celdas de windows aquí, hay que convertirla en curvas. Cuando lo tengas seleccionado con tu herramienta Nodo que puedas ajustar los puntos individuales, sube aquí y haz clic en convertir a curvas. Entonces, una vez que eso se ha convertido en curvas, entonces puedes ajustar los puntos individuales. Entonces puedes ver aquí, una de las cosas que tengo que hacer es realmente poder mover estos puntos para unirlos al semicírculo aquí, porque quiero que aparezca curvo. Entonces es un poco más complicado que trabajar con formas planas si quisiera al menos darte un poco de exposición a la forma en que esto es. Entonces sigamos adelante. Voy a cambiar esto a mi color superior por ahora para que podamos ver lo que está pasando. Y estamos usando este semicírculo como guía aquí. Pero vamos a hacer los ajustes manuales a cada una de estas tablas a medida que las metamos. Sé que aquí hay algunas brechas entre estas tablas. Eso está bien. Habría brechas entre tablero real. Así que en realidad no me preocupa que esa coincidencia sea perfecta. Pero esto solo te da básicamente alguna idea de cómo pasarías por el proceso manual de hacer algo que es más orgánico, forma menos rectangular aquí. Podemos seguir adelante y ver cómo se ve esto sin el semicírculo. adelante y agarremos todo nuestro bloque de curvas aquí y solo veamos si podemos colocarlas en una zona diferente. Creo que podemos eliminar estos semicírculos y luego vamos a querer venir y simplemente agregar un poco de dimensión a las tablas aquí en el plano lateral. Así que asegúrate de que estamos de nuestro lado color liso aquí. Seguiremos adelante y convertiremos esto curvas y ajustaremos nuestros puntos reales. A veces lo que voy a hacer es simplemente golpear Comando C, Comando V para pegar en su lugar. Y luego tomando mi punto, dejaré bien a la mayoría de los puntos en su lugar y luego los arrastraré para que coincidan con ellos. Eso puede hacerlo un poco más fácil. Simplemente copiando y pegando cada cosa. Sólo lo están trayendo aquí abajo. Eso un poco de profundidad a ello ahí. Y le das un poco más de definición a estos tablones. Podría intentar añadirles un trazo aquí. Dales un poco más de definición ahí. Entonces tenemos este pequeño puente que va sobre la mota que nos está dando un poco más de detalle en nuestro castillo aquí. Y ahora tenemos nuestro castillo aquí con un poco más de detalle, un poco más de vida a él. Obviamente, hay mucho más que podrías hacer. Puedes dedicar mucho tiempo tus diseños isométricos, agregando detalles. No vamos a entrar en agregar plantas o personas aquí, que es como a menudo se llena una especie de alcance de un diseño isométrico porque esos son temas un poco más difíciles. Y este es solo el curso de principiantes aquí, pero esto te llevará lo suficientemente lejos y estoy muy emocionado de ver tus castillos. En el siguiente video, vamos a aprender a exportar esta imagen para que podamos compartirla. 15. Exportación: Bien, Ahora que tenemos aquí una pequeña escena de castillo terminada , es hora de que sigamos adelante y exportemos este proyecto. Ahora lo primero que vamos a querer hacer es asegurarnos de que podamos encontrarlo fácilmente cuando lo estemos exportando. Así que sigamos adelante, colapsará nuestros tableros de arte aquí para que podamos encontrar fácilmente el con el que estamos trabajando porque eso hará que sea más fácil exportar. Y vamos a cambiar este para que se llame tubo de color porque era nuestro segundo esquema de color. Y luego vamos a seguir adelante y en realidad exportar este tablero de arte. Pero antes de hacer eso, quiero seleccionar estos cubos aquí y simplemente moverlos porque no necesito que sean explotados. Yo sólo quiero que esta escena sea exportada. Voy a subir a Archivo y elegir Exportar. Y se abrirá el cuadro de diálogo de exportación. Se puede ver que nos está mostrando lo que se ha seleccionado. Se puede ver aquí donde dice área que el área que se está exportando es de color dos. Ahora bien, si quisiéramos hacer uno de nuestros otros, podríamos seleccionar un tablero de arte diferente. Por ahora solo estamos haciendo color también. Se puede ver que nuestro tamaño se establece en 1,000 píxeles por 1,000 píxeles, que es lo que configuramos al principio. Por supuesto, podríamos ajustar eso aquí si quisiéramos cambiar nuestro tamaño de archivo. Y puedes ver que nuestro tamaño estimado de archivo es de 316 kb, lo cual es realmente, muy pequeño porque esto es solo un objeto vectorial muy simple. Con todo eso establecido en consecuencia, podemos seguir adelante y exportar esto. No necesitamos preocuparnos por estos ajustes avanzados en este momento. Adelante y haz clic en Exportar. Entonces vas a tener la oportunidad de guardar esto en tu computadora, darle un nombre. Voy a llamar al mío castillo isométrico. Mantener. Y sigue adelante y haz clic en Guardar, y eso es todo lo que necesitas hacer. Entonces puedes seguir adelante y abrirla. Y aquí está el archivo abierto en vista previa. Se puede ver que se ha exportado completamente. Y ahora podríamos usar esto donde queramos, incluso traerlo a nuestro proyecto. Así que asegúrate de hacerlo. Adelante, hazlo. Bien, en el siguiente video, seguiremos adelante y hablaremos de tus próximos pasos. 16. Próximos pasos: Bien, llegaste aquí hasta el final del curso. Espero que hayas disfrutado aprendiendo un poco más sobre arte isométrico y cómo hacerlo en Affinity Designer versión dos. Ahora tal vez te estés preguntando cuáles son tus próximos pasos. Bueno, antes que nada, si aún no has seguido adelante y entregaste el proyecto, asegúrate de exportar tu castillo como JPEG y luego subir eso a la sección de proyectos del curso. Nuevamente, recuerda poner tu imagen en la sección del cuerpo del proyecto para que pueda ver todo el asunto y no solo el área de miniaturas en la parte superior. Ahora, ¿qué haces después de eso? Bueno, probablemente quieras seguir aprendiendo poco más sobre los programas de afinidad. Afortunadamente, tengo un buen número de cursos aquí para ustedes tanto para la versión de afinidad uno como para la versión dos, dependiendo de lo que esté usando, lo que quiera aprender. Entonces tengo cursos sobre un diseñador de temas, pero también tengo cursos sobre Affinity Publisher y una foto de tarifa también, que puedas aprender a usar toda la suite. Así que asegúrate de ir a mi perfil para ver más de esos cursos que quizás quieras tomar. También hay una serie de clases diferentes de arte isométrico aquí en Skillshare que son impartidas por diferentes profesores. Así que tal vez quieras seguir adelante y revisarlos también. Si quieres seguir subiendo de nivel tu arte isométrico, algunos de ellos podrían no usar afinidad, pero ahora que tienes los conceptos básicos cómo funciona en el infinito, deberías poder tomar las habilidades que imparten en esos cursos y aplicarlas a Affinity Designer. Como siempre, si tienes alguna duda, sigue adelante y pregúntales en la pestaña de discusión. Muchas gracias por ver, y nos vemos en el próximo curso.