Animación para la ilustración: animación de texturas en Photoshop

1. Introducción: Hola, me llamo Kay Leathers y soy ilustradora y diseñadora de motion graphics de Londres, Inglaterra. Una de las cosas más valiosas que he aprendido como ilustrador es que hay una creciente demanda ilustradores con el conocimiento de la animación y sus publicaciones en redes sociales, que movimiento obtiene más compromiso. Si has estado queriendo agregar movimiento a tus ilustraciones, definitivamente te puedo dar algunas técnicas que he aprendido en mi viaje que no sólo te ayudarán a aprender animación, sino que también van a ser muy divertidas. En esta clase, te estaré enseñando a usar Photoshop para ilustrar tus ideas. Después estaremos creando texturas animadas para aplicarlas a tus ilustraciones. Aprenderemos a ilustrar y animar fondos simples que se pueden aplicar a ilustraciones existentes o chispa ideas para ilustración completamente nueva. Tomaremos estas ideas y aprenderemos a bosquejar y colorear una ilustración desde cero, luego dividirla en capas listas para aplicarle nuestros fondos. También aprenderemos a crear patrones para textiles como ropa y masivamente estos en áreas de nuestro trabajo. Después aprenderemos alguna animación aleatoria controlada solo por diversión. Al final de la clase, tendrás una increíble ilustración animada con tres estilos diferentes utilizando la misma técnica. Todos ustedes tienen realmente un gran conocimiento de cómo usar esto en su trabajo futuro. Las posibilidades bonitas son infinitas. Si eres animador, puedes llevar estos patrones y texturas a After Effects donde puedes usarlo en tu trabajo y dar esa sensación real dibujada a mano. Cuando empecé la vida como ilustrador, no me gustaba Photoshop en absoluto. Yo era estrictamente un usuario de Illustrator y mi mente está atormentada cada vez que entraba en Photoshop, era realmente frustrante. Ahora, después de trabajar con él en bastantes proyectos, aplicando técnicas marco a ilustraciones de personajes, así como diseños de fondo abstractos y activos para animación, me encantó. Si alguna vez has tenido las mismas luchas que yo o solo quieres algunas técnicas más para animar, entonces te puedo ayudar con este curso. Esta clase es genial para cualquier persona que quiera empezar a ilustrar en Photoshop o para usuarios más veteranos. Estaré explicando todo paso a paso, incluyendo todos esos atajos útiles para ayudarte a sentirte más cómodo animando en Photoshop. Todo lo que necesitas para empezar a animar texturas es Photoshop open y el mouse de tu computadora. Al final de esta clase, tendrás tu propia Ilustración animada como regalo, un MP4 listo para que subas a las redes sociales o a tu portafolio. Entonces si estás listo, empecemos. 2. Proyecto: Juntos crearemos nuestra propia ilustración con texturas y patrones animados. Te estaré mostrando todo mi proceso creativo a la hora de hacer estos y cómo ilustro a un personaje con estos en mente. Entonces te mostraré cómo exportar esto como GIF, y todo lo que necesitas hacer es seguir. Completar esta tarea también te dará un mp4 para compartir en tus redes sociales y un GIF para tu cartera también. Esta clase está diseñada para ser una introducción práctica a la animación de texturas y patrones en Photoshop. Por lo tanto, practicar te ayudará en tu viaje a la comprensión. He incluido un par de tareas bonus en las que te animo a participar. Te mostraré cuándo y cómo subirlos cada vez que veas la diapositiva de tarea bonus en nuestras lecciones. Echo un vistazo a cada proyecto en mis cursos y ofrezco cualquier retroalimentación y ayuda donde pueda. También es una gran oportunidad para obtener comentarios de nuestra encantadora comunidad aquí en Skillshare. Todos mis archivos de trabajo están disponibles para su descarga. Perfecto para que lo uses como referencia para tus propios proyectos, o si no quieres ilustrar los tuyos, puedes usar los míos. Si estás listo, abramos Photoshop y buceemos justo en. 3. Configura tu espacio de trabajo: Hola ahí. Bienvenidos a la primera lección de nuestro curso. En esta lección, vamos a configurar Photoshop para que tengamos el mismo espacio de trabajo, ideal para la animación. Si creamos nuevo archivo y vamos a configurar un archivo para que lo puedas utilizar en tus redes sociales o en tu portafolio, 1080 por 1080 es del tamaño perfecto para Instagram, así que vamos a estar usando eso. Estoy usando 150 resolución solo para que pueda obtener un poco más de información en mi ilustración, pero podrías tener 72 aquí si solo lo estás usando para web. Después tendremos la casilla de las mesas de trabajo comprobada y haremos los fondos de ese blanco. El motivo por el que me encantan las mesas de trabajo es porque hace que sea realmente fácil usar referencias y son realmente súper útiles para más adelante. Demostraré. Vamos a crear eso. Ahora, verán aquí que tengo mi espacio de trabajo configurado. Si subo a esta flecha, a Essentials. Si no tienes el mismo que yo en este momento, solo tienes que ponerte en Essentials y simplemente restablecerlo. Pero lo que realmente vamos a hacer es establecer un nuevo espacio de trabajo hoy. Puedes llamarlo tu nombre y espacio de trabajo de animación. Bien. Hagamos algunos ajustes a este espacio de trabajo. Voy a mantener aquí Bibliotecas porque este es mi conjunto de colores de marca y también voy a arrastrar aquí la pestaña de colores. Ahora bien, si no tienes colores de marca, está bien. No te preocupes por ello. Simplemente puedes seleccionar de esta. Ahora bien, no necesitamos Gradientes, Patrones, o Muestres, así que vamos a deshacernos de esos. Inmuebles, necesitamos. A mí me gusta tenerlo justo debajo de los Colores y Bibliotecas aquí, así que solo arrástrelo hasta que haya una línea azul y déjelo ir. Ajustes, podemos deshacernos porque en realidad todos tus ajustes están aquí también. Eso se ve bien por aquí. Lo que también necesitamos son algunas herramientas aquí arriba. Si vamos a Ventana y hacemos clic en Pinceles, tanto Pinceles como Ajustes de pinceles vienen juntos. Si no lo hacen por ti, está bien. Basta con hacer click en “Ajustes de pincel” aquí. También necesitaremos los ajustes preestablecidos de herramientas aquí. Ahora bien, si estás familiarizado con Photoshop, sabes que los presets de herramientas son increíbles porque si entras en tu herramienta Pincel presionando B, todos tus pinceles favoritos se pueden guardar aquí. En realidad te mostraré cómo hacer eso más adelante si no estás seguro. Por último, necesitaremos la Línea de Tiempo. Ahora bien, esto es lo más importante para nuestra clase de hoy. Esta es la Línea de Tiempo de Video. Si pulsas “Crear línea de tiempo de vídeo”, toda esta sección cambiará. Aquí, tienes Mesa de trabajo 1, que coincide con Mesa de trabajo 1. Si vas al menú desplegable, verás la Capa 1 allí. Todo lo que ven aquí también está aquí. Ahora, automáticamente, tienes cinco segundos aquí. Si miras, tienes algunos marcos en el medio. Ahora, lo que haremos por cada lección es establecer las tasas de fotogramas de la línea de tiempo. Esto está fijado en 30, que es demasiado para mí. El habitual son 24 para, digamos, caricaturas como Disney. Pero quiero esa sensación entrecortada, así que vamos a usar 12 fotogramas por segundo. Además, esto significa que no tenemos que hacer tantos interruptores de dibujo. Oh, es una bendición. Da clic en “Ok” y verás que la línea de tiempo aquí se ajusta. Todavía le quedan cinco segundos, pero dentro de cada uno de esos segundos, tienes 12 fotogramas en lugar de 30. Ahora, sólo voy a hacer un ajuste. Solo estoy usando las montañas aquí para acercar y alejar. Ahora bien, esta Capa 1, por el momento, tiene cinco segundos de duración. Solo vamos a usar este widget aquí haciendo clic, y arrastrando, y haciéndolo de 1 segundo de largo. Si hago zoom, se puede ver que 2, 4, 6, 8, 10 y 12 hacen un segundo. Esos son los ajustes que hicimos. Ahora que tenemos el espacio de trabajo todo configurado, estamos listos para empezar a animar algunas texturas de fondo. 4. Jugar con los patrones: Ahora que tenemos el espacio de trabajo todo configurado, estamos listos para comenzar a experimentar y crear nuestras texturas de fondo. Yo quería poner esta lección primero porque es un gran punto de partida, sobre todo si estás atascado, tienes un bloque creativo. Simplemente ayudó a encender tu imaginación y te hace fluir ideas. Entonces para cada textura, vamos a hacer los mismos cinco pasos. Entonces paso número uno, crea nuevo. Esto debería ser 1,080 por 1,080, 150 resolución y deberíamos tener la caja del tablero de arte comprobada. Entonces vamos a crear línea de tiempo de video, Paso 2. Paso 3, establezca la velocidad de fotogramas de la línea de tiempo en 12. Paso 4, abre una capa y simplemente reduce eso a un segundo. Número 5, vamos a duplicar esa capa por ALT y arrastrar. Ahora, si hacemos zoom, podemos ver que tenemos los 12 fotogramas en nuestro segundo aquí. Ahora, necesitamos tomar algunas decisiones sobre cuánto tiempo va a durar cada ilustración en nuestro fondo. Permítanme explicarles mostrándoles una demostración. Entonces aquí tenemos una animación y está animada en dos. Ahora lo que eso significa, si abrí, podemos echar un vistazo al expediente. Ahora, cada dos fotogramas, hay una ilustración diferente. Entonces 2, 4, 6, 8, 10 y 12, porque va a bucle. Entonces si hago clic en él, recorrerá en un segundo las seis de esas ilustraciones. Entonces si vuelvo al original, verás que es exactamente el mismo archivo, solo mástil en el círculo aquí. Ahora te puedo comprobar un comparativo. Este siguiente es animado en tres. Por lo que cada tres fotogramas 3, 6 , 9, tienes una ilustración diferente. Se puede ver cómo eso afecta el movimiento y la sensación de la animación. A mí me gusta animar en tres. También me gusta animar a cuatro patas. Ver puedes comparar los tres aquí. Si tienes seis, solo tienes dos ilustraciones en un segundo y puedes ver que es muy lento. Por lo que generalmente a partir de aquí, me gusta animar en tres y cuatro patas. Puedes agregar como muchos desees, pero para la demostración de hoy, me voy a centrar en cuatro patas. Perdón, déjame cerrar eso. Entonces lo que voy a hacer es hacer de esa primera capa cuatro cuadros de largo. Se puede ver en el widget que tendrás un poco de tiempo y junto a él que dice 04. Sólo por facilidad, voy a duplicar esa capa y arrastrarla a través ese siguiente fotograma porque queremos llenar ese segundo y otra vez. Genial. Por lo que ahora tenemos tres capas diferentes para tres ilustraciones diferentes. Hay poca rima que me gusta pasar por cada uno solo para ayudarme y eso es mover al jugador, seleccionar la capa. Ahora voy a escoger un pincel porque tenemos que empezar a hacer ya estos fondos animados. Entonces voy a mirar a través. Ahora, tengo este mega pack de Kyle. Si no lo tienes ya, puedes dar click en conseguir más pinceles y eso te abrirá. Si cuentas con el Adobe Suite, solo puedes descargarlos y se instalará en Photoshop para ti. Voy a bajar directamente a unos pinceles clásicos. Me siento como mano un poco, dicen mis suaves acuarelas, echemos un vistazo a esta. Bastante bonito. En un poco más suave. A ver, sí, ese es el que yo quiero. Voy a seleccionar un color para mi paladar. Ahora, voy a hacer que ese pincel sea realmente grande seleccionando corchetes abiertos, corchetes grandes y pequeños abiertos. Simplemente voy a hacer un bonito patrón. Entonces voy a mover al jugador, seleccionar la capa y hacer otro patrón. Verdadero rápido. Bonito pincel grande en este. Si no estás seguro de cómo se ven comparados entre sí, siempre puedes desplazarte hacia atrás. Siente como el primero es un poco más azul que los demás, así que solo voy a mover al jugador, seleccionar la capa y solo añadir un poco más azul a los demás. Mueve el jugador, selecciona la capa y bueno, ahora puedo fregar a través de ellos usando esto o puedo presionar reproducirlo con la barra espaciadora. Podemos ver que esas tres ilustraciones están recorriendo en bicicleta. Ese es nuestro primer patrón. Entonces vamos a guardarlo. Guardar como y si voy a mi escritorio, tengo una carpeta lista aquí para mí. Esto lo he incluido en el archivo de recursos. Por lo que lo aprovechas si quieres. Voy a llamar a eso texturas animadas, ir a archivos del proyecto, Photoshop. Voy a crear una carpeta nueva. Yo lo llamaré texturas. A éste, me gusta llamarlo algún adjetivo y un sustantivo. Entonces lo voy a llamar nubes suaves. Eso es lo que me recuerda. Genial. Por lo que tengo algunos pinceles guardados aquí. Ahora bien, si quieres guardar un pincel, así esta bonita acuarela suave que tenía antes, puedes abrir tus presets de herramienta y presionar “Plus” y se le ocurrirá su nombre actual. Puedes llamarlo otra cosa, puedes llamarlo acuarela suave o lo que sea que signifique para ti y se agrega a tu biblioteca. Tendrás que guardar estos en un buen lugar para que puedas cargarlo cuando abras Photoshop de nuevo, definitivamente te recomiendo hacer eso para que puedas tener todas tus herramientas favoritas en un solo lugar. Para que se haga esa clase por lo que vamos a cerrar esa, Comando + W. Vamos a volver a pasar nuestros cinco pasos. Por lo tanto, crea nuevo. Crear línea de tiempo de video. Establecer las tasas de fotogramas de la línea de tiempo. Número 4, cambia el tamaño de la capa. Número 5, duplicarlo. Entonces voy a llamar a ese fondo de primera capa y tenemos nuestra capa llana aquí. Voy a reducir eso a cuatro cuadros otra vez. Hagámoslo un poco más grande para que podamos ver y duplicar y duplicar y arrastrar eso para llenarlo ahí. Entonces esta vez voy a escoger un color diferente y voy a llenar el fondo en este solo porque me siento un poco loco. Entonces estamos en la capa uno, el jugador está en el lugar correcto y esta vez voy a escoger un bonito pincel de listones, presiona “B” para seleccionar tu pincel. Voy a ir por salpicaduras uno. Ahora, uno salpicado es realmente agradable porque se ha multiplicado como uno de sus ajustes de pincel. Entonces si va sobre sí mismo, se va a oscurecerse. También voy a configurar el modo de capa para que se multiplique porque me siento como, sí, eso es mejor solo bonito, alinear por ahí y mover al jugador, seleccionar la capa. Esto también tiene que ser una multiplicación. Hagámoslo. Un poco recto en ese. Mueve al jugador, selecciona la capa, haz que se multiplique y ahí vamos. Presiona “Play”. una bonita tormenta de arena en algún lugar donde puedas imaginar a alguien de pie aquí saludando al viento. Esta es, de nuevo, una herramienta realmente buena si alguna vez te atascas con lo que estás haciendo y teniendo bloque creativo, solo tienes que tirar algunas texturas, animarlas y te dará tanta idea que te prometo. Entonces vamos a guardar rápidamente esa como “Tormenta de arena”. Bien y ciérralo. Otra vez cinco pasos. Déjate ver si los conoces ahora. Paso 1, seleccione nuevo. Paso 2, línea de tiempo de video. Paso 3, establece la velocidad de fotogramas. Paso 4, ajuste el tamaño de la capa. Paso 5, duplicado. Llamemos a eso antecedentes. Voy a ir a nuestra primera capa. Ajustarlo al tamaño que quieras si quieres experimentar, tal vez quien vaya por tres. De hecho, hagamos tres juntos. Duplica esos y selecciona un azul esta vez y había pincel de fondo de color, selecciona la capa y voy a arrastrar esto a través. Realmente agradable. Por lo que esta vez vamos a tener cuatro dibujos porque estamos en los tres. Mueve el jugador, selecciona capa. Sigue consiguiendo. Bien. Ahora, esto me está trayendo todas las ideas. Esto parece que cuando estás sentado tranquilamente en una piscina y al otro extremo de la piscina, hay niños cortando por todo el lugar pero estás escalofriante porque estás en el otro extremo. Entonces veamos cómo se ve esa animación en tres. Entonces en este, no quiero ver el color de fondo blanco, así que lo voy a poner transparente y lo voy a guardar. Entonces este lo voy a llamar olas suaves. Esta va a ser la inspiración perfecta para mi ilustración en la siguiente lección. Ahora, que rematamos tres texturas de fondo diferentes, creo que sería realmente genial mostrar nuestro progreso en la galería de proyectos. Por lo que te voy a mostrar rápidamente cómo simplemente exportar estos como GIF. Entonces voy a recoger mi suave olas una y voy a darle un fondo un poco rápido para que quede claro que cuando lo suba, se verá igual. Después vamos a Archivo, Exportar, Guardar para Web y tu GIF subirá en el centro aquí. No voy a explicar el ajuste por ahora ya que voy a entrar en mucho más detalle en la lección de exportaciones, pero por ahora, solo confía en mí y ponlo en un dither GIF 128 y guárdalo. Si ingresas a tus carpetas Texturas Animadas, Exportaciones, Alambiques, GIF, crea una carpeta de fondos y luego guarda tu GIF. Yo sólo voy a reemplazar la mía ya que ya tengo uno ahí dentro. Si tengo un vistazo en esa carpeta ahora, tengo mis suaves ondas GIF. Simplemente puedo subir eso haciendo click en ese ícono, lugar, fondos y ahí está. Mantenga esta página abierta y simplemente siga agregando imágenes a medida que vamos a lo largo de nuestro curso. Espero que te hayas divertido creando tus texturas de fondo animadas. Una vez que termines el curso, tendrás toda una biblioteca de texturas y patrones para aplicar a cualquier futura ilustración. En la siguiente lección, vamos a ver ilustrar unas ideas desatadas por este proceso creativo. 5. Haz un boceto de tu idea: [ música] Desde la última lección, realmente me inspiré en mis formas suaves de animación. Me recuerda estar en la piscina, tumbado en una mentira bajo el sol con un bonito cóctel. Entonces para mi ilustración, voy a hacer un personaje. Tendré mis ondas animadas de fondo, puedo pensar en los textiles. Digamos que puedes tener algunas texturas en la ropa, así que el traje de baño y tal vez el cabello balanceándose en agua entre otras cosas. Estos tienen muchas oportunidades para la animación. En tu ilustración, puedes dibujar lo que quieras. Puedes dibujar un personaje junto conmigo, o una idea desatada por la lección 2 o lo que quieras. Siempre y cuando tenga en mente esas tres oportunidades. Entonces la textura de fondo, un textil de algún tipo, y alguna oportunidad para algo de aleatoriedad. Si estás listo, empecemos. Entonces el lugar que más me gustaría obtener referencias es Pinterest, aunque sí uso Google y otros lugares. Entonces voy a buscar una floatie de alberca y se le ocurre montón de resultados para floaties de alberca realmente cool se ve este fresco aguacate uno. Para que puedas agregar eso a tus tableros. Tengo un tablero para esto ya llamado flotante. Pero si no tienes pizarra, puedes ir a Crear tablero y puedes poner tu nombre ahí y pulsar “Crear”. Ya tengo uno, así que vamos a fijarlo a eso y vamos a mirar a través y buscar algunas otras cosas geniales. A lo mejor podría tomar un trago en la piscina. Entonces una vez que has guardado bastantes referencias, y yo literalmente sólo voy en un divagando entrenado a través de montones de diferentes pasadores y colecciono montones de cosas interesantes que quiero incluir. Entonces gafas de sol, trajes de natación, floaties, cómo podría verse la gente en las floaties. Entonces lo que voy a hacer, es usar estos y ponerlos en mi archivo. Entonces si miro este en particular, puedo tomar captura de pantalla, Command Shift 4 en el Mac. Simplemente puedes arrastrarlo directamente desde la esquina, es una característica bastante nueva y subirla en tu archivo. Automáticamente irá dentro de tu tablero de arte pero lo que es increíble de los tableros de arte, ya que puedes ponerlo afuera y te mostrará, para que cuando trabajes por tu cuenta más tarde, puedas tener estos a un lado para tu referencia. Ya tengo un buen show de cocina. Está todo arreglado por aquí. Entonces aquí están todas las referencias que reuní, todo mediante el uso de captura de pantalla y colocándolas en el archivo y ahora estamos listos para nuestro boceto. hoy tengo mi iPad, cual uso con estudio de pad de asteroides, que solo me permite trabajar en casa. Me conecto a usar almohadilla de asteroides y sigue siendo 99 al mes, creo que es bastante barato realmente. Sé que con las versiones más nuevas del Mac, puedes conectarte automáticamente a tu iPad así que definitivamente mira eso si aún no lo has hecho. Entonces empecemos nuestro boceto. Tenemos una capa aquí y sólo vamos a empezar muy, muy rudo. Vamos a conseguir un lápiz de bocetos, creo que esto es un HP. Al igual que esta señora de aquí, voy a bosquejar más o menos una mentira baja y apenas viniendo de la esquina. Si sabes algo de mí, sí me gusta llenar mis áreas así que mi señora va a estar bastante grande aquí dentro y va a estar tumbada pero esta vez, diferencia de esta señora, va a estar cruzando los brazos. Vamos a tener su cabeza, el foco principal del disparo. Como dijimos, el cabello va a estar fluyendo hacia el agua. Yo sólo voy a poner un área áspera para el cabello. Puedo ver por esta señora, tiene bastante frente mostrando, así que pongamos un poco de pelo. Las gafas y todo se juntan alrededor del fondo de la cara y vamos a tener una nariz aquí, y una boca aquí. Tengamos algunas orejas también. Está bien. Como puedes ver, es un boceto súper rudo. Pasemos a la siguiente capa, haciendo que esa capa anterior disminuya la opacidad aquí a alrededor de 20. Ahora nos vamos a poner serios en el boceto. Volvamos a tomar nuestro cepillo, y esta vez, voy a dejar esos huecos. [ música] Sólo voy a usar esas líneas fluidas realmente suaves porque creo que solo ayuda llevar al espectador a través de la página y tener confianza [reír] en cualquier error que cometas, porque ellos probablemente no son errores. Probablemente sean personaje en tu dibujo. Voy a darle a mi personaje mis labios distintivos de los que suelo hacer a mis personajes femeninos, darle un poco de [inaudible], y solo seguiré dibujando, darle una mejor velocidad al video. [ música] Con este bit, sólo voy a lassar esta lente y borrarla. Voy a lassar la otra lente porque la prefiero. Si hago clic derecho, puedo poner mi copia y realmente puedo transformar eso y moverla al otro lado. También voy a ir al menú Editar, transformar, voltear horizontal, y luego girarlo en el lugar correcto. Ahora puedo tener una gafas ser un poco más parejo. Simplemente agregando algunos toques finales ahora. Voy a tener algunas nubes reflejadas en las gafas y sus rayas de pelo y vamos a añadir un hueco de dientes. Danos algo de actitud real. Sí, estoy bastante contento con esto. Creo que necesito hacer sólo algunos ajustes menores en pequeñas áreas. Yo sólo voy a guardar esto como, vamos a encontrar nuestro archivo de escritorio. Pásalo, Photoshop. Hagamos una carpeta nueva ahora porque sé lo que va a ser, una nadadora. Yo sólo voy a llamar a este Sketch. Guárdalo y tienes tu caja fuerte Sketch File. Bien hecho, seguro que tienes un boceto impresionante para empezar así como ojalá unos cuantos consejos más sobre el uso de Photoshop. En la siguiente lección, estaremos buscando colorear y dividir nuestras capas. [ música] 6. Coloración y división de capas: En esta lección, estaremos aprendiendo el color de la casa y dividiremos nuestra ilustración en capas, listas para la animación. En el descanso, sí hice algunos cambios astutos a mi ilustración al deshacerme de la carpeta del gato y hacer ajustes en la cabeza. Por favor siéntete libre de hacer lo mismo, ninguna manera me dibujan a la derecha en las primeras cabras. Como dicen, la clave para una buena ilustración es dibujar y redibujar siempre. Ahora, por fin está listo para colorear. Hice algunas pruebas de colores de antemano para decidir qué colores elijo. Siempre elijo de mi paleta de colores aquí. Si quisieras saber elegir una paleta de colores, sí te expliqué en mi curso anterior. Puedes ir a la lección número 4, haciendo capas, y alrededor de las 6.30, te explico cómo conseguí mi paleta de colores, así que definitivamente echa un vistazo si aún no lo has hecho. Agarré algunas pruebas de color, como dije, y decidí que esta de la esquina era mi favorita. Yo sólo hago estos realmente rápido, sólo color rápido, garabato rápido. Se puede ver que hasta he coloreado por aquí, sólo para decidir por la que más me gusta. Esta la elegí porque creo que me recuerda a McDonald's, que sólo me trataron cuando era verano. También me recuerda a una de mis buenas amigas que siempre tiene que usar factor 50, cuando está de vacaciones por su hermoso cabello rojo, y piel gorda. Voy a ir con ese combo de colores. Lo que hizo fue simplemente ponerlo de lado aquí. Si escondo mis referencias, esto es solo una referencia rápida para mi coloración. Simplemente, antes de seguir adelante, vamos a guardar como pueda ir a Archivo, Guardar como o Comando Shift S. Guardemos esto como Color. Puedes deletrearlo sin la u, si eres estadounidense. Nos vamos a deshacer de estos, porque ya tenemos esos en nuestra pila de bocetos. Este es nuestro boceto ahora. Vamos a mantener eso en la parte superior, así que déjame arrastrar mi capa hasta aquí. Tenemos que empezar más desde la parte de atrás. El respaldo en su mayor parte va a ser nuestro trasfondo. Ahora, obviamente estoy teniendo en cuenta mi animación, que se hacen en el azul oscuro para las olas. Yo sólo voy a poner un azul claro es el fondo. Mi capa animada irá por encima de esto, pero aún no estamos listos para eso. El siguiente capa, que está más de vuelta, es el anillo. Me encanta usar la herramienta de marquesina circular para cualquier círculo que necesite para hacer mi trabajo. Simplemente arrastras y sueltas cuando tenga el tamaño correcto. Voy a sostener O a menos de eso para hacer el círculo interior. Podemos sostener Shift para que sea igual círculo, y luego sólo tratar de conseguir eso en el lugar correcto. Bien. Después seleccionando Mi Color, yendo por el amarillo. Podemos simplemente llenarlo, y luego desseleccionar para alejarnos de eso. Vamos a hacer los patrones de los extremos. Yo sólo soy bueno cuando realmente estoy enfocado en cada parte mientras trabajo mi camino hacia arriba. Siguiente bit es el cuerpo. Podemos simplemente elegir el color desde aquí, o puedes seleccionar de tu paleta de colores. Voy a agarrar uno de mis pinceles favoritos, que es el increíble plumín de dibujos animados, y este es uno de los pinceles de color. Simplemente voy a dimensionar un poco eso y acercar, y vamos a empezar a colorear. Va a reducir un poco su capacidad, sí. En realidad puedo ver los bordes, porque no voy a delinear cómo esta vez sólo usando este color crudo, porque creo que las texturas simplemente van muy bien en este tipo de aspecto rugoso, pincel. Simplemente hacemos esa forma completa, presionamos G, y lo llenamos. Ahora, con los pinceles de referencia, obtendrás un poco donde no pueda llenarlo del todo. He intentado y probado juguetear con la tolerancia para superar esto, pero en realidad es mucho más rápido que colorear en. No me importa demasiado. Yo me aseguro de que no haya huecos. Bien. Esa es nuestra capa corporal. Ahora, la siguiente capa arriba va a ser nuestro traje de baño. Llamémoslo traje de baño. Porque sólo quiero que lo muestre dentro del cuerpo, voy a sostener Comando, y dar click en el cuerpo, y eso hará una selección. Entonces puedo seleccionar el color que quiero para el traje de baño, y hacer el pincel un poco más pequeño. Se puede ver que no se coloreará fuera de esas piezas. Ahora, no viste que estoy haciendo que todo esté en plena forma. Esto es porque si se mueve en animación, siempre vamos a tener algo debajo que es realmente importante, sobre todo si lo vas a mandar a decir, un animador, y van a todo el trabajo de animación para ti, asegúrate de que cada capa esté completa. Si algo se mueve, tienes esa información debajo. Voy a desseleccionar eso. Yo solo puedo mostrarles que si muevo ese cuerpo, aún tenemos el anillo de goma debajo. La siguiente capa que me gustaría hacer es ese color de espalda. Voy a elegir diferente pincel para esto llamado contornos tambaleantes, no recordaba del todo cuál era éste. Lo tenía hace un tiempo. Pero quiero ver algo fresco con este pelo más adelante, así que sólo voy a hacer garabatos realmente ásperos. Si alguien solía ver al señor Mann, me recuerda si el señor Messy, y solo haz que se reúna en el fondo. Es bastante guay, me gusta. Pero voy a remodelar eso un poco borroso, porque sólo quiero que salga a los lados. Escala un poco más tambaleante. Sí, bonito. Definitivamente más feliz con ese. Un bucle aquí, genial. Démosle un nombre. Se puede seguir trabajando a través de las capas. Cada vez que haces una nueva capa, lo nombras. Yo sólo voy a reducir la opacidad en ese también, para que pueda ver dónde yace el rostro. Necesito mi otro cepillo. Voy a seguir coloreando. Se puede ver aquí que estoy accidentalmente para poner dos cosas en una sola capa. De nuevo, solo usa la herramienta de lazo, Si haces eso. Tan pronto como te des cuenta, puedes corregir tu error. Ahora, con las gafas, en realidad voy a hacer un grupo de capas, porque todas van juntas. Rellena las lentes, y añade una nueva capa para las nubes. Ahora, pongamos estas nubes y lentes, y luego ordene a G que los agrupe, y los llamaremos a todas las gafas. Una cosa importante a recordar es tener siempre las que esperas que sean animadas, las capas están separadas. Yo quiero animar este capricho, como dijimos, es un textil. Yo solo voy a hacer clic ahí y hacer esa naranja. Decir querer animar el pelo de la espalda. Yo quiero animar las nubes aquí dentro, así que haré esa naranja también. Apenas unos toques finales y ya terminamos. Ya veo que hay un par de pedacitos más que necesito hacer. Por ejemplo, quiero agregar algunas bonitas declaraciones de raya al anillo. Si selecciono eso con comando, abro nueva capa, voy a conseguir mi blanco, y sólo voy a hacer mi pincel un poco más grande, y para hacer tus rayas en una bonita línea recta, si quieres rayas, solo puedes mantener presionada la tecla Mayús y arrastrarla directamente a través. Te dará una línea horizontal, pero ten cuidado, si la sostienes y luego arrastras, obtendrás este tipo de línea cruzada que quizá no quieras. Te lo puedo mostrar mejor aquí, si solo sigo sosteniéndolo te da una línea cruzada también. Yo sólo voy a reventar el uno. Oops, ahí estaba otra vez ahí dentro. Eso le ha dado algunas rayas. Vamos a desseleccionar eso. Sí, voy a hacer lo mismo probablemente por el pelo, tal vez por el traje de baño, aunque sé que lo quiero textura animada ahí dentro. Esa es la coloración, terminamos. Espero que tengas algunos buenos consejos sobre cómo colorear en Photoshop. Lo más importante es que, si quieres animar o tal vez cambiar de diseño en el futuro, asegúrate de que eso esté coloreado en una capa separada del resto. En la siguiente lección, donde colocamos nuestro fondo animado en nuestra ilustración. 7. Fondos animados: En esta lección, estaremos colocando nuestro fondo animado en nuestra ilustración. Antes de que pudiera posiblemente continuar, tenía que agregar algunos detalles más a mis ilustraciones. Entonces echemos un vistazo. Aquí puedes ver mi personaje coloreado final y tenemos el mosaico en el fondo. Añadí un poco de pelo de axila y añadí unas pecas. Por lo que esta lección es sobre fondos animados. Ya hemos hecho el duro trabajo. Se puede ver que he atado mi ilustración en tan sólo dos grupos de carácter y antecedentes para esta lección. Por lo que dentro del personaje, tengo todas las piezas del personaje, y dentro del fondo tengo fichas y el fondo real en sí mismo. Para ponerlo en un fondo animado, necesitaremos la copia de seguridad de la línea de tiempo, y necesitamos asegurarnos de que nuestra cabeza de juego esté al principio. Ahora bien, si recuerdas correctamente, nuestro fondo animado duró un segundo. Si solo ponemos eso en un segundo para empezar, y luego iremos a Archivo, “Colocar Vinculado”. Esto es realmente importante porque un archivo vinculado que puedes ajustar y se ajustará automáticamente dentro de tu ilustración. Después entra en tu archivo de Texturas debe ser con tus archivos de Photoshop y coloca tu animación. Porque somos muy inteligentes y lo hicimos del mismo tamaño, va a encajar exactamente en su lugar. Si jugamos sólo ese segundo, va a bucle muy bien. Sólo voy a poner un multiplicador de modo blending en eso y vamos a jugar de nuevo eso para que podamos comprobar que estamos contentos. Bien. Ahora si lo hago los cuatro segundos que quiero, quiero cuatro segundos para que se ponga en Instagram. Porque nuestros cuatro segundos, si recuerdas, es nuestro mínimo para mp4. Yo lo puedo tocar y obviamente sólo hicimos eso un segundo de largo. Entonces necesito duplicar esa animación. Ve todo el camino hacia abajo en tu línea de tiempo. Puedes hacer esto más grande si lo deseas. Ya verás si abres el grupo de fondo, esa suave onda sólo dura ese segundo. Si nos detenemos y duplicamos, en realidad podemos arrastrar eso hacia abajo a un grupo de videos. Vamos a duplicarlo de nuevo, ambos, y llenarlo hasta cuatro segundos. Vamos a jugar con la barra espaciadora. Puedes ver que tu animación completa está llena. Ahora a esto le falta todavía un poco de pop para mí así que sólo voy a hacer una capa de ajuste final. clic en la luna pequeña aquí y trae arriba los Niveles. Ahora, Niveles corrigen el rango tonal y equilibrio de color de una imagen ajustando la intensidad de las sombras, tonos medios y los reflejos. Esto es lo que tomé de la página web de Adobe. Simplemente lo uso para hacer que mi ilustración luzca genial. Voy a llevarme algunos de los colores más oscuros ya, ella sólo se ve genial, mucho más resumen. Voy a bajar un poco los tonos medios también. Ahora ella está estallando. Veamos esa jugada. Simplemente puedes ver las olas. El grandioso de hacer esto con Niveles, es que puedes hacer ajustes en él en lugar de volver al archivo que hiciste antes, como el archivo animado y tratar de ajustar el color ahí. No, agrega algunos Niveles y ajusta los colores. En este punto, voy a guardar esto como, Antecedentes Animados. Esa es nuestra primera animación hecha, ¿no estás orgulloso? Estoy tan orgullosa y ya creo que esto es digno de Instagram, seguro. Ya puedes exportar esto como j para mp4 y tener una Ilustración animada súper rápida lista para tu portafolio en línea o tus redes sociales. Podrás tomar estas habilidades y hacer estallar tus fondos animados en cualquier ilustración usando la línea de tiempo en Photoshop. Por ejemplo, aquí hay otro personaje que realmente creé en procreate. Lo dividí en dos grupos y luego lo publico en Photoshop donde coloqué la animación de nubes suaves enlazadas. Se puede ver que funciona perfectamente. Una técnica tan fácil para dar vida a cualquiera de tus ilustraciones. En la siguiente lección, veremos animar textiles. 8. Diseñar y animar patrones: Tuvimos una buena mirada ahora en diseñar fondos animados. Ahora pasamos a los textiles animados. Esta técnica se puede aplicar a todos los textiles como ropa, muebles, cortinas, e incluso formas abstractas que tienes en tu trabajo así que estoy muy emocionado de enseñarte eso. Te animo a usar tu propio boceto con el que has estado trabajando. A pesar de que he puesto mis archivos disponibles en los recursos. ¿ Estás listo? Hagámoslo. Aquí tengo mi pequeño personaje, él es un personaje nuevo. Está en la piscina con la otra dama y quizá la esté mirando. Imagino que se llama Brad o Chad y es surfista. Se ve muy bien, pero está en necesidad desesperada de algunos patrones en su ropa. Aquí, necesitamos decorar aquí su mankini y su banda para la cabeza. Simplemente te mostraré que he hecho exactamente la misma animación para este personaje que lo hice con el personaje de chica y si solo presiono, toco, se pueden ver las suaves olas. Al igual que en la otra ilustración, sólo voy a subir el multijugador en esa, solo para darle un poco más de pop. Sí, bonito. Estamos listos para mirar patrones y textiles. Normalmente solo vuelvo a Pinterest, ya verás que tengo una carpeta aquí de patrones textiles. Siempre que veo uno en Pinterest, solo lo tiro y luego tengo todo un banco de textiles para mirar para cuando necesito decorar algo de ropa. Probablemente decorarías normalmente con algo en mente pero para éste, acabo de decorarlo blanco, y vamos a poner nuestras referencias en. ocasiones las referencias no se muestran en esto, solo hay que transformarlo y luego aparecerán. He puesto algunos de mis textiles favoritos en mi tablero de arte aquí. Me encanta el estilo de los 80 y va bastante bien con su actitud aquí así que esta cosa de sentimiento retro es bastante cool. Pero es un poco mucho, creo para este minúsculo mankini, itsy-bitsy mankini. A mí me gustan los colores grandes en este, así que mantendré ese fuera y sólo me desharé de esos dos. Entonces aquí tenemos unas rayas y algunas manchas, que es mucho más fácil de manejar textil. Si traigo mi playhead de vuelta, y sólo voy a usar este spot uno como mi primera referencia. Dejemos la espalda a tierra y vamos a localizar su traje de baño que está aquí. Tengo mi traje de baño seleccionado aquí, y voy a añadir a una nueva capa, que voy a enmascarar dentro de ella usando ALT. Si hago zoom, voy a conseguir mi pincel, solo voy a apagar los niveles para que no afecte a mis colores y luego voy a dejar caer el ojo ese amarillo. Vamos por nuestro pincel porque está enmascarado en la capa, sólo deberíamos verlo ahí. Añadamos algunos spots como este. Algunas manchas aquí y allá, también quiero añadir en un poco de rosa. Echemos un vistazo a eso. Es bastante bonito, siento que es un poco payaso en lugar de cool, así que tal vez voy a probar unas rayas en su lugar. Para las rayas voy a hacer mi click y shift, así que haga clic en shift y drag, click shift, drag. Tengo que decirlo en mi mente, así que no conseguí esas rayas a través de mi ilustración. Hagamos lo mismo con el clic amarillo, shift, drag. Sí, esto es un poco más fresco, un poco más de corbata teñida. Creo que las rayas son realmente buenas para este tipo y obviamente puedes probar muchos patrones y ver cuál encaja. Lo que vamos a hacer es que vamos a llevar esta idea a un nuevo archivo ahora así que recuerda los cinco pasos. Archivo, nuevo. Crear una línea de tiempo de video. Número tres, establecer las tasas de fotogramas de la línea de tiempo. Número cuatro, pon tu capa en un segundo y luego vamos a duplicar esa capa. Es genial que un fondo, sólo para mantener eso ahí. Ahora en esta nueva capa, vamos a empezar a hacer esos patrones. Vamos a acercar. Esta vez, voy a demostrar mi patrón. Yo quiero que mi fondo sea blanco así que lo dejaré así. Ya tengo mi tamaño de pincel porque he practicado en el otro archivo. Voy a tener blanco, amarillo, blanco, y rosa. Blanco, amarillo, eso no era recto, blanco, y rosa. Se va a seguir así y si trato de hacer algunas matemáticas ahora mismo, para que esta línea amarilla llegue a la segunda línea amarilla, porque quiero que el patrón se mueva hacia arriba. Me va a llevar uno, dos, tres, cuatro marcos. Sabemos que 12 dividido por 4 es 3 así que voy a hacer que tres cuadros de largo. Sigamos haciendo nuestro patrón aquí para la velocidad, solo voy a adivinar la distancia. Ahora ve esto es lo que pasa si no haces clic, luego cambia. Ahora para este, porque es un patrón bastante específico y puedes usar esta técnica con muchos patrones diferentes, puedes usar pieles de cebolla. Todavía no verás nada porque sólo tenemos un cuadro mostrando. Pero en realidad voy a usar este marco porque podrías haber estado pensando, “Oh no, ella no duplicó los marcos”, pero te voy a mostrar exactamente lo que tenemos que hacer. Si duplicamos eso ahora, ya veremos, obviamente no cambia realmente. Si habilito pieles de cebolla, esto me permite ver un marco antes así que sólo voy a llamar a eso normal. Este es el marco anterior, que es un fotograma antes y éste es el marco después. Lo que eso significa es que la piel de cebolla te mostrará el marco antes del cabezal de reproducción y un marco después del cabezal de reproducción. Ahora no está mostrando nada por el momento porque estos dos cuadros están exactamente en el mismo lugar pero si muevo esto hacia arriba y presiono enter, se puede ver que nuestro primer fotograma está ahí encendido. Está empezando a mostrar nuestro segundo marco y en éste, nuestra primera ilustración se muestra como un poco vero-through, mientras que nuestra segunda ilustración es el color más oscuro. Podemos empezar a ver dónde estaba el patrón anterior y construir a partir de eso. Ahora en este, puedo ver que me falta un color aquí, es nuestro color rosa y eso ahora está dibujado en esta capa. Si volvemos a hacer lo mismo, duplicaremos la capa y la moveremos hacia arriba. Transformemos eso y empezarás a ver la capa anterior. Yo sólo voy a llenar ese vacío. Genial. Déjame simplemente terminar la línea rosa ahí, hacer que se vea bonita y con volantes en la parte inferior y una vez más duplicar esa capa, muévala a través. Mueve el cabezal de reproducción y lo transformaremos y solo lo moveremos hacia arriba. Puedo ver que necesito de nuevo un amarillo aquí y eso es todo, mucho más sencillo que tener que volver a dibujar todas las líneas. Tendré que apagar las pieles de cebolla para poder verlo de otra manera, se verá un poco fusionada. Se verá así así por lo que si obtienes algo así, sólo significa que no has apagado la piel de cebolla. Vamos a ver nuestro patrón. Ahí vamos, son unas rayas en movimiento. Voy a guardar esto como textil en nuestra carpeta de texturas. En texturas, haz una nueva carpeta comando shift n, y llamaremos a esto textiles, esto es lo que usaremos para nuestra ropa y todo, o nuestro sofá o lo que elijas para dibujar. Vamos a llamarlo, Llevaba un mankini de raya itsy bitsy pequeñita, rosa y amarilla. Muy bien. Ese es nuestro patrón. Como dije, en realidad puedes hacer cualquier patrón textil la misma manera así que por favor no tengas miedo de experimentar con tus patrones. Una vez que has encontrado un patrón del que realmente estás orgulloso y quieres compartirlo con nuestra comunidad, nuestra pequeña tarea bonus es otra vez exportar eso como GIF. Simplemente usando la configuración que tenemos en un 128 [inaudible], exporta eso. Simplemente podemos tomar ese GIF y podemos subirlo debajo de nuestro GIF de fondo. Ahora hemos escogido nuestro archivo de patrón y todo está guardado en la carpeta. Podemos deshacernos de nuestros pequeños archivos experimentales y simplemente tener esto sentado ahí. Entonces vamos a colocar nuestro archivo vinculado. Si coloco eso, y hago algún cambio a ese archivo aquí dentro, se mostrará aquí porque está vinculado. Echemos un vistazo en traje de baño de carácter, y verás que mi lima colocada ha aparecido en la parte inferior aquí, arriba del traje de baño que coincide aquí. Nuestro marco de trabajo actual tiene cuatro segundos de duración por lo que tendremos que duplicar eso tal como lo hicimos en la lección de fondos animados y pop eso ahí dentro y eso se convierte en un grupo de video. Duplica eso otra vez, eso lo hace hasta nuestros cuatro cuadros. Ahora se puede ver que está cubriendo todo el asunto en este momento en su posición, que no es lo que queremos. En lo que queremos es enmascararlo, por lo que usando comando click, eso seleccionará nuestro traje de baño o lo que sea capa en tu enmascaramiento. Después puedes hacer clic en el grupo de videos y enmascararlo, y lo hará estallar justo ahí. Vamos a jugar. Genial. Creo que voy a darle la vuelta a esta capa un poco, la capa de video. Simplemente desvincula la cadena porque de lo contrario eso moverá la máscara, selecciona el comando de grupo de video T y vamos a rotar esas rayas y moverlas a su lugar. Sí. Vamos a jugar ahora. Sí. Se ve genial, Chad. Yo quiero exactamente el mismo patrón para la diadema así que para esto, puedo hacer un poco de mejilla porque ya se hizo. Simplemente entra en la capa de cabeza y voy a duplicar ese grupo de video, ponlo por encima de la banda de la cabeza. Simplemente haga clic derecho y elimine esa máscara de capa, comando haga clic en la diadema y cree nueva máscara de capa. Nuevamente esto no es realmente como quiero este grupo, así que desvincula el comando T para transformar. Echemos un vistazo a eso. Mirando totalmente rad Chad. Ahí lo tenemos, tenemos nuestros fondos animados y nuestros textiles animados. Experimenta, comete errores, diviértete y te animo a hacer algunas texturas diferentes para agregar a tus ilustraciones. Si lo deseas, puedes diseñar un traje de baño para el bañador de mi personaje femenino, disponible para descargar de los recursos. Te estaré mostrando lo que hice con su traje de baño en nuestra próxima lección. También estaremos aprendiendo a animar algunos patrones aleatorios para un poco de diversión en nuestras ilustraciones. Te veré ahí. 9. ¡Animación de la aleatoriedad!: En esta lección, estaremos animando algunas líneas aleatorias para traer algo de diversión a nuestras ilustraciones. Ojalá te divirtieras construyendo tu biblioteca textil y probaste algunos textiles diferentes para tu trabajo. Déjame mostrarte lo que hice con mi bañador de niñas nadadoras. Yo le he dado algunas rayas blancas, y en realidad fue realmente fácil probar algunos patrones porque si vuelves a entrar a tu grupo de videos, vamos a ampliar esto para que puedas ver, aquí está mi video clip con mis rayas blancas en ella. Si quisiera simplemente reemplazar el contenido, haces clic derecho, encuentra “Reemplazar Contenidos” aquí y puedo mirar todos los demás patrones textiles que hice para esto y colocarlo, y automáticamente lo dimensionará y todo para que quepa en tu ilustración. Tan sencillo, y creo que los puntos me tardaron cinco minutos en hacer. Si piensas cinco minutos por cada textil y lo usas muchos proyectos, puedes ahorrar tanto tiempo y tener solo animación en todas tus ilustraciones. Me encantan los wiggles, pero voy a volver a las rayas sólo porque me gusta que coincida. Nuestro enfoque para esta lección es animar algo de aleatoriedad. Esto va a ser realmente divertido porque podemos animar el cabello de nuestro personaje. Si acerco y apago alguna capa innecesaria, así que apaguemos el cuerpo y el fondo. Tenemos la cabeza aislada. Si solo encuentras la copia del cabello también en la línea de tiempo, creo que voy a animar esta vez en dos, así que voy a arrastrar eso hasta que sea bastante pequeño. Solo reduzcamos nuestra área de trabajo. También podemos acercar. Tenemos nuestro cabello actualmente en una posición. Déjame seleccionar ese contorno pincel tambaleante otra vez, y voy a seleccionar ese color. Solo apaguemos los niveles por ahora porque es este color el que quiero, y vamos a habilitar nuestras pieles de cebolla. Ajuste las pieles de cebolla a la normalidad un fotograma antes y un fotograma después. Arrástrelo a nuestro nuevo lugar, duplicemos la capa y arrástrela a través. Vamos a borrar ese contenido, así que ahora está vacío y podemos comenzar nuestra aleatoriedad controlada. El motivo por el que digo 'controlado' es porque generalmente queremos mantener el mismo volumen de cabello y luego comenzar y terminar en los mismos lugares para que no se vea salvajemente diferente, pero aún tenemos ese sentido de Wildness pasando. Ahí podemos ver el cambio. Hagámoslo otra vez. Esta vez porque estamos animando en dos, llevará a un poco más de trabajo. Pero debido a que esto es sólo un garabato, realidad no es así en absoluto. El siguiente, duplicar esa capa, dejarla cruzada. Yo sólo voy a hacer lo suficiente para llenar hasta los 12 cuadros, así que el segundo. Echemos un vistazo con los niveles y todas las demás capas puestas. Agradable. Sí, eso es genial. Yo sólo voy a tener un pequeño truco aquí. Con el pelo que acabo de hacer, pongámoslo todo en una sola capa de video para poder seleccionarlos todos así y arrastrarlos hacia abajo a este grupo de videos. Llamémoslo animación capilar. Entonces lo que puedo hacer es un pequeño tramposo. Voy a abrir mi capa corporal, apagar mis pequeñas axilas, voy a duplicar esa animación capilar y transformar todo el asunto, redimensionarlo, y ponerlo en pequeñas axilas. Hagámoslo otra vez. Transfórmalo y colócalo sobre el otro en la otra axila y juega. Sólo estoy teniendo un pequeño problema. Si solo localiza dónde está ese glitch, apaguemos el último y luego volvamos a encenderlo. Sí. A veces sólo tiene un poco de enloquecer y luego está bien. No olvides que necesitaremos duplicar todo el asunto para llenar los cuatro segundos. Así que asegúrate de seleccionar las capas y luego duplicarlas solo hasta que esté lleno. hacer eso cuatro veces para llenarlo. Esto se puede hacer para cualquier tipo de animación. Podrías tenerlo afuera como un poco de hierba o un arbusto o podrías tener la parte superior de una cola de candados o podrías tener un gato revoloteando en algo de lana, y esto sería simplemente una técnica perfecta. Las posibilidades son infinitas y espero que te diviertas con ella. Genial. Su cabello y sus axilas están bailando muy bien y estoy realmente contento con mi animación. Aquí te dejamos algunos experimentos más que hice con el pelo de mi nadador. Recto y rizado. Lo mejor de esto es, no se lo digas a nadie, pero en realidad acabas de aprender los principios y técnicas básicos de la animación fotograma por fotograma o tradicional. Si alguna vez has pensado que era demasiado desafiante, lo acabas de hacer. Entonces creo que esto es solo una gran técnica para agregar a tu kit de herramientas de animación. En la siguiente lección, veremos cómo exportar tu trabajo como GIF y MP4. 10. Exporta tu ilustración: Enhorabuena. Ahora ya sabes animar fondos, patrones para textiles y alguna aleatoriedad tonta para tu trabajo también. En esta lección, estaremos aprendiendo cómo exportar como GIF y MP4 y cómo subirlos a tu proyecto. Podemos ver a los tres siendo puestos a práctica aquí. Ahora, acabo de seguir adelante y hacer un poco de trabajo en las nubes también. Utilizo exactamente la misma técnica usando las pieles de cebolla y solo haciendo dos copias de las nubes para moverse de manera lineal. Si te muestro el resultado, lo enmascaré en la capa de lentes y ese es solo mi pequeño toque final. Siéntete libre de hacer cualquier toque final a tu animación y cuando estés listo, vamos a exportar. Para exportar nuestra ilustración animada, vamos a primero, exportar como GIF. Ahora así como te mostré antes, para exportar como GIF, vas a exportar, guardas para web y se te acercará tu vista previa de tu GIF. Ahora, sí prometí que iba a explicar un poco más sobre la configuración de GIF. Tenemos nuestro GIF 128 dithered, eso es lo que nos hizo seleccionar antes. Ahora lo que esto significa es que este GIF está leyendo un 128 colores, y eso es lo que puedes ver aquí en la tabla de colores. Ahora, este es el tamaño de tu GIF. Es posible que desee, por razones de trabajo, o encontrar que es demasiado pesado, reducir ese tamaño. Hay una serie de formas en las que puedes hacerlo. En primer lugar, con este ajuste, voy a previsualizar eso en la web. Se ve genial y podemos ver debajo, tenemos toda la información de lo que seleccionamos aquí. Ahora, voy a seguir con esto porque para lo que esto es realmente útil es comparar tus diferentes configuraciones. Por ejemplo, si quisiera ahorrar espacio aquí, podría reducir el número de colores a 64. Ahora podemos ver que eso ha afectado mi ilustración. Bueno, echemos un vistazo a la vista previa para el ejemplo conmovedor. Solo estamos perdiendo un poco de color ahí. Puedo volver atrás y en lugar de intentar seleccionar más colores, porque sí quiero reducir el tamaño, puedo tener un ir a cambiar estos algoritmos de reducción de color. Podría ir a perceptual y se le va a dar una vista previa, pero echemos un vistazo. Nuevamente, todavía no lo hacemos del todo, si comparo con el otro, no tenemos del todo esa bonita texturización en nuestro GIF con ese ajuste. Volvamos atrás y intentemos adaptativos. Tengo un buen presentimiento sobre este. Bonito. Este realmente, realmente se parece al original. Echemos un vistazo a otra parte, asegurémonos de que no haya comparación. Genial. Lo que hemos hecho con solo seleccionar un algoritmo de reducción de color diferente, se reduce nuestro GIF en casi una meg. Lo que sugiero que hagas es no tengas miedo de que puedas jugar con estos ajustes tanto como quieras y previsualizar cada vez. Cuando estás contento con tu talla y estás contento con cómo se ve el GIF, puedes guardarlo. Lo que te sugiero que hagas en tus archivos GIF, que hagas una carpeta nueva, y llamaremos a eso finales. Pondremos nuestro GIF animado ahí dentro. Puedes volver a comprobarlo en nuestra carpeta de finales. Con buen aspecto, y que no te olvides de subirlo debajo de todo tu otro contenido. Fácil y podemos ver el producto de todo tu arduo trabajo ahí mismo en el proyecto. ¿ No se ve hermosa? No olvides también puedes subirlo aún de tu imagen, podemos meter el GIF ahí dentro. No va a jugar, pero seguirá siendo agradable para nuestro proyecto. Ahí está ella. Presentar. Por último, si quieres subir a redes sociales, puedes exportar tu archivo. Exportar y abajo en la parte inferior tenemos video render. Voy a ir animado, es donde mi MP4, eso es genial. Voy a seleccionar la carpeta donde me gustaría que fuera. Exportaciones, videos y esta vez lo voy a llamar entregado porque ese es nuestro archivo final. Lo que querrías para nuestro MP4 estándar es este ajuste, H.264, y si no está ya ahí, puedes seleccionarlo de ese menú desplegable. Debes seleccionar tu área de trabajo, porque eso solo seleccionará estos cuatro segundos. Si selecciona marco inicial a cuadro final, seleccionará todo el asunto hasta cinco o todos los fotogramas. Yo estoy contento con eso, 12 cuadros, 1080 por 1080, vamos a renderizar eso y vamos a revisar nuestro render. Como puedes ver, tomará un momento exportar así que seamos pacientes. Ahí está. Abramos eso. Estamos todos terminados. Ahora tienes tu MP4 y tu GIF listos para subir a redes sociales, a tu portafolio online y por supuesto, a la galería de proyectos. Puedes aplicar estas habilidades a cientos de ilustraciones diferentes. Asegúrate de divertirte mucho con él. 11. Reflexiones finales: ¡ Increíble trabajo a todos! Espero que hayas logrado recoger algunos consejos valiosos que animar Photoshop y amarlo aún más Igual que a mí. Aprendemos a crear bibliotecas de diferentes patrones y texturas que agregan animación llamativa a tus ilustraciones. Aprendimos a aplicar estas texturas en todos los lugares, los fondos, los textiles y hasta el cabello en el personaje. posibilidades realmente son infinitas, y aprendimos a exportarlas y simplemente no puedo esperar a ver qué se te ocurre. Recuerda publicar tu obra final en la galería de proyectos, así como cualquier tarea de bonificación en la que decidiste participar para que podamos ver tu proceso. Cada mes, estaré escogiendo tres de mis proyectos favoritos para compartirlos en mis redes sociales y si compartes algo en Instagram, asegúrate de etiquetarme para poder compartirlo en mi historia para que mi público lo vea. Si te gusta la clase, no olvides dejar una buena crítica para animar a más gente a encontrarla y disfrutarla tanto como lo hiciste. Ojalá te divirtieras muchísimo animando texturas y patrones en Photoshop. No puedo esperar a verte en mi próximo curso. Nos vemos pronto.