Fondos 2D: crea escenas impresionantes para tus animaciones

1. Introducción: En animación, crear fondos es importante porque necesitamos que nuestros personajes animados se paren dentro de un mundo. Hola, mi nombre es Toniko Pantoja y soy artista dentro de la industria de la animación. Trabajé en producciones como, How To Train Your Dragon 3, Croods 2, Kipo y The Age of the Wonder beast entre otras. La importancia de tener un trasfondo es darle a nuestro personaje un mundo en el que vivir, un mundo con el que interactuar, y solo establecer un escenario para que ellos actúen. En esta clase, vamos a pintar fondo específicamente para animación. Primero, vamos a hablar de perspectiva y comprensión de la línea del horizonte, la perspectiva de un punto y la perspectiva de dos puntos. Entonces vamos a avanzar hacia el acaparamiento de nuestra inspiración y referencias. Luego se le ocurren bocetos para llegar a diferentes composiciones, maquetación, escenarios para el fondo, y cómo conseguir que se termine completamente con color, iluminación y sombras. Voy a estar usando Adobe Photoshop como software, y es posible que necesites una tableta de dibujo. Si estás listo para comenzar a pintar fondos, comencemos. 2. Comencemos: Hola, ahí. Vamos a estar haciendo un fondo para nuestros personajes y animación. Los antecedentes son muy importantes. Piénsalo como si necesitaras construir un mundo en el que vive un personaje o hablemos en un tipo de sentido de producción cinematográfica, necesitas un set para que tu actriz interprete. Entonces una animación. Necesitamos dibujar y construir ese mundo en el que nuestros personajes van a estar viviendo y respirando. Al final de esta clase, vas a tener un fondo terminado que podrás usar para una animación de personaje que hayas hecho anteriormente. Esta clase es para cualquiera que quiera aprender a hacer fondos o cualquier persona que quiera aprender a diseñar escenarios y solo escenografía, y una introducción a la conceptualización ambiental. Entonces aprenderé este proceso paso a paso y te guiaré a través de él. Voy a hablar primero de la importancia de la línea del horizonte, la un punto, la perspectiva de dos puntos. Después de eso, vamos a investigar inspiración y referencias de los tipos de antecedentes que queremos hacer. A partir de ahí, vamos a una miniatura aproximada, diferentes tipos de fondos, cualquier asiento mejor para, digamos, tu escena, tu fondo en un punto de vista de animación, tal vez coincidiendo con tu guión gráfico. Entonces después de eso, vamos a aclarar esos tableros con dibujos más limpios hasta que esté listo para colorear. Hablaré sobre cómo coloco mis fondos usando Photoshop. Lo que vas a necesitar es, por supuesto, una computadora. Voy a estar pintando digitalmente. Entonces una computadora sería un buen requisito. Algunos de ustedes podrían estar pintando cosas tradicionalmente, pero voy a estar usando una computadora. En cuanto a mi herramienta de dibujo, estoy usando una tableta de visualización, es decir, esta tableta tiene una pantalla. También puedes usar tableta gráfica normal donde sea un pad y estés usando la pantalla como referencia. En cuanto al software de elección, he usado Adobe Photoshop para mis fondos, para animación, solo porque puedo establecer capas. Puedo tener elementos de primer plano. Puedo tener elementos de fondo. Photoshop es genial para eso, especialmente cuando se trata de composición. Prepara tu estación, prepara toda tu configuración y comencemos. Vamos a hacer antecedentes. 3. Cómo entender las líneas de horizonte y la perspectiva: Entonces, antes de que realmente empecemos pintar fondos o a hacer fondos, necesito hablar de perspectiva y de puntos de fuga y líneas de horizonte. Y estos son importantes porque mantienen los antecedentes arraigados. Entonces voy a hacer una nueva capa y solo voy a dibujar nuestro pequeño visor, nuestra pantalla. Esto sólo va a representar el tamaño o el tamaño de la ilustración. Por lo que la línea del horizonte también se conoce como la línea del ojo. Es donde se encuentran el suelo y el cielo. Entonces voy a anotar eso , cielo y tierra. Entonces, la razón por la que esto es importante es también para mantener todo consistente, sobre todo si queremos colocar a nuestro personaje en ciertos puntos. Pero si muevo la línea del horizonte hacia arriba o hacia abajo, así que si la muevo hacia arriba, es como si estuviéramos mirando hacia abajo en el suelo más que mirando hacia arriba. Y si muevo la línea del horizonte hacia arriba, es como si estuviéramos mirando hacia arriba o más hacia el cielo. Y con ese cielo o con esa línea de horizonte, ahora podemos empezar a averiguar nuestros puntos de perspectiva. Entonces voy a hacer una pequeña demostración sobre la perspectiva de un punto. Entonces, la perspectiva de un punto, imagina que estás en medio del callejón y estás mirando directamente hacia el callejón. Es donde todo va en la misma dirección en cuanto a los ángulos de las paredes. Entonces solo voy a mostrarte cómo se ve eso usando la perspectiva de un punto, entonces voy a indicar ese punto de fuga. Entonces, en una perspectiva de un punto, es solo un punto. Y en Photoshop, voy a seleccionar una herramienta de líneas para poder dibujar líneas rectas. Así que vas a hacer clic y mantener presionada la Herramienta Rectángulo y presionar Herramienta Línea y luego vas a asegurarte de cambiar de forma, esta configuración de Forma a Pixel. Y la razón de eso es para que actúe más como un pincel que como una forma vectorial. Y con formas vectoriales, va a cargar todas estas opciones para máscaras y no queremos eso. Sólo queremos tratarlo como si estuviéramos pintando algo. Entonces ahora que tenemos el pixel puesto, voy a dibujar un montón de líneas todas desapareciendo hasta este punto de fuga. Ahora con estas líneas, tenemos una referencia o una guía para dibujar nuestras paredes, dibujar nuestros pisos, y mantener todo inclinado hacia este punto de fuga. Entonces, en una nueva capa, y por cierto, está haciendo una nueva capa, asegúrate de que tu ventana de capa esté abierta. Así que ve a Ventana, Capas, y debería haber una pestaña aquí donde puedas ver todas tus capas. Presiona este signo más por aquí para crear uno nuevo y te voy a mostrar eso con puntos de fuga, y si solo dibujo digamos las paredes laterales de nuestro callejón, ahora podemos usar esta guía para que todo se sienta mucho más fundamentado. Y fíjense cómo van nuestras paredes hacia este punto de fuga. Ahora tenemos una referencia de dibujar nuestras ventanas hacia el punto de fuga para que mantenga todo sólido y fundamentado y consistente. Esa es una palabra importante. Para que podamos tener a nuestro personaje caminando en este plano a nivel. Ahora voy a hacer una demo de la perspectiva de dos puntos. Entonces, lo que parece es imaginar que estamos en una esquina de una calle y estamos mirando la otra esquina al otro lado de la calle. Así que sólo voy a dibujar de nuevo mi línea de horizonte y ahora voy a indicar nuestros dos puntos. Para que puedas poner esto en cualquier parte. A mí me gusta ponerlos muy lejos porque si los ponemos muy cerca, vamos a conseguir un efecto ojo de pez. Te voy a mostrar cómo suelo hacer una perspectiva de dos puntos. Entonces digamos que elijo un punto de fuga para estar en algún lugar por aquí, y luego otro por aquí. Entonces este es uno y este es dos. A continuación, voy a dibujar algunas líneas. Entonces ahora a partir de aquí podemos obtener fondos más dinámicos donde digamos que establecemos la parte superior de nuestro edificio. Y otra vez recuerden, en cualquier cosa por encima de la línea del horizonte significa que estamos mirando hacia arriba. Cualquier cosa por debajo de la línea del horizonte significa que estamos mirando hacia abajo en el suelo. Y eso va a afectar la forma en que dibujamos nuestros edificios, coincidiendo con la línea del horizonte. Entonces ahora tenemos un poco de profundidad. Y dependiendo de lo que estés construyendo, ahora mismo solo estoy construyendo algunas cajas, digamos que quiero construir una choza justo al lado de esta. Voy a indicar una línea vertical para averiguar la altura de esa. Y para obtener este lado de la pared o el lado que está orientado hacia el lado izquierdo, necesito hacer referencia al punto de fuga 1. Así que incluso puedes trazar una línea si quieres ayudar con eso. Pero ya dibujé esas líneas, así que solo estoy usando las referencias que dibujé antes para ayudarme a guiarme a través de eso. Y entonces si quiero obtener este lado de la pared, las paredes orientadas a la derecha, voy a usar como referencia el punto de fuga 2. Entonces ahora si queremos que nuestros personajes caminen, tal vez de esta manera o de esa manera, al menos se sienten mucho más enraizadas y la escena se siente mucho más sólida. Entonces usando mis puntos de fuga, solo puedo terminar el resto del fondo. Y otra vez, cualquier cosa de cara a la izquierda, me voy a referir al punto de fuga 1. Ahora bien, algo que realmente quiero mostrar rápidamente y la razón por la que espacié tan lejos estos puntos de fuga es que si los pongo muy cerca, vas a conseguir un efecto ojo de pez. O si estamos hablando de como cámara, si la lente es súper corta. Entonces digamos que dibujo mis antecedentes y pongo dos de mis puntos de fuga muy cerca uno del otro. Entonces hasta algo así está bastante cerca. Entonces, si dibujo mis líneas, ahora vamos a conseguir un rincón acortado muy exagerado, un fondo muy acortado. Así que fíjate en cómo todo simplemente se siente realmente estrecho. Entonces otra vez, si tuviera que dibujar mis edificios usando esta guía, y por cierto, mantengo turno para dibujar recto verticalmente o recto horizontalmente. Observe cómo todo ahora simplemente se siente mucho más exagerado. Y en la mayoría de los casos, probablemente no quiero algo como esto donde simplemente esté demasiado estilizado. Entonces, si estás haciendo antecedentes, asegúrate de que tus puntos de fuga estén lejos el uno del otro. Entonces te recomiendo que necesites practicar perspectivas de un punto, dos puntos. Otra práctica que puedes hacer es tomar fotos de acción real o fotos de la vida real y rastrearlas para encontrar esos puntos de fuga tú mismo. Ingeniería inversa de una imagen, esa es otra forma de aprender perspectiva o entender la perspectiva. Ahora, quiero que practiques esto para que cuando hablemos de antecedentes e ilustrando antecedentes, ahora tengamos una base sobre cómo hacer que esos fondos se sientan mucho más sólidos y se sientan un poco más técnicos. Así que únete a mí en la siguiente lección. Vamos a empezar a hacer miniaturas e inspirarnos para ideas de fondo y solo para averiguar qué fondo queremos hacer. 4. Cómo hacer investigación y crear miniaturas: En esta lección, vamos a estar investigando por nuestros antecedentes. Creo que la investigación es importante porque no sólo queremos inspirarnos en lo que estamos tratando de hacer, sino que también queremos tener un poco de comprensión de lo que estamos tratando de lograr. Podría tener una idea de cómo se ve, digamos, una armadura o cómo es un lugar. Pero si realmente quiero obtener la especificidad y la mayor precisión de algo, quiero hacer referencia a él. Al mirar referencias, probablemente encuentre cosas que ni siquiera consideré que hagan algo auténtico y esa es una palabra importante que estamos buscando. En otra clase anterior de Skillshare, hice una clase de diseño de personajes y quiero utilizar los personajes que diseñé a partir de esa clase como inspiración para estos antecedentes. Quiero mostrarte cuáles son esos personajes. Estos son los personajes que voy a estar usando. Como se puede decir, tenemos personajes japoneses medievales. Tenemos un samurai, tenemos un Ronin errante, y por alguna razón, tenemos un robot. En este contexto, el robot es un viajero en el tiempo que terminó en el Japón medieval. El fondo que voy a usar está ambientado en Japón tradicional medieval y las escenas que pienso son más del lado rural de las cosas. La razón por la que estoy eligiendo elementos rurales es porque cosas como la naturaleza, las cosas que son más orgánicas son mucho más divertidas de dibujar. Son más expresivos y no requieren tanto planeamiento. Es un gran comienzo si solo estás tratando de hacer fondos. Voy a tener algunos elementos de cosas que tradicionalmente son medievales japoneses. Para estos orígenes, estoy buscando un santuario japonés en el bosque. Voy a escribir en Santuario Japonés y voy a poner simplemente bosque por ahora. Entonces me gustan las escenas que se sienten un poco inquietantes y atmosféricas. Creo que esta podría ser una escena muy divertida para intentar pintar una casa real o un edificio real. Esto es algo que es bastante bueno. Cuando estoy buscando referencias para fondos, estoy pensando en el color, estoy pensando en información de iluminación y composición, y también estoy pensando solo en el estado de ánimo también. Algunas de estas imágenes tienen santuarios muy bien iluminados o muy soleados y luego algunas son más brumosas, atmosféricas o simplemente oscuras. Es bueno obtener un poco de variedad solo para que puedas obtener un poco de inspiración. Ahora a partir de esto, puedo empezar a pensar en composiciones y puedo miniaturas mis fondos en el lateral. Eso lo voy a hacer en Photoshop. Voy a golpear “Nuevo” y solo voy a crear un nuevo archivo basado en un preset de un papel. Te voy a mostrar diferentes formas de hacer una miniatura basada en diferentes enfoques con los que he trabajado. Sólo voy a dibujar un marco. Creo que es un buen comienzo para averiguar dónde está tu línea de horizonte. No voy a pensar en puntos de fuga. Voy a tratar de mirarlo. Tenemos un santuario o un arco de uno. Nuevamente, solo ojo la idea ahora mismo. Hago mucho bosquejo al aire libre o dibujo. Así que puedo tener sentido hacer que mis miniaturas pequeñas se sientan un poco más creíbles. Podemos decir que porque esto está por encima de la línea del horizonte, estamos levantando la vista en este santuario. Entonces tenemos, digamos escaleras bajando por este camino. O simplemente para crear interés visual, estoy pensando, ¿sabes qué? ¿Y si simplemente continuamos este camino que solo tenemos para que sea más interesante visualmente? La forma en que pienso sobre la composición y interés visual es pensar a dónde quieres llevar el ojo. Me gusta fingir que estoy en la escena y estoy pensando que estoy subiendo las escaleras. Quiero pensarlo de esa manera donde estoy haciendo estas grandes formas y las estoy dibujando de una forma o manera específica para guiar el ojo. Todo esto solo va a ser cosas en el sitio como árboles, rocas, arbustos, y todo lo que sea orgánico. Arriba aquí tenemos nuestro cielo. Pero según las referencias que encuentro, siempre está rodeada de hojas y árboles. Sólo voy a indicar eso sombreando. Esa es una idea de una miniatura. Voy a poner uno. Otra que puedo hacer, y esto es algo que tú también puedes probar, es simplemente hacerlo en base a la forma. Y si, digamos, realmente no tengo nada específico, pero tengo una idea de la composición. Puedes dibujar con un pincel muy grueso si quisieras solo para jugar con el lenguaje de formas y todo eso. Estoy pensando, ¿sabes qué? A lo mejor hay una cascada al fondo y luego hay un santuario aquí. Está todo solo en una roca y luego aquí está nuestro suelo, y aquí hay algunas rocas y árboles muy lejos en el fondo. A lo mejor eres alguien que también lo piensa en términos de formas y composiciones realmente audaces. Si quieres, incluso puedes usar solo valores. Los valores solo describen los niveles de brillo, las cosas se van más oscuras y las cosas van más brillantes. Incluso puedes hacer algunos tonos de bajo perfil solo para poder encontrar las composiciones que quieras. Yo diría que solo sigas jugando con ellos. Voy a seguir haciendo algunos más porque realmente no tengo una idea súper clara en qué tipo de antecedentes quiero. Aquí, ahora hagamos una miniatura donde estamos siguiendo una perspectiva de un punto muy simple. Voy a trazar mi línea de horizonte. A lo mejor estamos mirando al suelo y voy a trazar una línea así y voy a dibujar un punto. Entonces simplemente esbozaré aproximadamente mis puntos de fuga. Había una imagen que realmente me inspiró para este enfoque. Estoy viendo esta foto. Me gusta mucho que miremos hacia abajo y las cosas se desvanecen hacia abajo. Es una cabeza muy recta en la composición. Acabo de inspirarme en eso. Estamos mirando un camino y entonces tal vez estamos muy por encima del santuario o del arco. Está por debajo de la línea del horizonte. Estamos muy arriba en este punto si estamos mirando hacia abajo en el santuario. Entonces por aquí solo hay rocas y concreto y solo más rocas que van todas hacia un punto de fuga. Esto es igual que nuestro camino. Tal vez podamos hacerlo un poco más orgánico poniendo un poco de asimetría, decorando con caminos rotos, tal vez algunas hojas cubiertas de maleza, y luego toda esta zona está rodeada de árboles y naturaleza. Y si tal vez en vez de un santuario, tenemos una choza o una casita y tal vez la estamos mirando hacia arriba. Bajemos nuestra línea de horizonte. Voy a poner mi punto de fuga en algún lugar fuera de la caja que hice y tratar de grillar eso, tratar de dibujar nuestras líneas de fuga hacia esos puntos. Entonces usando esa referencia, ahora tal vez podamos dibujar la parte superior de nuestra casa o nuestro pequeño edificio usando nuestros puntos de fuga como guía. A lo mejor está sentado sobre un montón de rocas. Lo mejor de los cantos rodados y rocas es que no tengo que ser súper preciosa en cosas como ángulos y ser realmente técnico. Todavía puedo dibujar formas muy orgánicas y aún así salirme con la suya. Es bueno pensar en líneas de horizonte para indicar si estamos mirando hacia arriba o hacia abajo sobre un objeto. Piensa en esas cosas. Creo que voy a terminar mi dibujo en miniatura aquí. Podría ir con el número 4 porque eso podría ser interesante de hacer. Ahora quiero que exploren miniaturas alrededor del 2-5, solo para jugar con la composición, para experimentar con sus puntos de fuga y su línea de horizonte, y para experimentar con formas, diferentes composiciones y diferentes diseños. A partir de aquí, vamos a seleccionar una miniatura y utilizarla como nuestra referencia principal para averiguar nuestro dibujo aproximado y averiguar qué es realmente este fondo. 5. Cómo hacer un boceto de tu idea: Ahora tengo mis miniaturas hechas y listas. Es la fuerza del santuario japonés. He hecho múltiples versiones de la misma como pueden ver. Por la cuarta miniatura, he decidido que esta es la que quiero seguir adelante con. Me gusta la composición, me gusta la configuración para ello. Lo que voy a hacer es usar la herramienta Lazo, voy a seleccionar esa pieza y asegurarme de que tengas la capa seleccionada con el dibujo. Voy a golpear “Editar” y “Copiar” y después voy a hacer un nuevo documento siguiendo la misma resolución. Recuerdo usar 8.5 por 11 pulgadas, la letra uno. Voy a estar trabajando en un paisaje. Voy a tener que girarlo en el sentido de las agujas del reloj. Tengo que rotarlo 90 grados. Voy a imagen, rotación de imagen 90 grados en el sentido de las agujas del reloj o en sentido contrario a las agujas del reloj. En realidad no tenemos un dibujo ahí. Después voy a crear una nueva capa y después voy a pegar mi miniatura. No voy a hacer nada como esto donde llene la página completamente con la miniatura porque de nuevo, quiero poder ver mis puntos de fuga. Usando esto, lo voy a reducir y te recomiendo que uses una resolución bastante grande porque vamos a estar acercando y alejando mucho. De nuevo, realmente depende de ti, pero me gusta que las cosas sean amplias. Este tamaño de Canvas ahora mismo se sienta en, y voy a mirar los pixeles, 3,300 por 2,550 pixeles, puedo trabajar con esto. Normalmente trabajo más grande porque a lo mejor quiero hacer 4K o 6K, pero vamos a trabajar con esto por ahora. A partir de aquí, voy a crear una nueva capa y esta será mi marco o mi visor. Entonces sólo voy a intentar dibujar un rectángulo que coincida con esto. Incluso puedes mantener presionado Shift para dibujar esas líneas. Me veo obligado a dibujar sólo vertical u horizontalmente. Todo dentro de esta caja va a ser nuestro trasfondo real. Ahora voy a crear una nueva capa, y esta va a ser nuestra línea de horizonte, horizonte. He establecido en la miniatura aproximada que la línea del horizonte está en algún lugar cerca de la parte inferior así que esto indica que estamos mirando hacia arriba. Tal vez moverlo un poco hacia arriba. Ahí vamos. Voy a bajar la opacidad de mi dibujo en bruto y para ello, clic en la capa con el dibujo aproximado o miniatura aproximada y simplemente bajarla. Quiero asegurarme de que dije que dibujo mi cuadrícula o mis líneas de perspectiva. Usando de nuevo la herramienta de línea, sólo voy a seguir dibujando. Se puede dibujar a mano alzada. Simplemente seleccionaré un pincel. me gusta sostener mi pluma así solo para permitirme estar suelto todavía. Así es como me pongo más suelto y rápido dibujo. Sigo haciendo eso y sé que esta estructura está sentada encima de un montón de cantos rodados. Sólo voy a dibujar a la ligera un montón de cantos rodados y puedes usar referencia de rocas reales y cosas así. Pero ahora mismo, sólo voy a dibujar rocas a la ligera ya que pienso en cómo se verá. Ahora bien, si estás usando un mouse o si digamos que no te sientes cómodo dibujando con un lápiz, también puedes usar una herramienta de líneas como lo hice yo para mis líneas de perspectiva y simplemente haz clic y arrastra. Tal vez establezca el ancho de su línea aquí si está buscando el peso y luego simplemente haga clic y arrastre solo para que tenga una idea aproximada del fondo y luego estoy pensando que va a haber alguna carretera que coincida con el punto de fuga y tal vez simplemente siga adelante. A lo mejor tenemos un poco de pasos. Solo voy a dibujar un camino muy básico para eso, y el estilo que voy por está fundamentado por la perspectiva. Pero también estoy pensando en hacerlo más gráfico o estilizado. En este punto, debido a que las formas son orgánicas, no me preocupa demasiado hacer que las cosas coincidan con la perspectiva. A menos que esté haciendo algo que sea como un edificio o una casa o cualquier cosa con paredes rectas, ahí es cuando estoy pensando en la perspectiva y en los puntos de fuga. Tenemos un poco de estructura en la parte superior, y yo sólo voy a dibujar eso. Creo que lo mejor es que tenga mis referencias en el lado solo para que pueda tener algo con lo que dibujar. Me gustan mucho las formas de ésta o tal vez incluso más simples. Vamos con algo sencillo por ahora. Vamos por algo como esto. Voy a hacer que coincida con una de nuestras perspectivas, nuestro punto de fuga, el número 2 de aquí. Todavía voy a esbozarlo más o menos. Todavía no soy realmente preciosa sobre la forma, pero voy a hacer un boceto un poco áspero para darme una idea de la alineación y las formas que me gustaría usar. Ahora puedes ver que estoy usando las líneas de perspectiva que hice antes como guía. Sé que quiero que estas dos gradas estén parejos entre sí o que coincidan entre sí. Quiero asegurarme de que estén en la misma línea o en el mismo avión. De todos modos, estoy siendo muy rudo ahora mismo. Está bien porque realmente solo quiero hacer las formas y listas antes de limpiarlas aún más. Si realmente quisiera hacer esto dimensional y tan grueso, podría darle más profundidad usando uno de mis puntos de fuga. Puedo volver a visitar esta parte más adelante. Quiero averiguar los árboles al fondo. A veces me gusta usar una capa diferente para enfocarme en diferentes partes de mi fondo. Otra vez, estoy siendo rudo. Voy a estar muy suelto solo para dibujar formas para cómo podrían verse los árboles. A veces tuve que voltear lado a otro para ver qué hacía realmente buena la toma anterior o la primera. Noté que estaba un poco más elevado. Volvamos a ver. Noté que se sentía un poco más uniforme como si las cosas no solo estuvieran asomando, como tal vez pueda agregar un poco más de estructura para que se sienta como que todo está conectado. Sólo voy a seguir agregando más información para que cuando me sienta listo pueda empezar a ponerla en orden. Una vez que has hecho un rudo que te parece razonable, eso parece algo con lo que estás satisfecho, entonces podemos seguir adelante ordenándolo con trazos más audaces o incluso con líneas más rectas, no un incompleto y más preciso. Voy a seguir vaciando esto, y una vez que estemos listos, y una vez que estés listo, podremos empezar a poner en orden los dibujos en otra capa. 6. Cómo crear tus líneas limpias: Siguiente Voy a hacer este porro un poco más ordenado y un poco más limpio. Empecemos. Voy a bajar mi capa de dibujo rudo, déjame renombrar ese rudo. Mi referencia sigue abierta, así que todavía puedo tener una referencia de cómo quiero que se vea el fondo. Entonces voy a bajar la opacidad de mi rudo. Para ello, voy a mi ventana de Capa y selecciono mi capa y giro la opacidad hacia abajo en la parte superior derecha para, digamos algo relativamente bajo, como 10%, al menos todavía puedo verlo. Entonces voy a crear una nueva capa y esta será mi limpia. En términos de animación, hay una etapa llamada tie down, que es justo entre limpio y rudo. Pero para este caso, sólo voy a ir directo a una etapa de limpieza. Hay tantas maneras en las que puedes hacer esto. Para formas orgánicas como rocas, podría simplemente dibujarla a mano. Como pueden ver, estoy siendo más gentil, más cuidadosa, y un poco menos desordenada y gestual así. Estoy siendo mucho más preciso y deliberado con mis trazos. Un hábito que quizás quieras probar y hacer o practicar es solo hacer un solo trazo por una cosa. Se nota que sigo siendo bastante flojo, es decir, que no estoy describiendo demasiado mis dibujos, es decir, que no estoy dibujando todas las texturas o dibujando cada parte del dibujo. Todavía lo mantengo áspero y suelto. Nuevamente, mirando las referencias que encontré en línea, y noto que hay un letrero encima de aquí. Yo sólo voy a hacer esas formas. Pero también voy a jugar un poco y tal vez agregar un poco de techo o una pequeña estructura encima de él, solo para crear un lenguaje de formas más interesante. Entonces voy a seguir adelante. Ahora sólo voy a dibujar los árboles de fondo. De nuevo siempre puedo cambiar de un lado a otro. Cuando borro partes de los árboles, no estoy afectando a mis otros dibujos y cuando se trata de mi referencia, he cargado múltiples referencias, así siempre puedo voltear a la referencia que quiero para un árbol específico al que voy a buscar. Si quieres, puedes dibujar en las texturas de tu árbol. Te animo a que sigas limpiando tus antecedentes, tu dibujo rudo, en algo que sea un poco más claro. Únete a mí en la siguiente lección. Vamos a colorear nuestro fondo. 7. Cómo agregar color: El color es importante porque puede ayudar a describir la hora del día o el tipo de estado de ánimo, o incluso la elección estilística expresiva. Los colores son más románticos, los colores son más terrosos. De nuevo, eso depende de ti, pero creo que realmente te ha ayudado a vender el mundo por tus fondos y ya estás listo. ¿Cómo selecciono los colores? Bueno, en realidad puedo elegir colores de la rueda de colores, de la muestra de color. En Photoshop, si haces clic en tu selección de color, puedes elegir tus colores de esta manera. Pero ¿sabes qué? Digamos, no puedo elegir los colores ahora mismo de la imaginación y eso está bien. ¿Sabes qué? Voy a arrancarme mucho y robarme colores de mi referencia. Voy a convertir imágenes de mis referencias en muestra de color. Voy a hacer clic en mi imagen desde mi carpeta y arrastrarla a Photoshop y va a crear una nueva capa y ponerla en Photoshop. Voy a alejar el zoom porque esta imagen parece bastante alta res. Voy a encogerlo. Estoy pensando en otro fondo que me gustan mucho los colores. Sé que quiero unos rojos profundos o unos rojos vibrantes. La razón por la que estoy seleccionando algo como esto es porque el rojo es un color muy fuerte. Observe cómo simplemente se destaca con todo ese verde así que quiero un poco de eso. Voy a elegir uno más. Me gustan mucho los colores oscuros de esta referencia. Hay muchas maneras en que puedes descomponer esto en colores muy simples porque veo esto y estoy como, hay tantos colores en cada una de estas imágenes. Cuando importas tu imagen como capas en Photoshop, la va a convertir en un Objeto Inteligente, que es como toda esta capa, podemos hacer cambios sin aplicar grandes cambios a la propia imagen. Lo que voy a hacer es que voy a hacer clic derecho sobre la capa y se puede decir por el icono que se trata de un Objeto Inteligente. Sólo voy a hacer clic derecho sobre eso y darle a rasterizar y esto nos permitirá editarlo. Voy a rasterizar esta imagen. Voy a convertir esta imagen en una paleta de colores. Algo que aprendí en la escuela como un filtro llamado cristalizar o puedes usar mosaico. Debe estar bajo pixelado. Sí. Si vas a pixelar y vas a cristalizar y puedes ver que ahora está convirtiendo mi imagen en pequeños triángulos. Quiero hacerlo más grande. Ahora se siente como su propia paleta de colores. La razón por la que esto es importante para mí es que puedo seleccionar la herramienta cuentagotas. Está aquí arriba, o puedes darle a I. Sólo puedo seleccionar el color que me guste y elegirlo y simplemente usarlo como mi color. El siguiente es éste. Otra forma de convertir esto en una paleta de colores más simplificada que personalmente me gusta es que voy a filtrar, voy a la galería de filtros. Uno de mis favoritos se llama recorte y como se puede ver, se simplifica la imagen a sólo unos pocos niveles de color y valor. A lo mejor quiero golpearlo hasta tal vez ocho. En realidad no, siete estuvo bien. Hazlo más simplificado para que pueda ver los colores. Nuevamente, la fidelidad solo describe lo cerca que quieres que esté en cuanto al detalle de la imagen y luego la simplicidad es más sobre cuántos colores hay. Fresco. A lo mejor algo así. En realidad me gusta eso. Todavía puedo ver un parecido de la imagen. Voy a pegarle a “Bien”. Esa también puede ser otra paleta de colores. Para este, también podría simplemente hacer un pixelado normal, mosaico, igual que otra herramienta de censura. Ahora tengo mi paleta de colores. Bajo mi dibujo limpio, así que el primer plano limpio y un fondo limpio, entonces voy a empezar a hacer grandes formas. Me gusta comenzar con un color neutro para el fondo, así que voy a seleccionar todo y la capa de abajo usando la herramienta rectángulo y voy a elegir algo que sea un tono medio, entonces un tono medio verde. La razón por la que elijo esto es porque es el color dominante de todas las referencias que estoy viendo y será el color dominante de mi fondo. Me di cuenta que algunas de mis líneas limpias, algunas de ellas son verdes. Yo sólo quiero convertirlo en completa oscuridad. Selecciona esa capa, ve a imagen, ve a ajustes, y ve a brillo y contraste y voy a bajar el brillo para que todo se sienta oscuro. Incluso puedes activar el modo heredado, que es una versión más antigua de cómo Photoshop manejó esta opción y es mucho más exagerada. Voy a rechazarlo. También voy a darle la vuelta a este todo el camino hacia abajo también , arrancarlo todo para que pueda ver las líneas. Puedes agarrar la Herramienta Lazo o la Herramienta Lazo Poligonal. Pero comencemos con la Herramienta Lazo. Con mi tablet y la Herramienta Lazo, me voy a centrar en el elemento de primer plano aquí y voy a empezar a seleccionar todo a su alrededor. Al mantener presionada la tecla Shift en tu teclado, puedes empezar a construir cosas cuanto más selecciones. Al mantener Alt, puedes anular la selección de cosas. En vez de tener que pensar, tengo que conseguir todo esto perfecto y tengo que hacerlo de una sola vez, no tienes que hacerlo. Al sostener Shift, puedo hacer eso paso a paso. En este momento solo me estoy enfocando en el suelo. Entonces a partir de aquí, incluso puedo seleccionar un color de mi elección aquí. A lo mejor algo más terroso. Vayamos por algo aquí por ahora. Lo que puedo hacer también es seleccionar colores aleatorios de mi verde y empezar a cepillarme. A mí. Me gusta sentirlo afuera como, aquí arriba está la hierba y luego miro mi paleta de colores y el fondo va, a mejor esta parte va a ser rocas o algo tal vez más ligero. A lo mejor aquí abajo, será más rocoso. Aquí habrá rocas y luego tal vez por aquí, estará más fangoso. Ahora, supongo que voy a pasar al santuario. Puedo limpiar esto si quiero, pero quiero pensar en el santuario. Recuerda, si apago todas estas capas y enciendo solo mi pintura, así es como se ve sin el arte lineal y sin ninguna otra capa adherida a ella. Noto que esta cosa es transparente, así que solo voy a rellenar eso rápidamente y tal vez solo agregue un poco más de textura o solo color. Pero incluso sin line art, estamos consiguiendo algo que se siente un poco más terminado. Voy a hacer clic o mantener presionada mi Herramienta Lazo y seleccionar Herramienta Poligonal. Algo como esto es útil si estás, digamos pintando con un ratón. En lugar de tener que esbozarlo, solo puedo pasar el mouse sobre una parte y tocarla una vez que me sienta satisfecho con el lugar donde estoy aterrizando. Compruébalo. Básicamente estoy creando la forma y la silueta para esta pequeña estructura. Porque sé que hay algunos agujeros y aberturas en este edificio, voy a sostener Alt para restar una selección de parte de esta estructura. Entonces desde aquí, una vez que cierre eso, voy a seleccionar mi herramienta de cubo de pintura, seleccionar el color rojo intenso del santuario y presionar “Enter”. Ahora tenemos un santuario o el edificio con santuario e incluso puedo agregar algunos de los colores de la herramienta recortada que uso donde puedo agregar un poco más de óxido o puedo agregar un poco más de madera envejecida. Pero siento que eso podría estar distrayendo así que tal vez incluso algo más sutil o tal vez un rosa más claro podría hacer. Nuevamente, esto es solo por ahora y todavía no estamos pensando realmente en cosas como sombra y luz. Sólo estamos pensando en cómo será esta cosa si no hubiera luz y sombra. Es el color del espejo plano. Pero mirando el fondo ahora, fíjate como el rojo simplemente resalta. Eso es lo que quiero. Voy a hacer lo mismo con la estructura en algunos de esos santuarios. Casi terminé con estos antecedentes. Ahora, voy a seguir añadiendo un poco más de color al fondo lejano, y quiero que hagas lo mismo con tus propios fondos. Únete a mí en la siguiente lección. Voy a seguir vaciando mis colores locales para mis fondos y una vez que estemos listos para agregar información más específica de iluminación y sombra usando modos de fusión de Photoshop para sus capas, entonces podremos seguir adelante. 8. Cómo agregar luces y sombras: En esta lección ahora, voy a comenzar a aplicar luz y sombra usando los modos de fusión de capas de Photoshop. Ahora bien, esta parte puede ser muy, muy divertida porque realmente no necesito hacer tanto esfuerzo para pensar en mis elecciones de color. Realmente se trata de grandes formas y jugar con solo opacidades y cosas así. Como se puede decir, agregué un poco más de detalle o un poco más de colores en mi fondo. Voy a crear una nueva capa y voy a seleccionar un color relativamente brillante. Vamos por algo no demasiado brillante. Yo diría, vamos por nuestro verde claro y luego voy a cambiar mi modo blend en algo add o screen. Sabes qué, voy a elegir Agregar. Lo que esto hace es ahora con eso cuando dibujo, es como si le estuviera aplicando un modo add blend y quiero mostrarte un poco de ese modo blend porque digamos que dibujo normalmente y así es como luce el color normal, ahora con diferentes modos de fusión, puedes usar ese mismo color para oscurecer en él. Puedes usar ese mismo color para aclararlo. Voy a tal vez, me estoy imaginando en algunos de estos fondos hay pequeños puntos de luz golpeando la escena por las hojas en los árboles. Vemos como pequeños puntos o unas pequeñas motas de luz geométrica realmente fuerte. Se puede crear una nueva capa. Seleccione la herramienta Lazo para hacer una forma grande. Tal vez tenga una luz dramática realmente grande que se vea así o en esa forma. Aunque voy a elegir un color diferente. Voy a elegir tal vez algo así y después voy a aplicar una pantalla. Vamos por algo. Esto es tan dramático, pero digamos luz lineal y se ve demasiado brillante, estoy pensando en esos rayos de luz. Incluso puedes rechazarlo con la opacidad. Incluso podría usar la herramienta Lasso para definir cada vez más información de iluminación, manera más geométrica. Hagámoslo muy, muy rápido. Bien, y luego quiero mostrarte algo realmente genial. Yo voy a hacer eso. Lo que también puedes hacer es con esta capa seleccionada, puedes presionar Filtro, Desenfoque, Desenfoque Gaussiano, y luego ponerla arriba para que sienta que hay un poco de degradado C. Entonces voy a bajarla un poco. Ahora personalmente, prefiero estilos que sean un poco más opacos, no como algo así, pero de nuevo, siempre se puede arreglarlo. Estilo dibujado a mano si quisieras. En ocasiones se puede utilizar la sensibilidad a la presión de la pluma. Lo que quiero decir es que al presionar este botón de aquí arriba junto a la opacidad, puedo dibujar en base a la presión de mi pluma. En lugar de simplemente dibujar sin la presión de la pluma por la opacidad, más claro dibujo, es más transparente. Cuanto más pesado dibujo, se vuelve más opaco. Nuevamente, se puede aplicar lo mismo. Voy a bajar esto un poco. Lo mismo se puede aplicar a las sombras también. Digamos que quiero alguna información de sombra en el suelo para poder seleccionar mi herramienta de lazo y rellenar el contorno. Digamos, quiero algunas sombras aquí, quiero algunas sombras aquí abajo. La forma en que pienso sobre las sombras se basa en la superficie. Si la superficie está orientada hacia el otro lado donde se supone que debe estar la luz, eso va a ser más oscuro y estoy usando un estilo sombreado de celdas más opaco e incluso se puede describir un poco más agregando un poco de formas. Estoy usando la herramienta Lazo para seleccionar esas formas antes de llenarla. Bien. A lo mejor hay algunos aquí atrás también. Oh, sí, se me olvidó aplicar eso a mi santuario así que creo que todo bajo la luz se va a oscurecer. Voy a seleccionar esos. Cosas como bajo el techo o debajo una tabla que ayudarán a describir la luz. Voy a elegir tal vez un color más oscuro para esto o un medio oscuro, digamos algo así como este tipo de marrón. Estoy escogiendo color. Un tipo de marrón más cálido puede hacer tal vez solo algo más sutil como un marrón gris. Entonces voy a seleccionar mi herramienta de cubo rosa y golpear uno de los costados. Pero ahora solo conseguimos estas formas. Con el modo de fusión puedo usarlo para agregar un modo de fusión como multiplicar. Esta es en realidad una herramienta o una técnica que muchos estudios utilizan a la hora de pintar fondos. Entonces aunque sea opaco, puedo volver con mi herramienta de borrador y comenzar a limpiar las cosas o tal vez incluso simplemente agregando más gradiente C, describiendo la forma de un poco más, solo personalizándolo un poco más. O tal vez pueda volver a seleccionar mi herramienta de pincel y comenzar a pintar algunas sombras más manualmente para obtener algo más específico. ¿Sabes qué? Voy a terminar esto muy pronto en realidad. Incluso puedo agregar algo a algunas de las escaleras si realmente quiero darle un poco de profundidad. Incluso puedo ajustar lo intensas que son las sombras usando la opacidad. Pero una cosa que quiero mostrar es, digamos, para esta, quiero hacerla florecer o darle esos radianes. Puedo seleccionar la capa con este modo de fusión. Con estas manchas blancas, puedo duplicar eso. Lo va a intensificar, pero ese no es el punto que quiero. Lo que quiero hacer es ir a Filter Blur, Gaussian Blur, y darle un poco de esa floración solo para que sienta que hay luz disparando fuera de él para darle esa sensación de atmósfera. Es por eso que realmente me encanta usar Photoshop, modos de mezcla. Puedes encontrar diferentes tipos de pinceles. Ya sabes, hay muchos pinceles para texturas, hay muchos pinceles para eso también. Puedo seleccionar multiplicar y tal vez dibujar a mano algunas de esas capas. Digamos que creo una nueva capa y voy a volver a mi pincel normal y solo voy a dibujar una silueta o tal vez una forma. A lo mejor un arbolito. Eso es. Sí. A lo mejor un arbolito y darle un poco de hojas y todo eso. A lo mejor las hojas más oscuras servirán y sólo un poco de algo así. Lo que me gusta hacer en Photoshop, digamos que necesito hacer muchos árboles, pero simplemente estoy demasiado cansada para dibujar todos los árboles. Puedo duplicar este árbol y luego puedo agrandarlo si quiero. Puedo sesgarlo y distorsionarlo para que se sienta un poco, ahí tengo un poco más de variedad. Tal vez distorsionar podría ser mejor. Voy a distorsionarlo solo para darle un poco de variedad y luego puedo darle a Enter y puedo simplemente desde aquí modificarlo para que parezca que es una pintura completamente diferente. A lo mejor oscurecerlo un poco. Estoy haciendo esto en una capa separada, pero lo mismo va con la textura en la carretera. Sólo voy a dibujar una textura realmente plana. Siendo este el camino y luego solo voy a darle un poco de patrones y ladrillos y lo que parece si estoy mirando el camino, mirándolo recto hacia abajo, tal vez darle un poco de diferentes variedades en cuanto a las rocas. Solo estoy agregando un poco más de textura en detalle en este camino y luego lo que puedo hacer es poder seleccionar este dibujo o esta pequeña capa que sí golpeé Distorsionar y puedo hacer que coincida con la perspectiva de mi terreno. Estas son opciones alternas que tú mismo puedes hacer. A pesar de que no se ve tan bien, siempre puedo bajar la opacidad, usar un modo de fusión diferente, ajustarlo un poco. A lo mejor podría funcionar con un poco de oscurecer o multiplicar. Dale la vuelta hacia abajo. Realmente se trata solo de experimentar y jugar con él. Creo que lo que tengo está bastante cerca de fondo terminado. mejor la luz, el line art que tenía antes, lo mejor la luz, el line art que tenía antes, probablemente me distraiga así que probablemente pueda seleccionar mis líneas limpias, bajar la opacidad para que se sienta mucho más pictórico, se siente mucho más universal. Lo último que voy a hacer es que voy a terminar mi pintura de fondo, hacerla aún más pulida o terminada, y luego voy a guardarla en una imagen y llevar esa imagen a Adobe Animate, donde la pondré justo debajo de la animación de mi personaje, solo para ver a mi personaje pasear en esta pintura. 9. Reflexiones finales: Oye. Has llegado al final de esta clase de fondos de pintura. Justo antes de que terminemos, realmente quiero mostrar lo que acabo de hacer en este momento. En una clase anterior, animé un ciclo de caminata de personajes, y ahora simplemente importé rápidamente ese fondo a mi animación para ver cómo se ve eso. Ahora tenemos un personaje caminando en nuestra toma. Siempre puedo animar la cámara si quisiera en Adobe Animate solo para rastrearla. Pero ahí vamos. Es un personaje caminando de fondo. Este es el punto de esta clase de fondo. Es yo pintando un fondo para que nuestros personajes caminen y vivan, y actúen. Hemos creado un mundo para nuestros personajes. Quiero ver sus fondos terminados, sus pinturas terminadas y sus fondos acabados de colores. Por favor, subirlo a la galería del proyecto. Me encantaría verla. Sigue adelante, sigue haciendo mundos, sigue haciendo lugares para que tus personajes vivan.