Transcripciones
1. Introducción: Si siempre has visto GIFs y pensado, wow eso es tan genial, me encantaría hacer eso. Pero simplemente no sabes por dónde empezar, entonces esta es la clase para ti. Hola, me llamo Mao y soy artista, ilustradora y maestra. En esta clase, te voy a mostrar cómo hacer tres tipos diferentes de GIF. Ellos son el GIF cambiante de color, el efecto de oscilación GIF, y el GIF cambiante de imagen. Las habilidades que vas a aprender en esta clase se pueden aplicar a una amplia gama de estilos
artísticos y pueden impulsar muchas áreas diferentes de tu práctica creativa, desde crear campañas en redes sociales hasta hacer tu sitio web, newsletter, o los correos electrónicos se destacan entre la multitud o
simplemente podrías disfrutar de hacer de los GIFs una obra de arte independiente. Animar tus dibujos incluso de
una manera realmente simple puede ser una manera fantástica de impulsar tu compromiso, llamar más atención sobre tu portafolio y simplemente respirar algo más de vida y energía en tus dibujos. Este curso está dirigido a principiantes o a cualquier persona que simplemente quisiera pensar que la obra de arte se mueve. Vamos a estar trabajando a mano en papel y luego llevando nuestros dibujos hechos a mano a Photoshop para crear GIFs de arte. Pero no te preocupes si no sabes nada de Photoshop, voy a estar pasando por todas las etapas del proceso paso a paso. Empezaremos por la lluvia de ideas de tus bocetos iniciales, mirando diferentes estilos de letras y cómo podrías adaptarlos con ilustraciones de diferentes maneras. Te voy a estar dando algunos consejos y plantillas para que las uses si tienes menos confianza retirándote. Entonces te estaré mostrando cómo preparar y digitalizar tu obra lista para ser animada. Nosotros 'entonces vamos a estar mirando los colores, las consideraciones importantes de usar colores y regalos y luego vamos a seleccionar algunas paletas de colores para usar con tus diseños GIF. Después vamos a llevar los dibujos a Photoshop y hacer nuestro primer GIF cambiante de color. Después de esto, te guiaré por cómo hacer el GIF con ese distintivo efecto oscilante que realmente puede hacer que tus dibujos parezcan vivos. Por último, te mostraré cómo hacer un GIF cambiante de imagen, que puede ser realmente juguetón y una manera realmente fantástica de jugar con letras. En la clase, he incluido una lección extra que te muestra cómo exportar tus GIFs como archivos MP4. Actualmente, el formato GIF no es compatible con Instagram. Esta lección te va a permitir compartir en esa plataforma. Una vez que sepas hacer GIFs, te vas a divertir tanto haciendo que tu obra se mueva. No puedo esperar a ver qué vas a hacer. Vamos a animarnos.
2. Proyecto de la clase: Para tus proyectos de clase, me gustaría que hicieras una carta animada, GIF. Ilustrar una carta es realmente rápido, pero también realmente súper efectivo. Significa que puedes aprender todas las habilidades que necesitas para hacer GIFs en un espacio de tiempo realmente corto. Después te llevas esas habilidades y las aplicas a todo tipo de otras áreas de tu portafolio creativo. Tengo pasión por las letras peculiares ilustrativas. Es algo a lo que regresé mucho en mi propio trabajo como ilustrador. Me encanta eso en juego entre texto e imagen, y crear algo con humor o que cuente una historia de una manera realmente sencilla. Hace un tiempo participé en un reto de Instagram donde cada día
hay que ilustrar una letra del alfabeto. He decidido que quería hacer esto con GIF. Nunca he hecho un GIF antes. Terminé haciendo todo el alfabeto. Me sorprendió mucho lo manejable, sin embargo, realmente lo divertido que era. Aprendí mucho sobre hacer GIF en el proceso y a través esa experiencia de aprendizaje entonces aplica los principios de
creación GIF para muchas otras áreas de mi cartera. Eso es algo que espero que gane al hacer este curso. Te voy a estar mostrando cómo lograr tres efectos GIF diferentes. Ellos son el GIF cambiante de color, el efecto de oscilación GIF, y el GIF cambiante de imagen. Quizás te guste elegir el estilo que más te guste o por qué no tener un go los tres. El primer GIF cambiante de color va a cubrir la mayor parte del proceso de la tienda de alimentos. Una vez que hayas seguido ese proceso conmigo para el primer estilo, deja, en realidad, aprender el efecto de oscilación y los GIFs cambiantes de imagen van a parecer bastante sencillos porque estarás realmente familiarizado con algunos de esos procesos y principios. Una vez que tienes unos niveles altos, obtenemos estilos, incluso
podrías decidir que te gustaría mezclarlos. Combina un GIF que cambia de color con un GIF que cambia de imagen, por ejemplo. De verdad, una vez que hayas aprendido esos procesos, creo, podría estar entusiasmado con cuántas cosas puedes aplicar esto. Para cuando termines esta clase, tienes al menos un GIF, realmente, fantástico que puedes compartir en tus redes sociales,
tu sitio web, blog, o firma de correo electrónico. Lo más importante, puedes subirlo a tu proyecto de clase para compartirlo con nuestra Comunidad Scotia. No puedo esperar a ver las imágenes en movimiento que vas a estar haciendo. Empecemos.
3. Herramientas y materiales: En este video, solo vamos a cubrir las herramientas y materiales que vas a necesitar para crear tu fabuloso proyecto de clase, y crear tus regalos animados. Realmente no necesitas mucho, pero vale la pena tener todo listo para que puedas sumergirte directamente y seguirme conmigo mientras pasamos por la clase. Por lo que vas a necesitar, una impresora para imprimir tu hoja de trabajo o un trozo de papel blanco, lápiz, y regla para crear tu propia plantilla dibujada a mano si no tienes una. Necesitarás un lápiz, una goma, una pluma negra. Es bastante útil en realidad tener un par de bolígrafos negros, tal vez uno delgado y uno ligeramente más gordo para darte diferentes efectos. Un trozo de papel de calco o simplemente papel blanco fino. Simplemente puede ser una chatarra que tienes tirada por ahí. Necesitarás un escáner o cámara para importar tus dibujos a Photoshop, y necesitarás Photoshop. Entonces, por favor, adelante y junten esos materiales. En la siguiente lección, vamos a estar dibujando tus cartas. Estaremos buscando algún material de referencia y fuentes de inspiración para
ayudarte a desarrollar algunas ilustraciones interesantes en torno a tu diseño de cartas. Vamos a decidir qué carta vas a animar y vamos a completar la hoja de trabajo de 10 dibujos que te va a permitir crear los tres estilos de regalo. Entonces cuando estés listo, únete a mí ahí.
4. Bocetar las letras: parte 1: Genial, así que tienes tus materiales juntos y ahora estás listo para empezar a ilustrar tus cartas. En esta lección, vamos a ver algunos recursos diferentes para inspirar tus ilustraciones de letras. Vamos a decidir qué carta vas a estar ilustrando y vamos a completar tu hoja de trabajo de diez dibujos, cuales van a formar la base de tu GIF animado. Si no tienes una impresora para imprimir la hoja de trabajo, solo toma un trozo de papel A4 y dibuja diez cajas en eso, aproximadamente seis centímetros cuadrados. ¿ De dónde obtengo mi inspiración? Bueno, hay una serie de lugares. Una de las primeras cosas que siempre hago es agarrar algunos de mis libros de referencia que tengo. Este es uno de mis favoritos. Está lleno de toneladas de diferentes tipos de tipografía dibujada a mano. Echa un vistazo a librería local o biblioteca. Probablemente haya algunos ejemplos realmente divertidos ahí dentro que solo podrías pedir prestado. Es realmente agradable poder ver un amplio espectro de cómo otros artistas se acercan a la mano con letras, realmente puede desatar algunas ideas interesantes. Pinterest también es uno de mis lugares favoritos para investigar, aunque es realmente fácil perderse, tengo un tablero de Pinterest que eres muy bienvenido para echar un vistazo. He vinculado dentro de los recursos del proyecto de clase y eso puede ser realmente útil punto de partida. Publicidad, por lo que hay algunas maneras fantásticas de usar el texto en la publicidad. Obviamente hay una publicidad en forma impresa, periódicos y revistas y realmente genial para echar un vistazo. Pero una de las cosas que es realmente creativa, creo que en términos de usar formas y letras una manera realmente interesante son esos elementos que se ven al inicio de los programas de televisión. Estos ejemplos son de la BBC dos en el Reino Unido. Pero muchas emisoras de televisión tendrán formas
igualmente creativas y realmente variadas de comunicar su identidad visual así. YouTube puede ser un gran lugar para ver ejemplos como este. Libros infantiles y animaciones. Estas dos cosas van de la mano. Me encanta usar humor y elementos de caracterización en mucho de mi trabajo o cosas que son un poco juguetonas. En realidad, los libros
infantiles y las animaciones infantiles son realmente fantástica fuente de inspiración. Qué carta vas a animar? A lo mejor quieres animar tu inicial, o tal vez quieras animar a alguien más como inicial. A lo mejor va a ser una carta que tenga alguna conexión para ti. A lo mejor es tu nombre comercial, si lo haces, menos seguro retirando realmente recomendaría elegir una letra que tenga bordes rectos. Pensando en trabajar en mayúsculas, quieres elegir letras como a, h, l, m, n y evitar esas letras con curvas como, o, p, b, d Las curvas pueden ser mucho más difíciles de trabajar. Realmente podría ayudarte a seguir junto con mis ejemplos a medida que pasamos por la clase. Voy a estar usando la letra H. Si realmente no estás seguro de qué letra quieres hacer, pero quieres seguir algunos de mis ejemplos entonces, ¿por qué no ir con H? Acompáñame en la segunda parte de esta lección para completar tu hoja de trabajo de diez dibujos. Te veré ahí.
5. Bocetar las letras: parte 2: Conforme ahora comenzamos tus 10 dibujos sentir letras, hay dos reglas que debes tener en cuenta para obtener los mejores resultados posibles. Tus dibujos de cartas deben tener una línea continua e ininterrumpida recorriendo todo el exterior. Esto nos va a hacer mucho más fácil la vida más adelante en Photoshop y no deben tocar los bordes de las cajas de tu hoja de trabajo. Dibujar uno es en realidad la plantilla para todas las demás letras. Te recomiendo que para dibujar uno, en realidad
mantengamos ese dibujo muy, muy sencillo y te recomiendo usar una fuente sans serif. Sans serif sólo significa que no tiene esos trastos, bits en la parte superior e inferior. Por ejemplo, Times New Roman es una fuente serif con pequeños pedacitos en los extremos pero algo como Arial es una fuente sans serif, por lo que es un poco más simple. El motivo de eso es que si haces que dibujar uno
sea realmente complicado, no te va a dar tanta flexibilidad para los otros dibujos. Al dibujar uno, voy a estar haciendo una H. Si la idea de simplemente dibujar una carta te llena de miedo. En los recursos del proyecto de clase, hay una plantilla con algunas letras en ella, y estas son solo del tamaño adecuado para caber en tus cajas. Si prefieres trazar una letra que dibujar realmente una línea, puedes usar esto. Yo sólo voy a dibujar en la casilla uno, la letra H. No quieres
dibujarla para que esté tocando los bordes porque eso no te
va a dar mucho espacio para jugar con el diseño más adelante. Quieres un poco de espacio a su alrededor pero lo quieres bastante grande en esa caja. Algo alrededor de eso. Algo que voy a hacer ahora que me va a ayudar con el resto de mis dibujos es en realidad trazar esa carta en mi papel fino o papel transparente. Yo sólo voy a poner un pedazo de chatarra, papel
en blanco debajo de mi hoja de trabajo el cual me va a ayudar a ver ese rastreo si no estoy usando una caja de luz. Empecemos ahora con el dibujo dos. En realidad vamos a repetir el dibujo dos varias veces porque dibujo dos va a formar tanto nuestro GIF cambiante de color, dice aquí arriba en la parte superior de la hoja el GIF cambiante de color y el efecto tambaleante GIF. Para el efecto de oscilación GIF, en realidad
necesitamos tener el mismo dibujo hecho cinco veces. En esas cinco cajas, dos, tres, cuatro, cinco y seis, todo
eso va a ser el mismo diseño. He decidido por mi GIF cambiante de color y efecto tambaleante que me gustaría
usar la inspiración de la portada de mi libro tipográfico dibujado a mano. Me gusta este uso de lápices para crear las letras. Si bien estamos discutiendo la inspiración, hay otra hoja de ayuda que proporcioné en los recursos del proyecto de clase. Solo para darte un poco de ayuda si no estás realmente seguro de qué hacer con tu carta en cada uno de los 10 dibujos. Estas son cosas comunes que he visto hacer con letras a mano de muchas maneras diferentes. Podrías hacer que tu carta parezca que está en perspectiva, darle un borde decorativo, hacer que parezca que está hecha de objetos. Llénalo de patrones, haz que parezca que está hecho de una textura realmente interesante como burbujas o cabello o gelatina o caracteriza tu carta. Voy a solo a lápiz primero, crear mi primer dibujo. Estoy bastante contento con eso. Esa es mi primera versión de ese dibujo. Ahora voy a repetir eso otras cuatro veces. En el dibujo tres, cuatro, cinco y seis vamos a tener exactamente el mismo signo que en el dibujo dos. Aquí es donde vuelve a entrar tu papel transparente. Ahí estamos. Tenemos nuestros primeros cinco dibujos en borrador por lo que ahora podemos hacer nuestros dos primeros efectos GIF, el GIF cambiante de color y el GIF efecto tambaleante, voy a usar estos dibujos. Para dibujar siete, he estado pensando en hacer algo tal vez
inspirado en algunas ilustraciones de libros infantiles que he estado mirando de animales en forma bastante boxy. Voy a volver a usar mi plantilla de carta base, para hacer un poco de bocetos. Si vas a caracterizar tu carta, puede ayudar pensar primero en las piernas. En el caso de una H, tengo bastante suerte porque hay dos extremidades como pedacitos tocando el suelo. Puedo usar esos como dos patas o dividirlos en cuatro para hacer un animal de cuatro patas sin dejar de conservar la forma general de la letra. Algún tipo de cola divertida. Ahí hay una especie de animal confeccionado. Tiene algún lugar entre tal vez un caballo, una jirafa y un perro que puedes hacer lo que quieras con estos dibujos. Eso es lo que es tan divertido de usar letras
es que realmente te puede empujar a crear algo un poco inusual cuando estás trabajando con este tipo de base que te da esta ligeramente restringida, breve en cierto modo porque tú tienes que pensar en algo que se ajuste a esta forma. Te puede empujar a llegar a algunas cosas realmente creativas. Para mi siguiente carta, dibujando ocho, estoy pensando en esos artículos que miraba antes, me gustó bastante cómo realmente jugaban con materiales y textura en muchos de ellos en lo que se hizo la carta. Voy a hacer que mi H se vea peluda en esta. Yo lo voy a hacer muy bruscamente, y luego cuando lo haga en lápiz lo haré un poco más con cuidado. Para mi dibujo nueve, me gustaría hacer algo bastante basado en patrones. He visto algunas cosas realmente bonitas en Pinterest donde usan patrones en letras. Hay algunos ejemplos de solo usar patrón todo sobre en mi hoja de ayuda, pero creo que lo que voy a hacer con este es dividirlo en tiras casi. Un dibujo más para ir. Para dibujar 10, voy a hacer algo muy sencillo. Voy a añadir algunas fronteras para que sea un poco más interesante. He hecho de mi carta una fuente serif ahora de una sans serif one. Entonces le voy a añadir algunos bordes también para que se sienta un poco más elegante. Ya tengo la base de mis diferentes cartas. Podrían entonces volver a visitar y pensar, ¿quiero hacerle algo un poco más a algunos de ellos? Siento, por ejemplo, mi dibujo nueve que está hecho de patrón necesita algo más. A lo mejor también lo haré un poco de perspectiva. Sólo voy a añadir unas pequeñas líneas aquí para lograrlo. Puedes ser realmente juguetón con tus dibujos. Agrega más características o combina algunos tratamientos de letras diferentes para obtener un conjunto de ilustraciones con las que te sientes realmente feliz. Ahí vamos. Tengo mis, mis 10 dibujos. Yo estoy contento con todos ellos. Tengo suficientes dibujos aquí para crear los tres estilos GIF. Lo que necesito hacer ahora, están todos a lápiz, necesito realmente trabajar con pluma en la parte superior. Tengo dos espesores de pluma aquí, un Sharpie grueso y un delineador fino. Voy a usar una combinación de estos para dar un poco de variación a través mis dibujos para que sientan que soy un poco diferente. Me gusta hacer que mis GIFs cambiantes de color y efecto oscilante sean bastante simples. Estoy usando el lápiz más grueso para esos dibujos, luego usaremos una combinación de un bolígrafo más fino con
un bolígrafo más grueso en la imagen cambiando dibujos GIF. Al dibujar ocho, la que estoy haciendo lucir peluda, ésta es la que puede ser bastante más desafiante tratar de
asegurarse de que haya una línea continua corriendo por
todo el exterior de la letra. Si quieres hacer algo donde realmente no puedas tener una línea continua alrededor del exterior de tu carta, te
mostraré una forma de que puedes trabajar en torno a eso cuando estemos en Photoshop más adelante. Pero para los propósitos de hacer mi vida más fácil, voy a seguir agregando más y más pelo al exterior para que se vea bonito y peludo, y luego cuando tengo suficiente que creo que en realidad no va a ser muy notable. Voy a ejecutar mi bolígrafo en una línea continua alrededor del cabello, que crea un límite para cuando más tarde estemos usando Photoshop. Va a hacer un poco más fácil sólo seleccionar el interior de la letra y el exterior de la letra si están encerrados. Ahora he entintado mis cartas, voy a dejar unos 30 segundos y luego voy a frotar todas esas marcas de lápiz de verdad, de verdad con mucho cuidado. Una vez que hayas hecho tu frotamiento y te hayas deshecho de tus marcas de lápiz, echa otro vistazo realmente de cerca a tus dibujos y comprueba si hay huecos de línea que puedas tener. Se puede ver que tengo uno aquí. Básicamente, una brecha de línea es justo donde tu línea no cumple con la siguiente línea. Ahí hay un pequeño hueco y eso nos va a dar un poco más de trabajo que hacer en Photoshop más adelante. Voy a cerrar eso. Consulta todos tus demás dibujos para asegurarte de que estén completamente encerrados alrededor de los bordes. Top tip, si ahora pasas tiempo limpiando tus dibujos, haciendo tu hoja de trabajo de dibujos realmente limpia y cerrando esos huecos de línea, quitando cualquier línea de lápiz, te
va a ahorrar mucho tiempo más tarde en tales tomas, por lo que vale sólo pasar tiempo en eso ahora. Ahora se acabó para ti. Es hora de que completes tus 10 dibujos en tu hoja de trabajo. De verdad estoy deseando ver lo que vas a estar ilustrando. Espero que te hayas divertido jugando con tus letras gordas y funky. Tengo muchas ganas de ver cómo has hecho que esa letra sea diferente en todos tus dibujos. En la siguiente clase vamos a estar digitalizando tus hojas de trabajo, agarra tu cámara o escáner y únete a mí en la siguiente lección.
6. Prepararte para animar: Fantástico. Ahora tenemos nuestras ilustraciones listas para tomar en Photoshop y animar. En esta lección, vamos a estar digitalizando tu trabajo dibujado a mano para que podamos trabajar realmente fácilmente con él en Photoshop. En primer lugar, necesitarás escanear idealmente en tu hoja de trabajo. Si no tienes un escáner, podrías fotografiarlo y quieres escanear en tu hoja de trabajo
a 300 DPI para asegurarte de que sea agradable y de alta resolución. Si no estás seguro de cómo escanear o fotografiar tu hoja de trabajo con éxito, es posible que te refieras a mi otra clase, Photoshop Basics: Creating a Simple Color Separation. En una lección titulada, Digitalizando Tu Diseño Paso por algunas mejores prácticas en cómo escanear o fotografiar tu trabajo. Ahora tengo eso seleccionado. Sólo voy a usar Scan. Mi escaneo está aquí en mi escritorio y solo lo voy a abrir con Photoshop. Acabo de hacer eso haciendo clic mientras mantienes presionada la tecla de control. Ahí está mi hoja de trabajo. medida que pasamos por algunos de los elementos de Photoshop, estoy usando un Mac, por lo que a veces podría referirme a la tecla Comando y a la tecla Comando al lado de la barra espaciadora. Si estás trabajando en un PC, cambia la tecla Comando a Control y esos atajos suelen ser los mismos. Tenemos un buen escaneo de nuestra hoja
de trabajo y lo primero que vamos a hacer es simplemente alegrarlo un poco. Ir a Imagen, Ajustes, y Brillo y Contraste. A top tip, hay una caja en este pequeño cuadro emergente que dice Usar Legado, y si marcas eso antes de cambiar tu Brillo y
Contraste, te va a dar un resultado mucho mejor. Te mostraré la diferencia si no lo marcas, y traemos el brillo justo arriba y el contraste hacia arriba, realmente te va a lavar tu dibujo. Entonces sólo voy a cancelar eso, y a ver qué pasa. Cuando marcamos la casilla, dice Usar Legado. Te va a dar un resultado mucho mejor de trabajar con una imagen en blanco y negro, así que vale la pena marcar esa casilla antes de cambiar nada en tu ventana de brillo y contraste. Eso es bastante alto. Voy a bajarlo. No quiero distorsionar demasiado mi imagen. Normalmente encuentro que las cifras alrededor de 20 para el brillo y alrededor de 30 para el contraste funcionan bastante bien para mí en mi escáner particular. Podría ser diferente para ti. Si has fotografiado tu trabajo, es posible que necesites jugar un poco más con esos. A lo que buscamos es un bonito fondo blanco y lindas líneas negras en tus dibujos. Si eres nuevo en Photoshop, no necesariamente
estarás familiarizado con tu espacio de trabajo aquí. Tenemos, por aquí a la izquierda, estas son Barras de herramientas. Entonces estas son algunas de las herramientas que vamos a estar usando. Nos falta, por el momento, nuestra ventana de Capas sobre el lado derecho. Si tu Photoshop se abre sin ella como la mía, si solo vas al menú Ventana, solo tienes que hacer clic en Capas, entonces tu ventana Capas debería aparecer. Esto va a ser realmente importante a lo largo de la clase que siempre
tienes esto en tu espacio de trabajo. Una palabra sobre Capas. Las capas son un aspecto realmente intrínseco de trabajar en Photoshop. Trabajar en capas es realmente importante porque cualquier cosa en una capa diferente se puede cambiar independientemente de las cosas en otras capas. Eso hace que sea realmente fácil cambiar partes de una imagen sin destruir el resto de ella para que no tengas que volver atrás y empezar de nuevo. Esa es una de las grandes cosas de Photoshop. Si tus dibujos no parecen necesariamente realmente oscuros, algo que puedes hacer es duplicar tus capas para que tengas dos capas de tu hoja de trabajo. Si tan solo pudieras ir a estas pequeñas líneas en la parte superior de tu ventana de Capas y hacer clic en Duplicar capa, te
va a hacer una capa llamada Copia de fondo. Por el momento no se verá diferente. El motivo de eso es que ambas capas por el momento están en modo normal. Este desplegable aquí es normal. Si te imaginas el modo normal como ser un poco como tu hoja de trabajo está impresa en un pedazo de papel blanco, y así tienes dos capas de modo normal ahí. Es como un trozo de papel con tu hoja de trabajo
encima de otro pedazo de papel con tu hoja de trabajo sobre él. Ahora si cambiamos el modo Capa de esa hoja superior al modo Multiplicar, en realidad
va a crear un efecto más parecido a que está impreso en una hoja de vidrio. Entonces las líneas están ahí pero el papel no lo está. Si solo apago esa capa, se
puede ver que es con sólo la capa de fondo de una, y eso es con ambas capas y se puede ver la diferencia que eso hace. Yo sólo voy a acercar para que podamos echar un buen vistazo a nuestros dibujos de cerca. Estoy acercando si solo mantienes presionada Command plus para acercar y Command menos se alejará. Eso es con mis dos capas juntas y una capa juntas. Se puede ver la diferencia es mucho más fuerte negro con las dos capas. En realidad quiero que solo sea una capa, así que lo que quiero hacer es fusionar mis capas juntas. Hay más de una forma de hacerlo. Si subes a tu menú Capa en la parte superior de la pantalla, puedes decir Fusionar hacia abajo o puedes decir Fusionar Visible porque solo tienes dos capas que actualmente están visibles. Ahora vamos a estar usando Merge Down, y vamos a estar usando esto bastante a través de la clase. Se puede ver en el lado derecho del menú aquí, tiene el símbolo ahí Comando E, y ese es el atajo de teclado para fusionarse y es bastante útil conocer algunos de los atajos que vas a usar a menudo porque simplemente hace que todo se sienta un poco más natural. Esta vez vamos a estar usando el menú para hacerlo, pero cuando lo hagamos la próxima vez, podríamos usar el atajo. Voy a presionar Fusionar hacia abajo y verás que ahora nuestras capas se han Fusionado en una sola capa de fondo. En esta etapa, puede ser realmente útil quitar realmente el color de nuestra imagen, y probablemente estés pensando, pero esta es imagen en blanco y negro, que absolutamente lo es. Pero si acercamos realmente de cerca, cuando empieces a mirar los píxeles, solo
voy a conseguir mi seleccionador de color aquí. Cada vez que haga clic, te mostrará de qué color están los píxeles en esta ventana. Ve que hay algo de naranja ahí dentro, algunos marrón, algunos morados. En realidad son bastantes colores, pesar de que todos parecen negros. Para quitar el color, si solo presionas Command U en tu teclado, te
traerá esta caja, que es una caja de cambio de tonalidad y saturación. Si tan solo tomas el deslizador de saturación y lo llevas todo el camino hasta menos 100, eso te va a quitar toda la saturación de tu imagen. Ahora solo tenemos negro, blanco y diferentes tonos de gris a nuestra imagen. Ahora vamos a quitar el fondo blanco para
que tus dibujos estén sobre un fondo transparente. Esto es realmente útil porque no queremos estar recogiendo ningún píxel extraviado alrededor del borde de tus líneas dibujadas, lo que puede hacerlas parecer difusas, particularmente cuando los transformamos en GIF. Te voy a mostrar un método que implica hacer una máscara de capa. Hay montones de diferentes métodos para hacer que tu fondo sea transparente con tus dibujos y si tienes tu propio método preferido, entonces por favor hazlo adelante y usa eso. Sólo voy a mostrarles este método que creo que es una manera realmente buena de hacerlo. En primer lugar vamos a seleccionar todo y la forma más fácil de hacer eso es solo para, en tu teclado, golpear el comando A, y eso te va a dar la línea marchada y punteada por todo el exterior. Después vamos a copiar el comando C, y luego vamos a crear una nueva capa. Si vuelves a pasar a tu ventana de Capas, similar a lo que hicimos antes, lugar de duplicados en la capa, solo
vamos a ir, Nueva capa. Sólo di que está bien. Ahora vamos a eliminar realmente nuestra capa de fondo. Simplemente puedes resaltarlo y arrastrarlo al contenedor, y ya no está. Ahora vamos a llenar nuestra nueva capa de negro. Si solo vas al menú Edición, ve a Rellenar y luego desde el cuadro desplegable aquí, asegúrate de que Black esté seleccionado y que la opacidad sea del 100 por ciento y selecciona, Ok. Vamos a añadir una Máscara de Capa con sólo seleccionar este pequeño rectángulo con un círculo en la parte inferior de tu ventana de Capas. Nuestra máscara ha aparecido aquí en nuestra capa como la caja blanca. Ahora, mantenga presionada la tecla Alt de su teclado y haga clic en el rectángulo blanco, seleccione esa máscara. Ahora vamos a pegar, así que en tu teclado pulsa el comando V. Ahora vamos a invertir eso. Entonces vamos a estar haciendo el blanco negro y el negro blanco. Entonces presiona comando I. Ahora haz clic en la capa, que es el rectángulo negro en tu ventana de Capas, y luego vuelve a hacer clic en la máscara. Entonces vamos a eliminar la máscara con solo hacer clic en el cubo de basura en la parte inferior de tu ventana de Capas. Cuando hagas eso, te va a pedir que te preguntes si quieres aplicar la máscara a la capa antes de quitarla. Entonces solo tienes que hacer clic en aplicar, y eso es todo, ahora has hecho transparente tu fondo. Yo sólo voy a acercar para que podamos echar un vistazo más de cerca. De verdad estoy contento con eso. Este método de usar la Máscara de Capa es realmente efectivo para agarrar solo las partes dibujadas de su hoja de trabajo. En ocasiones cuando se utiliza una de las herramientas de selección como las mágicas, u otro método para seleccionar la capa blanca y eliminarla. En ocasiones obtienes este fantasma alrededor de tus dibujos donde obtienes unos píxeles grises y blancos en el mismo borde y no lo consigues con este método, razón por la
cual me gusta mucho este método. Son unos pasos más que usar los mágicos, pero creo que realmente vale la pena. Ahora a través de ese proceso, posible que
hayas encontrado que tus dibujos se han vuelto más ligeros de nuevo, es muy probable que ahora estén un poco grises. Simplemente podemos repetir lo que hicimos antes duplicando la capa. Si vuelve a pasar a la ventana de Capas, haga clic en esas líneas en la parte superior, y luego seleccione Duplicar capa y Aceptar. En realidad no necesitas hacer que este modo se multiplique porque ya es transparente, probablemente
notes que tan pronto como surgió la capa esas líneas se oscurecieron. Vamos a acercar el zoom para tener otra mirada. Eso se ve realmente bonito y oscuro ahora. Se puede ver la diferencia solo con una capa. Ese es el efecto y con la capa duplicada, es una línea negra oscura muy, muy bonita. Estoy realmente contento con eso. Usaremos nuestro atajo esta vez para fusionar esas capas. Vamos a golpear en nuestro teclado Comando E. Sólo un consejo sobre el uso de Comando E. Recordar Comando E es fusionar hacia abajo, por lo que esto solo funciona como lo pretendes si estás en la parte superior de las dos capas que pretendes fusionar. Se fusiona desde la capa superior hasta la capa debajo de ella. Nuestra hoja de trabajo se ve realmente, realmente bonita ahora, líneas negras muy fuertes, sin fondo. Lo que podemos hacer ahora está en tu barra de herramientas, encima del lado izquierdo, podrías seleccionar la goma si es necesario. Podemos simplemente acercar y ordenar
cualquier pedacito extraviado en los bordes de tus dibujos si tienes alguna pequeña marca que olvidaste cuando te estabas frotando o a veces puedes recoger pedacitos de pelusa en el cristal del escáner. Al estar usando la goma, punta
superior para ti, si quieres hacer tu goma más grande, usando los corchetes, por lo que el soporte cuadrado derecho hará que tu goma sea más grande, y la izquierda soporte cuadrado hará que tu goma sea más pequeña. Es solo para ahorrarte tiempo en lugar de subir al tamaño del pincel en la parte superior, solo
puedes usar esas teclas de soporte. He limpiado mi hoja de trabajo con mi goma y ahora estoy listo para guardarla. Sólo tienes que ir a Archivo y Guardar como. Vamos a guardar en realidad dos versiones de su hoja de trabajo. En primer lugar, vamos a dejar el formato en este desplegable como documento de Photoshop, eso significa que va a retener la capa transparente. Si entonces lo guardamos como un JPEG, en realidad
va a volver a poner ese fondo blanco. En primer lugar lo vamos a guardar como el documento de Photoshop, basta con hacer clic en Guardar y Aceptar. Entonces vamos a ir a Archivo y Guardar como. Entonces vamos a cambiar el nombre a Hoja de trabajo sólo porque la estoy guardando en mi escritorio y ya tengo el escaneo original ahí como un JPEG y esto también va a ser un JPEG. Entonces necesitamos darle un nuevo nombre y Save and Okay. Ya ves cómo se acaba de poner ese fondo blanco de nuevo. Se puede ver en mi escritorio tengo mi escaneo
como archivo PSD que tiene el noveno fondo transparente, eso es lo que vamos a estar usando. También tengo el escaneo original. Eso se vería como sin embargo entró en tu escáner o cámara y luego puedes ver como comparación, lo que acabamos de hacer para prepararlo para ser animado. Se puede ver la diferencia ahí en cómo es el blanco y cómo está el negro, tenemos un contraste mucho más fuerte. Además, la otra razón por la que quería que lo guardes como archivo JPEG es para que ahora sea el momento en que puedes iniciar tu proyecto de clase. Por favor, adelante e inicia tu proyecto de clase. Me encantaría ver tus dibujos originales, siempre
es muy divertido ver el proceso a medida que avanzas. Una vez que estés contento de que tu hoja de trabajo haya sido realmente agradable y limpiada y tengas líneas negras realmente fuertes, estás listo para hacer tu primer GIF. Pero primero, solo vamos a hablar paletas de
colores porque los colores que elijas
crear con tu GIF tienen un impacto realmente grande en el estado de ánimo y tono y estilo del mismo. En la siguiente lección, vamos a estar buscando paletas de colores y tuvimos como
escoger algunos colores exitosos para usar en tus diseños GIF. Entonces te veré ahí.
7. Elegir una paleta de colores: Es realmente importante que pensemos detenidamente qué colores elegimos para tu GIF, qué dicen de ti y cómo elegirlos. En primer lugar, un poco de información técnica sobre los Regalos y cómo afecta el color. Técnicamente, puedes crear tus GIFs con hasta 256 colores. Ahora esto suena como mucho, pero en realidad no lo es. ¿ Cuántos colores te imaginas que hay en solo uno de nuestros dibujos de línea en blanco y negro después de que haya sido desaturado y limpiado? Son más de 256. Una vez que comienzas a agregar más colores, el número aumenta. Los archivos GIF están diseñados para ser animaciones ligeras con un tamaño de archivo bajo, razón por la
cual funcionan tan perfectamente. Pero esto significa que están altamente comprimidos. A medida que añadas más colores, es posible que empieces a conseguir un poco de distorsión en tu GIF final. Esto es particularmente notable si utilizaras fotografías o escanearas texturas en tus GIFs porque contienen tantos colores diferentes. Estamos trabajando con colores planos de Photoshop para tu proyecto de clase, que va a evitar cualquier distorsión en nuestros GIFs terminados. Pero esto es algo solo a tener en cuenta si
comienzas a hacer GIF en otras áreas de tu trabajo. En nuestro GIF cambiante de color, el cambio de color es lo que lo diferencia. Este es el GIF con los colores más diferentes en él. Te recomiendo que cada marco tenga solo tres colores, uno para el fondo, uno para la letra, y otro para el trabajo de línea. Más de tres colores por imagen, puede ser un poco abrumador una vez que los colores luego cambian en cada uno de tus marcos. Técnicamente para este GIF, podrías tener tres colores por fotograma y cinco marcos, lo que te permite tener hasta 15 colores en esta paleta. 15 colores es mucho, y si todos son diferentes, te
va a dar un efecto bastante loco. Una vez que esté animado, puede que realmente te guste eso si se adapta a tu estilo, pero te recomiendo usar una paleta de cinco colores para este GIF. Cinco colores en esta paleta de colores significarán que
usarás el mismo color tres veces sobre la animación. En un marco para el fondo, uno para el dibujo de línea, y otro para esta última base. También significa que dos marcos cualquiera uno al lado otro compartirán al menos un color en común, lo que puede dar una continuidad realmente agradable. En nuestro GIF retorcido, la
simplicidad de la paleta de colores es clave porque el movimiento de la imagen es tan sutil que solo se tambalea suavemente. Los colores para el fondo de trabajo de línea y la base de letras, deben ser los mismos en los cinco de tus marcos. Los blancos también pueden funcionar muy bien en este GIF, ya sea en el fondo o en la letra como puede dejar transparente el fondo. También puede ser sorprendentemente impactante, dejada como una paleta de colores monocromáticos. Para este GIF, recomiendo entre uno y cinco colores. Estos podrían ser colores que ya has seleccionado de tu primera paleta de colores o podría ser una nueva mezcla si vas a estar haciendo más de uno de los estilos GIF. Para la imagen final cambiando GIF, como hay tanto cambio visual, recomiendo paleta de colores más limitada de uno a cuatro colores. Cambiar drásticamente los colores y cambiar drásticamente las imágenes puede ser un poco mucho. ¿ Dónde encontramos inspiración para palets de colores exitosos? Es posible que ya tengas una paleta de colores si tienes un logotipo de sitio web o alguna marca. Podrías tener una pieza de trabajo existente donde realmente te encantan los colores que has usado. Puede ser realmente divertido volver a visitar una paleta de colores que ya tienes. ¿ Tienes un color favorito? Piensa en cómo has decorado tu hogar o espacio de trabajo y echa un vistazo a tu armario para ver qué colores aparecen mucho, podría
que te sorprenda. Podrías crear toda una paleta a partir de este color. Una buena forma de hacer esto es encontrar ese color en Photoshop, después presiona comando U que te va a dar una caja que
se te acerca donde puedes cambiar el tono, la saturación y la ligereza. Cambiar los tres puede ser un poco demasiada variación pero si solo mantienes la saturación y la ligereza igual, simplemente cambia el tono. Obtendrás un espectro de colores que comparten un valor tonal similar al de tu primer color. Esta es una técnica que uso mucho en mi propio trabajo de ilustración. Encontraré un trozo de papel que me gusta la textura y el color de, lo
escaneo y luego uso Photoshop para cambiar el matiz manteniendo igual esta saturación y ligereza. Esto me da una fantástica paleta de colores que puede ser muy variada. Sin embargo, todos esos colores parecen ir muy bien juntos. Extraer paletas de color de fotografías es una forma realmente popular de hacer paletas de colores. Hay tantos colores presentes en una fotografía, y generalmente puedes decir que si quieres, la sensación general de una fotografía, probablemente
te guste la paleta de colores que viene de ella. Podría tener una foto favorita propia o podría encontrar algo en línea. Pinterest de nuevo, siempre es un lugar realmente fantástico para buscar inspiración. No necesariamente tiene que ser una fotografía podría ser una ilustración, por ejemplo, solo usa la herramienta de selección de colores, encuentra un color que te guste, y luego solo puedes poner algunas manchas usando el pincel en el borde de tu fotografía . Ahora tienes una paleta de colores, hay toneladas de paleta de colores generando sitios web, aplicaciones, y bits de software que puedes usar para generar paletas de colores para ti. Por ejemplo, el color de Adobe es un gran recurso para crear tus paletas de colores en. También me encanta [inaudible], pero podría haber preferido el sitio o la aplicación que te gusta usar. Incluso las paletas
de colores de búsqueda de Google te van a dar algunos resultados que te podrían gustar. ¿ Qué comunican estas paletas de colores? Es probable que se sienta naturalmente atraído por paletas de color que se adapten a su personalidad, su trabajo y a su marca si tiene uno. Pero solo piense si las paletas de colores que has elegido se sientan bien con esto. Por ejemplo, los colores apagados en una paleta armoniosa transmiten una atmósfera más madura y sofisticada. tanto que una vibrante paleta de contraste en colores comunicará un look más joven y funky. Tener alguna instantánea digital de tus paletas de colores va a ser realmente útil para nosotros en Photoshop. Se va a ahorrar muchas conjeturas cuando estás eligiendo los colores. Si estás en un Mac, toma una captura de pantalla usando los botones de comando shift y fall sobre tus teclados o si estás trabajando desde algo que es un objeto real, podrías tomarte una fotografía o puedes imprimir pantalla en un PC. Después podremos abrir esa fotografía o captura de pantalla en photoshop cuando estemos haciendo tu GIF y usar la información de color directamente desde ella. Ahora se acabó a ti es hora de encontrar tus paletas de colores. Para recapitular, puedes usar un mínimo de uno hasta un máximo de 15 colores en tu GIF cambiante de color. Pero recomiendo usar en realidad no más de cinco colores en cualquier GIF. Toma fotografías o capturas de pantalla de tu paleta de colores para que las tengas digitalmente y podamos abrirnos en photoshop ya que estamos creando nuestros GIF. Espero que esta lección te haya ayudado a llegar a
una paleta de colores por la que te sientas realmente emocionada. No puedes esperar a meterte en hacer esos GIFs. Ahora que tenemos tu paleta de colores y tenemos tus dibujos todos listos para animar, podemos ponernos directamente en hacer tu primer GIF. Vámonos.
8. GIF con cambio de color: parte 1: En esta lección te voy a guiar a través de cómo hacer un fabuloso GIF cambiante de color. Tenemos nuestro bonito trabajo limpio para abrir en Photoshop y estamos listos para empezar a hacer nuestro GIF cambiante de color. Tengo una captura de pantalla guardada en mi escritorio que tiene mi paleta de colores en ella para este GIF en particular, así que estamos listos para irnos. En tu hoja de trabajo tienes el mismo diseño dibujado cinco veces. Podría haber uno que te guste más que los demás a pesar de que sean iguales. Elige cuál vas a usar para tu GIF cambiante de color. Sólo vamos a estar usando un diseño en este porque no se va a mover. Desde tu barra de herramientas para seleccionar la herramienta de marquesina rectangular y voy a usar dibujo seis. Sólo voy a mantener presionada la tecla Mayús mientras desplaza una caja sobre mi dibujo. Estoy teniendo cuidado de mantener mi selección dentro la caja en mi hoja de trabajo porque no quiero copiar esa línea en la hoja de trabajo también. Puedes usar las teclas de flecha solo para empujar la posición de tu selección solo para conseguirla en el lugar correcto. Entonces vamos a copiar, Comando C. Ahora vamos a hacer un nuevo archivo. Entonces ve a “Archivo” y “Nuevo”. Puedes hacer tu tamaño de Lona lo que elijas. Los procesos que vamos a utilizar van a ser los mismos sin importar el tamaño pero vale la pena señalar en este punto, si pretendes compartir tu GIF en Instagram, hay un tamaño óptimo para Instagram de 1080 por 1080 píxeles, y hay un mínimo recomendado de 720 por 720. Voy a hacer este 1080 por 1080, y luego hacer clic en “Crear”. Ahora voy a pegar en mi dibujo con Comando V. Desde tu barra de herramientas, solo asegúrate de que estás en la herramienta de movimiento y puedes mover tu dibujo a la posición que te guste en tu Lienzo. Si te resulta útil puedes arrastrar algunas guías haciendo clic y arrastrando la regla a tu Canvas. Esto puede ser bastante útil sobre todo si tienes una carta simétrica como una H. Puede ser bastante útil si estás tratando de encontrar el centro de la misma. Si no estás contento con el tamaño de tu carta en el fondo, también
puedes hacer eso más grande en tu teclado solo golpeando Command T, que es transformada, y simplemente arrastra los lados de la caja y eso va a aumentar o disminuir el tamaño de tu dibujo. Cuando estás en transformación, también
puedes rotar si te acercas a las esquinas. Podrás meter tu carta en una posición en la que estés realmente contento con ella. Una vez que estés contento con el tamaño y la posición de tu carta, solo tienes que pulsar “Enter”. Voy a abrir también mi paleta de colores que está en mi escritorio. Voy a ir a “Archivo” y “Abrir”. Tengo las capturas de pantalla aquí de una paleta de colores. Eso se abre en una pestaña separada. Como puedes ver tenemos las pestañas en la parte superior aquí, la captura de pantalla. Ahí está mi nuevo documento que acabo de hacer y ese es el escaneo original. En la herramienta de movimiento si solo haces clic en “Nueva
paleta de colores ” y lo arrastras a la pestaña que dice destitular tu nuevo documento y luego lo arrastras de nuevo al lienzo y luego lo sueltas soltando tu ratón, ahí está nuestra paleta de colores es muy, muy grande, por lo que está todo cubierto. Voy a alejarme muy lejos y en mi teclado presione Command T, que es transformar. Eso significa que solo puedes hacer que la cosa de esa capa sea más grande o más pequeña. Yo solo necesito que sea pequeño para ir perder colores visibles. Cuando estés contento con el tamaño, solo tienes que pulsar “Enter”, y luego volveremos a acercar. Si echas un vistazo a nuestra ventana de Capas, actualmente
tenemos tres capas. Hay una capa de fondo blanca en blanco. Ahí está nuestro dibujo de cartas en el medio, y tenemos nuestra paleta de colores. Nuestra paleta de colores, vamos a seguir encendiendo y apagando y eventualmente vamos a eliminarlo.Esa capa va a terminar siendo borrada. Por lo pronto también vamos a eliminar la capa de fondo para que nos acabemos de quedar con nuestro dibujo. Quiero ahora cambiar el color de mi trabajo de línea. Vamos a usar la superposición de color hacia abajo en la parte inferior de tu ventana de capas. Si solo vas a “Superposición de color”, puedes ver que ya ha cambiado color y ese no es en realidad un color que esté en mi paleta de colores sin embargo. Simplemente voy a dar clic en el “Color”, luego pasar el cursor sobre mi paleta de colores. Voy a ponerlo naranja y “Ok”, y “Ok” otra vez. Tengo mi, la versión naranja. Ahora voy a repetir esta capa otras cuatro veces para que pueda hacer todas las diferentes versiones de la misma en los diferentes colores en mi paleta de colores. Vamos a duplicar capa como lo hacíamos antes cuando nos preparábamos para animar. medida que pasemos, voy a seguir usando estos símbolos de ojo en el lado izquierdo. Esto solo enciende y apaga tus capas. Es bastante útil porque vamos a estar terminando con un montón de capas muy similares. A veces es útil poder simplemente echar un vistazo a cualquiera en el que estés trabajando. Nuevamente, la superposición de color en la parte inferior, y esta vez voy a ir por el color amarillo pálido y hacer clic en “Ok”. Entonces voy a repetir este proceso tres veces más para los otros colores. Ya puedes ver ahora tengo cinco capas con mi dibujo en. Estoy en mi ventana de capas. Yo sólo voy a pasar y apagarlos en turno para que podamos ver que tenemos uno de cada color de nuestras paletas de colores. Volvamos a encender la paleta de colores. Ya hemos hecho nuestra capa de línea para cada uno de nuestros marcos. Ahora vamos a hacer los fondos. Vamos a hacer una nueva capa, por lo que nueva capa. También recordamos estos atajos. Command, Shift y N hacen una nueva capa porque vamos a estar haciendo muchas capas nuevas a través de los diferentes procesos de elaboración de GIF. Este es un atajo que quizá quisiéramos recordar. En esta capa en particular voy a hacer el fondo. Si hacemos Comando A y eso selecciona todo y entonces podemos ir a “Editar”, “Rellenar”, “Seleccionar color”. Entonces podemos usar de nuevo la herramienta de selección de color, volviendo a la naranja. No te preocupes por eso. Lo que ha pasado lo ves es nuestro orden de capas, la capa naranja está encima de todos nuestros dibujos por lo que no puedes ver a través de ella. Todo está en modo normal. Está actuando como un trozo de papel naranja opaco. Simplemente lo voy a arrastrar hacia abajo hasta el fondo del orden de capas. Vamos a hacer otra capa nueva. Voy a apagar el naranja sólo porque es un poco confuso con la paleta de colores. Entonces vamos a ir a “Editar”, “Relleno”, “Color”, “Segundo color”. Ahí vamos. Vamos a seguir repitiendo esto de nuevo exactamente como lo hicimos para los dibujos de línea hasta que tengamos los cinco colores como solo una capa de fondo sólida. Ya puedes ver en nuestra ventana de capas tenemos nuestra paleta de colores todavía en la parte superior, cual podemos estar encendiendo y apagando y luego tenemos nuestros cinco colores diferentes de dibujos de línea y luego tenemos nuestros cinco colores diferentes de fondo. Ahora vamos a crear el color que es el interior del dibujo de línea. Para ello, vamos a ir a nuestra capa 1, que va a apagar las otras capas para que no sea confuso. Simplemente queremos nuestra paleta de colores en la capa 1. Desde la barra de herramientas solo selecciona tus varitas mágicas y vamos a seleccionar algún lugar en el fondo. No importa dónde mientras esté en un espacio en blanco. Ya veo que hay un problema. Ver lo que se selecciona es ir fuera de la paleta de colores así como está recogiendo la paleta de colores y la razón de eso es aquí arriba en mi barra de herramientas aparecen menús, es muestra todas las capas está marcada. Aunque he seleccionado la capa 1 en realidad está recogiendo cualquiera de las capas visibles. Voy a desseleccionar con Comando D. Ahora eso está desmarcado lo volveré a intentar. Se puede ver que ahora está ignorando la paleta de colores, que es lo que quiero. Lo que realmente he seleccionado está fuera de la letra pero no lo seleccionaré está dentro de la letra. Voy a ir al menú de selección y seleccionar inverso y se puede ver que la selección cambió de estar fuera de la letra que incluía el cuadro de límite al interior de la letra. Ahora solo voy a acercarme un poco más así que realmente tenemos súper cerca. Ahora, como antes mencionaba sobre varita mágica y la razón por la que no es tan ideal como una máscara de capa cuando la estamos usando para quitar fondo. Como puedes ver el borde aquí está un poco borroso y eso es solo la naturaleza de Photoshop. Estamos usando imágenes muy pequeñas que son solo dibujos pequeños para que puedas ver algunos de los píxeles ahí tiene un poco de borde borroso. Lo que no queremos que suceda es que haya un efecto fantasma, cuando llenamos el color aquí no queremos que ninguno de esos píxeles se derrama alrededor del borde de nuestra línea funcione. Lo que vamos a hacer en realidad es reducir un poco nuestra selección para que esté completamente cubierta por unos dibujos de líneas gruesas. Si vas al menú de selección y luego vas a “Modificar” y puedes ir a “Contratar”, también
existe la opción de expandir. Estos son realmente útiles para todas las cosas. Es posible que quieras volver a esta herramienta. Vamos a contratar nuestra selección y sólo
trataremos de píxeles para empezar y ver cómo se ve eso. Se puede ver que la línea saltó allá atrás y eso debería darnos un bonito buffer para que no estemos
recogiendo ninguno de nuestros diferentes píxeles de color fuera de nuestra línea naranja. Tenemos que hacer una nueva capa ahora. Esta vez voy a usar el atajo, así que Comando, Shift y N y luego Ok, solo
puedo presionar Enter. Tengo una nueva capa y me voy a alejar para poder ver mi paleta de colores y “Editar”, “Rellenar”, “Color" No voy a empezar con naranja esta vez porque tengo trabajo de línea
naranja así que voy a empezar con el segundo color. Ahí vamos. Se puede ver lo que ha pasado. Por qué se ve de la forma en que lo hace es por las capas que es visible, el color interior de la letra está en realidad encima del trabajo de línea. Podemos fácilmente cambiar esos alrededor y así se verá. Ahora tengo que hacer exactamente lo mismo que hice con el trabajo de línea y con los colores de fondo en que necesito volver a hacer esta forma exacta cuatro
veces más en los diferentes colores de la paleta de colores para que tenga uno en cada color. Voy a seguir haciendo nuevas capas cada vez, que es Command, Shift y N. Ya tengo las formas seleccionadas así que no necesito volver a hacerlo mientras esté en la nueva capa. Entonces solo necesito ir a “Editar”, “Rellenar”, “Color” y seguir seleccionando cada uno de los colores y solo voy a repetir esto cada vez. Ahora lo he hecho. cinco versiones de esa capa en los diferentes colores de mi paleta de colores. Yo sólo voy a estirar esto para que podamos ver, bien hecho. Ya has hecho la mayor parte del trabajo para tu GIF cambiante de color, ya casi estás ahí. Acompáñame en la Parte 2 de esta lección para completar tu GIF. Te veré entonces.
9. GIF con cambio de color: parte 2: Yo sólo voy a estirar esto para que podamos ver todas nuestras capas. Ahora lo que tenemos que hacer es básicamente que vamos a estar emparejándolos, y haciendo cinco pequeños bocadillos. Compra un sándwich. Te mostraré lo que quiero decir. Imagina que el fondo es como una rebanada de pan, así que esta naranja, por ejemplo. Entonces tenemos nuestro amarillo pálido. Voy a arrastrar esta capa hacia abajo. Entonces podemos poner encima una de nuestras líneas de colores. No vamos a elegir el naranja porque no va a aparecer con el fondo naranja. Ese es el amarillo, ese es un poco pálido creo. Ese verde oscuro es bonito, así que usaremos ese. Yo sólo voy a deshacerme de mis selecciones. Ya no necesitamos eso, así que solo haz Comando D. Entonces voy a agarrar esta capa de línea verde hasta el fondo y decir, tenemos nuestro sándwich. Esto es como la capa superior de pan, y el interior de este último es como el relleno de sándwich. Entonces la capa naranja es como la capa inferior de pan. Vamos a repetir esto cuatro veces más para que
nos vaya a dar cinco versiones en colores diferentes de nuestro mismo diseño. Simplemente puedes jugar hasta que tengas cinco imágenes que en realidad se ven muy bien. Creo que ahora tengo mis capas en un lugar donde me está haciendo cinco versiones realmente bonitas de ese diseño, y es bastante útil en esta etapa solo para poner cada uno de tus sándwiches de capa en una carpeta también para que puedas revisarlas nuevamente antes de fusionar realmente las capas juntas. Si solo resalta manteniendo presionada la tecla Mayús, las tres capas superiores, ignora tu paleta de colores, recuerda, y luego ve a la parte inferior de tu ventana Capas y haz clic en la carpeta. Entonces solo los agrupa. Si haces clic en la matriz, aún puedes verlas de nuevo. Ve cómo están sangradas ligeramente del resto. Pero solo significa que puedes encender y apagar todo el grupo. No voy a hacer eso por mis otras cuatro imágenes y hacer cuatro grupos para ellas. Ahora tengo a mis grupos. Se puede ver que actualmente están todos encendidos. Si los apago poco a poco usando ese símbolo de visibilidad, en esta etapa, ahora vamos a eliminar la capa que tiene nuestra paleta de colores en ella. Simplemente lo arrastras a la papelera. Ahora vamos a aplanar cada uno de nuestros grupos en una sola capa para que podamos usar el atajo fusionado que usábamos antes cuando apenas estábamos fusionando una capa con la otra. Puedes solo en tu teclado usar Command E, y solo convertirá todo ese grupo de tres capas en una sola capa. Ahora voy a hacer eso en los otros grupos. Ahora tengo mis cinco capas de colores diferentes. Estamos listos para transformarlo ahora en un GIF. Simplemente ve a tu menú Ventana en la parte superior, y ve a Línea de tiempo, y te va a dar este poco extra en la parte inferior, solo tienes que dar click en el botón aquí que dice Crear animación de fotograma, y luego por aquí en el muy lado derecho, solo
puedes ver ahí tenemos algunas de esas pequeñas líneas como las que tenemos en nuestra ventana de Capas. Si solo haces clic allí, y luego vas a Hacer marcos desde capas. Lo que se puede ver aquí en el lado izquierdo es que ahora tenemos nuestras cinco imágenes en nuestra línea de tiempo. Por el momento dicen cero segundos debajo. Si toco nuestro GIF, puedes ver que es más o menos strobing. Es un poco intenso porque es demasiado rápido. Si solo hace clic en la primera imagen, mantenga presionada la tecla Mayús, y luego haga clic en la Última Imagen, y luego simplemente haga clic en la hora. Yo sólo voy a probar primero 0.2 segundos, y está abajo cambiado todos a 0.2. Puedes tener una jugada alrededor para ver qué tiempo crees que funciona realmente bien para tu diseño en particular y tu paleta de colores en particular. Entonces vamos a tener un adelanto de eso. De acuerdo, entonces ahí estamos, nuestro primer GIF. Ahora sólo tenemos que exportarlo. Sólo para señalar, nuestro GIF actualmente está en bucle permanentemente, así que solo sigue para siempre y para siempre. Eso se debe a que tenemos este desplegable aquí, que por lo general se establece como predeterminado para siempre. Pero no puedes decirle que quieres que se bucle una o tres veces. Pero para los GIFs normalmente querrás que se bucle para siempre. Sentimos que el GIF no está en bucle para siempre, Puede ser que necesites cambiar ese desplegable. Ya estamos listos para guardar nuestro GIF. Por lo que sólo tienes que ir a Archivo, Exportar y Guardar para Web. Tienes dos ventanas aquí. En el lado izquierdo, te está mostrando cómo se ve el original en tu pantalla. En el lado derecho te está mostrando cómo se verá
esa versión en particular cuando se exporte. Entonces puedes previsualizarlo por aquí presionando play. Se acaba de decir que puedes ver si vas a conseguir que ocurra alguna distorsión en tu imagen. Si hay mucha compresión, puedes arreglarla en esta etapa eligiendo un tipo de archivo diferente, tamaño de archivo. Ya puedes ver si haces click en el desplegable Presets, tenemos muchos tipos diferentes de GIF aquí. Siempre y cuando no va a hacer un enorme tamaño de archivo, normalmente
guardo mi GIF como un 128. Puedes ver el tamaño del archivo aquí abajo. Sólo van a ser 153 kilobytes, así que no es demasiado grande, pero notan que en realidad tiendo a no preocuparme demasiado por ello. Simplemente realmente se trata de cómo Photoshop llena los detalles. Realmente no hace mucha diferencia para este tipo de GIF. Pero si vas a estar trabajando con fotografías, tal vez
quieras experimentar con eso porque a veces eso puede marcar un poco la diferencia en la calidad de tu GIF en general. Después haz clic en Guardar, lo voy a guardar en mi Escritorio. Simplemente lo llamaré Cambio de Color. El tipo de archivo sigue siendo GIF ya lo sabe, y guardar. Ahora tienes tu primer GIF. Sí, oye, no puedo esperar a ver qué has hecho, así que por favor subirlo en tu proyecto de clase. Espero que te haya encantado crear tu primer GIF tanto como yo sepa, me va a encantar verlos. Estoy muy emocionado de ver tus proyectos. Ahora que ya se ha hecho todo el trabajo en tierra, crear tu próximo GIF va a ser un pedazo de pastel. Entonces únete a mí en la siguiente lección y te estaré caminando a través de cómo crear el efecto de tambaleo GIF.
10. GIF con efecto de tambaleo: En esta lección, vamos a estar creando un fabuloso GIF efecto oscilante. Ahora vamos a hacer nuestro GIF efecto de oscilación. Es bastante sencillo. Va a estar usando los mismos principios que acabamos de utilizar. Todavía tengo abiertos los mismos archivos que estábamos usando para nuestro GIF cambiante de color. Tengo mi GIF cambiante de color abierto frente mí ahora y tiene los cinco de esos marcos de diferentes colores. Todavía tengo la misma paleta de colores abierta y mi hoja de trabajo original ahí con un fondo transparente. En este punto podrías estar usando una nueva paleta de colores si quieres. Algo que voy a hacer en su lugar es en realidad mirar cada uno de mis cinco marcos y escoger el favorito de mi color que enmarca desde ahí. Me gustó mucho este fondo naranja con el dibujo de línea verde. En realidad voy a eliminar el resto de mis capas. Simplemente los voy a resaltar y arrastrarlos a la papelera, así que me acaba de quedar ahora con mi una capa. No te preocupes por el momento por lo que está pasando en la línea de tiempo. Las cosas se verán un poco extrañas en la línea de tiempo, pero lo vamos a arreglar al final. Si quieres una nueva paleta de colores en esta etapa, es bastante sencillo, solo
puedes traer una nueva paleta de colores a tu lienzo aquí y luego solo usaría la varita mágica para seleccionar cada una de tus diferentes áreas coloreadas e ir para editar para colorearlo. Si tienes algo como esta zona amarilla que separada por muchas líneas dibujadas,
en lugar de tener que seleccionar cada una individualmente, puedes subir al menú de selección y seleccionar similar y va a encontrar todo ese amarillo pálido para te para que puedas ir
realmente fácilmente a editar relleno y convertirlo en un nuevo color. Pero sólo voy a mantener mi esquema de color como es ahora. Después vamos a volver a tu hoja de trabajo en nuestro GIF tambaleante porque se mueve suavemente, vamos a estar necesitando dibujos ligeramente diferentes para cada uno de nuestros marcos. Aquí es donde entran nuestros otros dibujos. Obviamente ya hemos usado el dibujo seis, así que ahora vamos a estar usando los dibujos 2, 3, 4 y 5. Nuevamente, voy a tomar mi herramienta de marquesina rectangular, mantén presionada la tecla Mayús para que sea selección cuadrada y luego copiar el comando C, entrar a mi archivo y luego pegar Comando V y puedes ver el dibujo aparecer arriba como una capa. Simplemente voy a usar la herramienta Mover y simplemente alinearla lo más cerca que pueda con una debajo. No va a ser perfecto y ese es enteramente el punto, así que no te preocupes demasiado si se ve un poco diferente. Si necesitas girarlo, si no es recto, solo puedes hacer Command T, como lo hicimos antes con tu paleta de colores para hacerla más grande y más pequeña y eso girará tus dibujos para que así puedas usar eso también. Ahora tenemos nuestra segunda capa. Ahora voy a entrar y agarrar el siguiente. Simplemente voy a anular la selección y luego dibujar una caja sobre mi próximo dibujo, copiar y pegar. Voy a apagar el dibujo que acabo de traer para que siempre lo esté alineando con mi color cada vez. Sólo voy a repetir esto para los otros dibujos. Ahora si miras por encima en mi ventana de
laicos, puedes ver que tengo ahora los otros cuatro dibujos. Simplemente son blanco y negro todavía encima de mi marco de color, así que tengo todos los cinco marcos ahí dentro ahora. Lo que necesito hacer ahora es hacer que los nuevos marcos el mismo esquema de color que ese marco que estaba allí originalmente. Va a tener un fondo naranja, va a ser amarillo en el centro y va a tener trabajo de línea verde. Empezaré con la capa cuatro y solo hago mi superposición de color, elige mi verde y solo
puedes pasar por uno a la vez y hacer lo mismo a cada uno. Creo que en realidad es más rápido hacerlo de esa manera. Ahora todas mis capas de línea son de color verde, ahora
voy a hacer cuatro capas de fondo naranja más. Simplemente voy a ir a Comando Shift y N para Nueva Capa, Comando A para seleccionar todo y luego editar, rellenar, colorear y solo voy a probar mi naranja. Ahora tenemos nuestra capa de fondo naranja plano. Ahora tengo uno de esos, solo
puedo duplicar eso aquí arriba. Simplemente voy a empezar a extender mis capas naranjas hacia afuera para que haya una debajo de cada dibujo de línea. Entonces vamos a estar haciendo ahora la capa de color en el medio. Voy a empezar de abajo hacia arriba para que sólo pueda probar ese color. Voy a hacer doble click en mi color de primer plano, solo tienes que dar click en ese amarillo pálido. Ahora voy a poner mis antecedentes con mi dibujo muy de fondo. Voy a llevarme mi varita mágica. Asegúrate de que estás en tu capa de línea, con una varita mágica, solo tienes que hacer clic en el fondo exactamente igual que antes. Esperemos que todo esto se sienta bastante familiar. Ve a seleccionar
inverso, para que ahora estemos seleccionando el interior de este último en lugar del fondo. Recuerda, vamos a encogernos también nuestra selección. Ve a seleccionar, modificar y contrata solo para que no obtuviéramos esos bordes emplumados. Ahora necesitamos una nueva capa entre nuestro fondo y nuestra capa de línea. Recuerda, es como un sándwich de capa. Vamos Comando Shift N para nueva capa y luego editamos, rellenamos y el color de primer plano es el amarillo que seleccionamos sugerimos ahora, así que podemos ir bien y luego tenemos el número 2. Puedo fusionar estas capas de inmediato porque sé que tengo eso correcto. No hay nada que tenga que comprobar porque ya he comprobado el realineamiento. Sé que estoy haciendo los colores a partir del color de capa base, así que solo voy a resaltar esos tres y hacer Comando E para aplanar. Tengo dos de mis cinco marcos. Voy a repetir ese proceso exacto para los otros tres fotogramas ahora. Acabo de cometer un error ahí, pero pensé que sólo señalaría. Si accidentalmente rellenas tu capa de línea, eso tiene la superposición de color en ella. Se va a ir del mismo color que tu trabajo de línea, podría ser un poco sorpresa. Simplemente puedes hacer Command Z si haces algo así y te va a llevar de vuelta, es porque me he olvidado de hacer mi nueva capa con Command Shift y N, K y luego editar y rellenar. Fantástico. Tengo mis capas. Yo sólo voy a usar los ojos para sólo mirarlos un poco. Se puede ver cómo va a funcionar con ese tipo de efecto suavemente warbling una vez que esté animado. Si echan un vistazo a la línea de tiempo aquí abajo, parecerá que en realidad tiene la animación ahí. Pero si tienes tu línea de tiempo abierta cuando estás editando, tiende a simplemente copiar el primer fotograma. Lo más fácil que creo es solo si vuelves a tus líneas por aquí otra vez y solo dices borrar animación y luego vuelves a hacer fotogramas de capas y ahora está mostrando las diferentes capas. Es un poco extraño porque tiene cero segundos o 0.2 en el primer fotograma. Sólo voy a destacarlos todos como lo hicimos antes, intentemos no 0.2. Siento que es un poco lento para este GIF, así que sólo voy a intentarlo. Solo volvamos a destacarlos todos,
intentemos no 0.1 y creo que eso es mucho mejor. Parece que se adapte a este GIF en particular y a esta paleta de colores mucho, mucho mejor. Ahí estamos. Es así como se hace un GIF efecto oscilación. Es bastante sencillo una vez que conoces esos procesos a partir del GIF cambiante de color. Ahora sólo lo vamos a guardar exactamente de la misma manera que antes. Entonces archivo, exportar, Guardar para web, GIF 128 lo volvió a
hacer, solo ten una pequeña vista previa solo para ver que se va a quedar bien. Contenta con eso, ahorra. Voy a guardarlo en mi escritorio como efecto oscilante. Espero que te haya encantado crear la oscilación afecte a GIF, realmente
estoy deseando verlos. Si has creado uno, por favor subirlo a proyectos de clase para que pueda ver y darte comentarios. En la siguiente lección, te
voy a llevar por el efecto GIF final que vamos a ver, que es el GIF cambiante de imagen y eso va a utilizar el resto de los dibujos que
creaste en tu hoja de trabajo para crear una muy divertida y funky GIF. Te veré ahí.
11. GIF con cambio de imagen: parte 1: [ MÚSICA] En este video, vamos a estar creando tu imagen cambiando GIF. Algunos de los principios que ya hemos cubierto en el GIF cambiante de color y el GIF efecto oscilante. Esta es una gran oportunidad para incrustar lo que hemos aprendido y crear algo realmente divertido en el proceso. Ya he decidido en este GIF, voy a usar una nueva paleta de colores. Tengo abierto aquí, he usado una app para generar una paleta de colores a partir de una fotografía con mi estuche. Yo sólo voy a recortar esto, porque no necesito tantos colores como me ha dado. Voy a querer estar usando cuatro colores como máximo en este GIF y estos son los cuatro que me gustaría usar. Simplemente voy a recortar y dejarlo así y porque estoy usando una nueva paleta de colores, solo
voy a iniciar un archivo completamente nuevo para éste que he decidido, lugar de intentar trabajar desde uno de los fotogramas en el último GIF. Simplemente voy a ir a Archivo y Nuevo y crear un nuevo documento. Simplemente voy a hacerlo de ese tamaño que era óptimo para Instagram, así que 1080 por 1080 pixels y crear. Vuelvo a estar en mi herramienta de marquesina rectangular, y voy a empezar con este divertidísimo animalito que he dibujado aquí, manteniendo pulsada la tecla Shift, dibujando una caja. Apenas faltó un poco ahí, y copia en mi nuevo documento y pega Comando V. Voy a hacerle un poco de datos para que mi último esté llenando más del espacio. Simplemente presionaré Command T en mi teclado, solo voy a rastrear esas esquinas. Creo que eso es del tamaño que me gustaría usar, así que Enter. Voy a volver a mi hoja de trabajo y voy a hacer exactamente lo mismo con dibujos de línea para dibujos ocho, nueve, 10 y luego voy a tomar el dibujo dos también así que tenemos cinco marcos de dibujo. [ MÚSICA] Se puede ver que tengo mis cinco marcos aquí, mis cinco dibujos de líneas diferentes y sólo echémosles un vistazo. Ahí hay uno, dos, tres, cuatro y cinco. Es bueno eliminar la capa de fondo, así que lo haré ahora. Ahí vamos, así que sólo voy a echar un vistazo a nuestra paleta de colores ahora, a pensar en qué colores voy a usar para las diferentes partes de mi GIF. Se puede ver en esta paleta, tengo un color muy oscuro. Entonces este rosa y morado están bastante unidos de alguna manera. Quieres pensar en crear el mayor contraste realmente entre tu trabajo de línea y la parte sólida de este último y el fondo. De verdad quiero que este color oscuro se involucre ahí. Creo que probablemente va a funcionar mejor si uso este color realmente oscuro para el trabajo de línea. Simplemente voy a ir a la herramienta Mover y sólo traer esta paleta de colores a mi documento. Aquí va bastante pequeño, pero no hace falta que sea más grande que eso y allá vamos. He decidido que el trabajo de línea va a ser de este color realmente oscuro. Primer paso podemos simplemente cambiar todos nuestros dibujos de línea y con nuestro método de superposición de color a este color aquí. Simplemente voy a cambiar el orden de las capas porque prefiero que mi paleta de colores esté en la parte superior. Voy a empezar de abajo hacia arriba así que estoy en mi animal. Vaya a Color Overlay, haga clic en el color, y luego haga clic en el color de mi paladar. Voy a repetir eso para mis otros dibujos de línea. [ MÚSICA] Ahora, todos mis dibujos de línea de este color marino oscuro, podemos hacer exactamente lo que hicimos en el efecto de oscilación GIF ahora y podemos crear nuestro color de fondo y ese va a ser este turquesa. Voy a bajar al botón, hacer una nueva capa Command Shift y N. Lo voy a arrastrar hasta el mismo botón,
seleccionar todo Comando A, seleccionar todo Comando A, y luego ir a Editar, Rellenar, Color, y luego selecciono mi turquesa. Entonces recuerda que solo puedes duplicar esta capa otras cuatro veces, para darte uno de esos colores de fondo para cada uno de tus marcos. Genial, así que ahora tenemos nuestras cinco capas de fondo. Voy a extenderlos como lo hicimos antes. Recuerda con pensar en estos como sándwiches, así que tengo las capas superior e inferior de pan como las
llamamos y luego voy a estar haciendo esas capas medias a continuación. Siempre hemos completado tu GIF cambiante de imagen. En la parte 2 de esta lección, te
mostraré cómo completarla, además de mostrarte un par de formas de solucionar problemas que podrías encontrar en tu proceso de elaboración de regalos. Nos vemos en la parte 2. [ MÚSICA]
12. GIF con cambio de imagen: parte 2: Entonces, me gusta bastante empezar, al fondo y trabajar mi camino hacia arriba. Está bien. Entonces, vamos a empezar con el animal primero. Entonces, vas en tu capa de línea, recuerda, vamos a ir a las mágicas. Vamos a seleccionar fuera de tu animal, y luego recuerda que vamos a ir a seleccionar inverso. Este tiene una línea más fina en él. Yo sólo voy a acercar porque todavía vamos a usar la opción de selección de contratistas. Necesitamos solo vigilar eso para asegurarnos de que no va demasiado pequeño. Por lo tanto, vaya a seleccionar, modificar, y contratar. Probemos con dos píxeles. Eso parecía absolutamente bien No va a ser demasiado porque, así puedo ver mi paleta de colores. Entonces, necesito hacer una nueva capa para mi relleno sándwich, Command Shift y N para una nueva capa. Después edita, Color de relleno. Iba a usar este rosa para el interior. Ahí vamos. Entonces, ese es primer cuadro hecho. Voy a repetirle esto a mis otros cuadros. Ahora, a continuación, vamos a mirar esta carta peluda. Se va a apagar a mis animales. Ahora si recuerdas cuando estábamos dibujando éste, éste es el donde dije que podría ser un poco un reto usando la varita mágica para estar seleccionando fuera de la letra. Yo estoy llenando en el interior. Yo he hecho una línea alrededor del exterior, así que como pueden ver, eso nos va a funcionar. Pero sí mencioné el hecho de que te mostraré otra manera si
no hay manera de que posiblemente puedas crear una línea todo el camino alrededor del exterior. Entonces, haremos nuestra nueva capa Command Shift y nueva. De acuerdo, entonces, hay un par de maneras en que puedes hacer esto y puedes usar la herramienta de selección o podrías usar un pincel. Entonces, te mostraré un ejemplo de la herramienta de selección. Tenemos un polígono [inaudible] dos aquí arriba del mágico. Si básicamente sólo tratas un poco como un punto a punto. Entonces, estás creando un camino de varita mágica. Puedes hacer esto también si encuentras que una de tus selecciones, si tienes una brecha ciega en alguna parte y dices que la varita mágica no está funcionando para ti. En realidad no se durmió dentro y fuera de la letra. Entonces, solo estás haciendo clic una vez a la vez. No hagas doble clic hasta que termines tu selección
porque hará que tu selección desaparezca así. Entonces podemos ir a Editar, Color de
relleno, y ya tenemos el rosa, vale, solo deseleccionaré. En realidad porque está cubierto en el dibujo alrededor del exterior, sí se ve absolutamente bien. Otra forma en que puedes hacer esto es usar el pincel. Haz doble clic aquí en tu color de primer plano, selecciona tu rosa y luego simplemente puedes
pintar básicamente en las áreas de esa capa que quieres ser de ese color. Yo sólo voy a deshacer eso lo manda. Entonces, ahora estoy contenta con mi H. Yo sólo voy a subir, los otros son bastante sencillos para estar rellenando de rosa. Entonces, sólo voy a hacer eso rápidamente. De acuerdo, así que tengo mi H acostada ahora como una imagen de tres colores. Voy a volver a crear mis carpetas, como hicimos en el regalo cambiante de color, porque voy a estar introduciendo a veces otro color. Entonces, solo voy a pasar por resaltar cada conjunto de tres, y solo ponerlo en una carpeta, ok. Entonces, he hecho mis grupos. Entonces ya puedes ver ahora el efecto general, es un poco como el gimp efecto varita y solo voy a traer de vuelta mi paleta de colores. Entonces, tengo este morado oscuro que aún no he usado. Simplemente voy a usar esto en no muchas áreas, sólo unas pocas áreas muy pequeñas. Porque creo que puede ser bastante agradable solo agregar un poco extra. Siempre como solo un pequeño detalle en alguna de mi ilustración. Entonces, en este, por ejemplo, sólo
voy a colorear en los raperos. Entonces, estoy en mi capa de línea. Voy a seleccionar aquí y mantener presionada la tecla Mayús, para poder seleccionar dos al mismo tiempo y ahora en este caso, porque estoy dentro del trabajo de línea, solo
voy a hacer que esa selección sea
un poco más grande para que no lo haga obtener el tipo equivocado de píxeles. En realidad, antes de hacer eso, también podría crear esta sección media en este morado más oscuro. Entonces, yo también voy a recoger eso. Vaya a seleccionar, modificar y expandir la selección. Probemos con dos píxeles. Ahí estamos. Entonces, voy a ir a crear una nueva capa y luego ir a Editar, Color de
relleno, morado oscuro. A lo mejor ir, sólo le da algo un poco diferente creo. Entonces, muy contentos con ese. Entonces, este de aquí, creo que definitivamente puede agregar algo de morado oscuro en el interior de mis letras. Entonces, estoy en mi capa de línea, va a dar clic dentro con mi varita mágica, va a crear una nueva capa debajo de Command Shift y nuevo bien, va a ampliar esa selección para hacerlo un poco más grande. Entonces, selecciona, modifica, expande, está bien, y luego edita, rellena color, morado. Entonces, puedes ver mi varita mágica no ha sido fantástica en algunas zonas, porque esto es muy pequeño, solo
puedo usar el pincel para tocar esos pedacitos. Entonces solo seleccionaré mi color morado y solo colorearé esos bits en. De acuerdo, entonces he usado mi pincel ahí y estoy bastante contento con ese ahora. Entonces, vamos a pasar
al siguiente y éste creo que es imposible tener otro color encima, entonces, voy a dejar ese tal como está y éste mientras voy a dejar ese tal como está. Entonces, porque, este animalito y el peludo, son los únicos marcos en mi regalo, los tres colores, mientras que los otros han metido el morado también. Yo sólo voy a extenderlos en realidad. Entonces, solo voy a poner esta H peluda solo entre los grupos uno y dos aquí arriba solo di que nos da ese tipo de variedad. Este punto, voy a eliminar mi paleta de colores. Vamos a comprobar que nuestras ilustraciones se ven bien. Entonces, ahora podemos aplanarlos. Entonces, cada uno, si tan solo haces Comando E, de pie I, en resaltado y vaya Comando E, simplemente fundirlos en una capa exactamente como lo hemos hecho antes. Ahora, tenemos nuestros marcos, ahora podemos crear nuestras animaciones. Entonces, es todo, exactamente como ya lo hemos hecho. Ir a Ventana y línea de tiempo, crear animación de fotogramas. Por aquí. Hacer marcos a partir de capas. puede ver que ya se ha ido a 0 segundos. Sé que no lo voy a querer así,
así que intentemos y no apuntemos uno, veamos cómo se ve eso. Click play. Es realmente rápido, pero creo que funciona muy rápido. Lo intentaré a 0.2 y solo a ver cuál es la diferencia. En realidad creo que me gusta este muy rápido. A veces me gusta que el regalo cambiante de imagen sea 0.1 veces
me gusta 0.2, creo que cuando es realmente rápido, es más fácil ver la letra porque hay menos tiempo para que tomes cada imagen. Entonces, la carta se vuelve más prominente. Entonces, estoy contento con esto. Voy a exportarlo exactamente de la misma manera que lo he hecho antes. Entonces, vamos a Archivo, Exportar, Web más Segura. Tenemos regalo 1, 2, 8. Tan solo ten un pequeño adelanto. mí me parece perfecto. Después haremos clic en guardar. Enhorabuena por hacer tus regalos. Wow, no puedo esperar a ver qué has hecho, si has creado uno de los estilos de regalos o los tres, por favor sube lo que hayas hecho a tus proyectos de clase. Tengo tanto ganas de ver lo que has hecho.
13. Extra: exportar como . Mp4: Entonces ahora tienes uno o más GIFs fantásticos que mostrar para tu proyecto de clase. Seguro que te mueres absolutamente por estar compartiéndolos con el mundo. En esta lección, sólo voy a mostrarles cómo exportar esos GIFs como archivos MP4. El motivo por el que esto es realmente útil es porque actualmente Instagram no soporta GIFs. Entonces si quieres subir un archivo a Instagram, es una imagen en movimiento, tiene
que ser un archivo MP4, que es un archivo de video. Es realmente fácil hacer esto, pero solo te voy a guiar por el proceso para que
puedas compartir tus fantásticos GIFs en esa plataforma. Por lo que hay algunas apps disponibles que te permitirán
convertir tu GIF en lo que se requiere para Instagram, que es un archivo de video. Necesita ser un archivo MP4. Aplicaciones, por ejemplo, incluyen solapa GIF, GIPHY, GIF Maker para Instagram. Seguramente serán todos nuevos saliendo todo el tiempo. Tan solo echa un vistazo en tu tienda de aplicaciones y es posible encontrar apps que harían ese trabajo por ti. Sólo te voy a mostrar cómo hacerlo manualmente porque no es muy difícil. Son solo unos pasos y una forma diferente de exportar tu GIF. Así que solo comprueba primero,
tu tamaño de imagen y en tu y GIF aquí arriba, tamaño de imagen. Por lo que creamos este GIF, 1080 por 1080 pixels. Ahora bien, si recuerdas ese es el tamaño óptimo para Instagram, pero realmente prefiere algo por encima de 720 píxeles. Entonces si has creado tu GIF más bajo que eso, puedes forzarlo aquí arriba y convertirlo en 720 por 720. No es realmente la forma ideal de hacerlo, pero puedes hacer pequeños tramposos método como ese. Entonces podemos decir: "Está bien, eso está todo bien”. Entonces lo que pasa con Instagram es que necesita crear un archivo de video en lugar de un GIF. Entonces eso significa que no puede bucear automáticamente. Entonces ya tenemos nuestros marcos aquí abajo en la línea de tiempo. Entonces todo lo que necesitas hacer es resaltar tus marcos aquí y luego hay un pequeño signo más aquí si solo haces clic en eso, va a duplicar todos nuestros fotogramas de nuevo. Entonces eso nos va a dar dos bucles con nuestra animación. Ya puedes resaltar los 10 de nuestros marcos y volver a duplicarlos, lo que nos va a dar 20 fotogramas y así sucesivamente. Puedes hacer esto una y otra vez y hasta que tengamos montones y montones de marcos. Entonces algo a tener en cuenta es, bueno, ¿cuánto tiempo va a ser esta animación? Para Instagram tiene que ser por lo menos tres segundos y te sugiero que quieras que
sea más de tres segundos porque eso es bastante seguro que alguien lo note en Instagram. No puede ser más de 60 segundos. Yo sólo voy a seguir agregando unos fotogramas más. No se puede desplazar a lo largo de la línea de tiempo. Mira, ahora tenemos esta barra por el fondo. Entonces solo voy a duplicar todo una vez más y estoy bastante seguro de que eso nos va a dar suficiente. Para que podamos previsualizar de la misma manera pulsando el botón de reproducción. Te das cuenta que fue un poco lento para empezar ahí. Eso es solo buffering, pero una vez que se
exporta, jugará un poco más a la perfección. Entonces eso definitivamente es más de tres segundos y no son tan largos como 60 segundos. Entonces estoy bastante contento con eso. Yo sugeriría que probablemente quieras al menos cinco segundos, de lo contrario, va a parecer bastante abrupto y ahora, podemos exportarlo como archivo de video. Entonces para hacer eso, vamos a archivar y exportar. Por lo que hemos estado haciendo clic en guardar para web, pero esta vez vamos a decir renderizar el video. Por lo que se llama sin título uno, podemos darle un nuevo nombre, llamarlo imagen changing.mp4 es el tipo de archivo correcto. No necesitas cambiar nada de esto, ya está en la configuración correcta y luego puedes decir render. Entonces eso podría tardar unos segundos en hacer eso. Por lo que se puede ver en mi escritorio aquí imagen changing.mp4. Si haces doble clic en él, te va a mostrar eso como una vista previa. Entonces se han convertido en 16 segundos y eso está bien. puede ver que es agradable y rápido ahora que se renderiza y se está poniendo súper rápido. Entonces ese va a ser un archivo que sea adecuado para Instagram para que
puedas enviarlo por correo electrónico o ponerlo en tu teléfono alguna otra manera en tu carpeta de videos y luego puedes subirlo desde ahí directamente a Instagram. Si sí compartes algún GIFs en Instagram que hayas creado como resultado de esta clase, por favor recuerda etiquetarme. Me encantaría ver tus GIF. Entonces solo usa #melryesskillshares, para que pueda ver lo que has publicado.
14. Reflexiones finales: Enhorabuena por completar la clase, aprender algunas nuevas habilidades, y hacer un increíble proyecto de clase. Si te quedas atascado o tienes preguntas, por favor ponlas en el tablero de discusión, sí reviso allí regularmente y haré todo lo posible para ayudarte si puedo. Por favor, publique sus GIF en cualquier lugar que pueda. Por supuesto, me encantaría verlos en la galería de proyectos de clase, pero tal vez quieras subirlos a redes sociales, ponerlos en tu página web, tu blog, en tus correos electrónicos, cualquier lugar que quieras compartir. Espero que realmente hayas disfrutado aprendiendo estos tres enfoques diferentes para hacer efectos GIF bastante diferentes, y que ahora tienes todo tipo de ideas alejadas de lo que podrías animar a continuación. Si hay algo que le quitas a esta clase, espero que sea la alegría de ver que tus ilustraciones cobran vida a través de ser animadas. Tengo montones de más clases de Skillshare en la planeación, así que si tienes alguna solicitud o sugerencia para nuevos temas de clase, por favor avísame, siempre me encantaría saber si hay algo en particular que te gustaría ver. De verdad espero que hayas disfrutado de la clase. Si lo tuvieras, estaría tan agradecido si dejaras una reseña, realmente
significa mucho escuchar tus comentarios. No olvides seguirme para que te
notifiquen cuando libere nuevas clases y espero verte en otra de mis clases muy pronto. Adiós por ahora.
