1 00:00:21,230 --> 00:00:29,809 En este vídeo vamos a ver cómo crear una animación en 2D con un programa de animación del paquete Adobe llamado Animate. 2 00:00:30,050 --> 00:00:41,469 En primer lugar le damos a archivo, nuevo, y aquí podemos elegir diferentes formatos como Full HD, 4K, HD. 3 00:00:41,469 --> 00:00:50,270 Yo en este caso voy a elegir un formato sencillo que es el formato HD, 1280 x 720. 4 00:00:51,229 --> 00:01:02,210 Recordemos que si publicamos una animación con Animate en HTML o JavaScript, el archivo será vectorial, ya que todos los dibujos que hagamos serán vectoriales. 5 00:01:02,549 --> 00:01:08,209 Por tanto, podremos hacerlos más grandes o más pequeños sin el problema del pixelado. 6 00:01:09,049 --> 00:01:19,609 Mientras que si lo hacemos como imagen, si lo exportamos como imagen, por ejemplo como un GIF, en ese caso sí que se rastrealizará y por tanto se convertirá en píxeles. 7 00:01:19,609 --> 00:01:29,250 Ahí sí que será muy importante el tamaño que elijamos. Yo en este caso elijo HD porque lo voy a exportar en este caso como un GIF. 8 00:01:30,890 --> 00:01:46,420 Creamos. La velocidad que hemos elegido son 30 fotogramas por segundo. Eso lo que quiere decir es que si quiero hacer una animación de un segundo tendré que elegir 30 fotogramas. 9 00:01:46,420 --> 00:02:04,060 Yo en este caso voy a hacer una animación sencilla, con el control y el ratón hago el escenario más pequeño, también voy a hacer la línea de tiempo más pequeña y ahora voy a dibujar un pequeño objeto, en este caso un óvalo. 10 00:02:04,060 --> 00:02:14,770 con la tecla shift pulsada haré un círculo perfecto recordemos que a ser objetos vectoriales se 11 00:02:14,770 --> 00:02:28,500 componen de contenido y un trazo este objeto si lo seleccionó lo convertiría en símbolo lo voy 12 00:02:28,500 --> 00:02:40,360 a convertir en un gráfico y le llamaré pelota acepto en la biblioteca tengo el objeto pelota 13 00:02:41,539 --> 00:02:53,919 Este objeto será el que animaré. Para crear 30 fotogramas, me pongo el fotograma 30, botón derecho, insertar fotograma. 14 00:02:55,840 --> 00:03:02,719 Ya tengo 30 fotogramas. Pero ahora, para hacer un movimiento, necesito otro fotograma clave. 15 00:03:03,159 --> 00:03:05,740 Tengo el fotograma de entrada, pero no tengo el fotograma de salida. 16 00:03:06,580 --> 00:03:11,219 Para crear el fotograma de salida, tengo que decirle que cree otro fotograma clave. 17 00:03:11,219 --> 00:03:16,139 botón derecho en el último fotograma y le digo insertar fotograma clave. 18 00:03:17,419 --> 00:03:20,500 Ahora tengo un fotograma de entrada y un fotograma de salida. 19 00:03:21,460 --> 00:03:28,599 En el fotograma de salida tengo que modificar la posición del objeto, por ejemplo, aquí. 20 00:03:28,599 --> 00:03:40,120 Y ahora aquí tengo la entrada y durante 29 fotogramas el objeto no se mueve y en el último cambia de espacio. 21 00:03:40,120 --> 00:03:51,719 Si yo ahora creo una interpolación, el programa se inventará todos los fotogramas entre este fotograma de entrada y este fotograma de salida. 22 00:03:52,159 --> 00:03:59,060 Botón derecho sobre el primer fotograma, crear, interpolación clásica. 23 00:04:00,840 --> 00:04:09,240 Y ahora el programa ha creado todos los fotogramas que necesitaba. 24 00:04:09,900 --> 00:04:12,580 Ya tengo la animación de 30 segundos. 25 00:04:12,580 --> 00:04:22,639 Si le digo que repita en bucle y que repita en bucle desde el inicio, repetirá la animación en bucle desde el principio. 26 00:04:26,459 --> 00:04:33,980 Además, si creo otra capa, recordemos que todos los programas del paquete Adobe funcionan por capas, 27 00:04:34,699 --> 00:04:39,259 a esta primera capa le puedo llamar pelota. 28 00:04:41,319 --> 00:04:45,220 Puedo crear una segunda capa, a esta segunda capa le llamaré guía. 29 00:04:47,120 --> 00:04:51,379 En esta segunda capa voy a dibujar una guía, por ejemplo, con la pluma. 30 00:04:51,879 --> 00:04:53,879 Es una pluma similar a la de Illustrator. 31 00:04:54,620 --> 00:05:02,329 Me pongo en el primer fotograma de la capa guía y dibujo una guía. 32 00:05:04,860 --> 00:05:13,899 Ahora es tan sencillo como decirle botón derecho a esta capa guía y convertirla en una guía. 33 00:05:16,470 --> 00:05:18,769 Este martillito simboliza que es una guía. 34 00:05:18,769 --> 00:05:30,850 Si yo introduzco esta capa pelota dentro de la capa de guía arrastrándola, ahora está dentro, cambia el simbolito de un pico por el de una guía, un caminito. 35 00:05:32,189 --> 00:05:46,069 Ahora tendré que decirle que la pelota en el primer fotograma de la capa pelota esté al inicio, hacer coincidir los centros con el inicio, y al final hacer coincidir el centro con el final. 36 00:05:46,069 --> 00:05:57,300 automáticamente si le doy a play la pelota sigue su camino para exportarlo como gif es muy sencillo 37 00:05:57,300 --> 00:06:12,480 archivo exportar exportar gif animado aquí puedo previsualizar por ejemplo el 50% cómo va a quedar 38 00:06:12,480 --> 00:06:20,879 la animación tengo la paleta de colores puedo jugar con la profundidad de color por ejemplo 39 00:06:20,879 --> 00:06:27,819 Como solo tengo unos pocos colores, puedo reducir la paleta de colores casi al máximo, introduciendo cuatro colores. 40 00:06:28,420 --> 00:06:31,040 El objeto pesará 93K. 41 00:06:32,819 --> 00:06:35,300 Lo exporto con la transparencia. 42 00:06:36,079 --> 00:06:37,379 Aquí tengo la transparencia. 43 00:06:38,620 --> 00:06:48,970 Y compruebo que funciona y que repite el bucle para siempre. 44 00:06:50,449 --> 00:06:54,829 Le doy a guardar y le digo dónde quiero guardarlo. 45 00:06:55,069 --> 00:07:03,750 por ejemplo en esta carpeta que ya tengo creada y le llamo pelota si abro la carpeta y ejecutó 46 00:07:03,750 --> 00:07:17,259 el gif funciona perfectamente para guardar el proyecto es tan sencillo como archivo guardar 47 00:07:17,259 --> 00:07:26,980 como y lo guardo en la carpeta como punto flat que es la extensión de anime y le doy un nombre 48 00:07:26,980 --> 00:07:42,339 proyecto y guardar. El punto flag será el proyecto. El punto recover, una copia de seguridad que hace 49 00:07:42,339 --> 00:07:47,339 Animate por defecto y que podemos configurar cada cuánto tiempo queremos que la haga.