1 00:00:00,000 --> 00:00:06,120 Hola a todos, en este vídeo, como podéis apreciar, la idea es generar una animación 2 00:00:06,120 --> 00:00:10,720 usando Inkscape y luego GIMP para hacer un GIF animado. 3 00:00:10,720 --> 00:00:14,640 Como podéis ver, esto es una animación que tenemos abierto en Firefox o en cualquier 4 00:00:14,640 --> 00:00:15,640 otro navegador. 5 00:00:15,640 --> 00:00:19,960 Es un archivo, que lo tenemos aquí, que es relativamente pequeño, no llega ni siquiera 6 00:00:19,960 --> 00:00:25,440 a los 700 kilobytes, y como podéis apreciar, basta simplemente con darle con el botón 7 00:00:25,440 --> 00:00:29,840 derecho a cualquier navegador, vamos a hacerlo en esta ocasión con Chrome, y veis que efectivamente 8 00:00:29,840 --> 00:00:35,360 se abre, y que se queda un rato mirando, y veis que es un tipo de animación relativamente 9 00:00:35,360 --> 00:00:36,360 sofisticado. 10 00:00:36,360 --> 00:00:44,760 Bien, lo vamos a hacer justo empleando Inkscape, a partir del personaje que habíamos diseñado 11 00:00:44,760 --> 00:00:47,600 en el vídeo anterior. 12 00:00:47,600 --> 00:00:48,600 Vamos a ello. 13 00:00:48,600 --> 00:00:54,360 Lo primero que vamos a hacer es que vamos a hacer que, por ejemplo, pestañee, pestañee 14 00:00:54,360 --> 00:00:55,360 con los ojos. 15 00:00:55,880 --> 00:01:07,640 En ese sentido, lo que vamos a hacer es trabajar con lo que van a ser las pestañas y con los 16 00:01:07,640 --> 00:01:09,480 párpados. 17 00:01:09,480 --> 00:01:10,840 Vamos a crearle un párpado. 18 00:01:10,840 --> 00:01:12,840 ¿Cómo vamos a hacer eso? 19 00:01:12,840 --> 00:01:19,800 Vamos a subir un poquito las cejas, provisionalmente, y voy a crear justo añadido aquí lo que 20 00:01:19,800 --> 00:01:22,800 va a ser precisamente una especie de párpado. 21 00:01:22,800 --> 00:01:26,880 Vamos a procurar que los párpados vayan a estar tanto por arriba como por abajo, pero 22 00:01:26,880 --> 00:01:27,880 sobre todo por arriba. 23 00:01:27,880 --> 00:01:35,080 Evidentemente, ésta no es el trazo que nosotros queremos, botón derecho, relleno y borde. 24 00:01:35,080 --> 00:01:40,280 El relleno va a ser exactamente igual que el que tenemos aquí de fondo, es decir, que 25 00:01:40,280 --> 00:01:44,920 se confunde el relleno con el fondo, y eso sí, color de trazo, pues ninguno. 26 00:01:44,920 --> 00:01:52,400 Y vamos a procurar que lo que son las pestañas esté por encima. 27 00:01:52,400 --> 00:02:01,360 Tengo que desagrupar el ojo, para que los elementos vayan por su cuenta, independientes, 28 00:02:01,360 --> 00:02:05,760 y esto lo vamos a poner delante, es decir, aquí está el párpado, aquí está la pestaña 29 00:02:05,760 --> 00:02:08,080 y aquí está el párpado. 30 00:02:08,080 --> 00:02:15,200 Y vamos a hacer tres cuartas partes lo mismo, de hecho, voy a aumentar, le voy a poner provisionalmente 31 00:02:15,200 --> 00:02:22,120 trazo para ver lo que muevo, en el estilo de trazo lo voy a poner a 0.1, y voy a eliminar 32 00:02:22,840 --> 00:02:27,960 todos estos nodos, todo esto lo voy a hacer para que resulte todo mucho, mucho más sencillo 33 00:02:27,960 --> 00:02:37,600 luego trabajar con ello, así, vale, la ceja evidentemente la queremos por encima del párpado, 34 00:02:37,600 --> 00:02:45,560 y de hecho voy a aumentar un poquito el tamaño, es decir, que incluso exceda, ahí está, 35 00:02:45,560 --> 00:02:51,880 el tamaño de lo que es la propia pestaña, vale, y voy a hacer lo mismo, voy a duplicarlo, 36 00:02:52,280 --> 00:03:00,680 y lo voy a invertir, ahí está, no horizontalmente, sino verticalmente, a ver si soy capaz, ahí está, 37 00:03:01,720 --> 00:03:07,400 vale, y lo vamos a poner de tal manera que justo esta pestaña inferior, a ver si soy 38 00:03:07,400 --> 00:03:13,560 capaz de coger la pestaña inferior, esté por encima, vale, muy bien, ahí tengo los 39 00:03:13,560 --> 00:03:21,160 dos párpados ya, vamos a girarlo un poquito, e incluso voy a hacer que esto se ajuste un 40 00:03:21,160 --> 00:03:29,360 poquito más, algo así, por aquí, por allá, vale, féteno, voy a seleccionar las dos pestañas 41 00:03:29,360 --> 00:03:36,240 y le vamos a quitar el color de trazo a ambas, vale, sabemos que están ahí, vale, muy bien, 42 00:03:36,240 --> 00:03:41,720 pues voy a hacer lo mismo, como lo he puesto de esta manera, con el ojo de la derecha, 43 00:03:41,720 --> 00:03:45,320 entonces, ¿qué es lo que voy a hacer?, pues voy a quitar todo esto, voy a seleccionar 44 00:03:45,320 --> 00:03:51,600 el par, los dos párpados, los ojos, la ceja, la pestaña, todo cristo, y entonces vamos a poner 45 00:03:51,600 --> 00:04:00,160 el nodo, no se me ajusta porque no tenemos activado el ajuste, ahora ya sí, y recordad 46 00:04:00,160 --> 00:04:03,880 que tiene que estar todo esto activado, concretamente, sobre todo, y ante todo, 47 00:04:03,880 --> 00:04:08,720 tiene que estar con mutar a ajuste esa línea, y tiene que estar también activado con mutar 48 00:04:08,720 --> 00:04:12,200 ajuste a este acento de rotación, vale, que es este de aquí, el ajuste de acento de rotación, 49 00:04:12,200 --> 00:04:22,400 botón derecho, vamos a duplicar, y lo vamos a, pues eso, reflejar, ahí está, bueno, 50 00:04:22,400 --> 00:04:27,200 esto sería, por tanto, nuestro fotograma número uno, vale, por ahí con los ojos totalmente 51 00:04:27,200 --> 00:04:32,960 abiertos, así que vamos a exportar por primera vez nuestro fotograma número uno, vamos a 52 00:04:32,960 --> 00:04:38,680 archivo, vamos a darle a exportar imagen png, se nos abre esta ventana, y aquí vamos a 53 00:04:38,680 --> 00:04:42,680 tener que tener en consideración varias cosas, la primera, siempre, siempre, siempre tenemos 54 00:04:42,680 --> 00:04:47,600 que mirar que tenemos primero página, no dibujo, ni selección, ni personalización, siempre página, 55 00:04:47,600 --> 00:04:52,960 vamos a exportar lo que es la página completa, todo aquello que esté dentro de la página es lo 56 00:04:52,960 --> 00:04:59,960 que se va a exportar, eso qué significa, que si yo, por ejemplo, exporto el muñeco de esta manera, 57 00:04:59,960 --> 00:05:06,640 vale, todo esto de aquí a aquí alrededor, se va a exportar como fondo transparente, 58 00:05:06,640 --> 00:05:11,480 vamos a probar, primero, mirad a ver dónde lo estáis exportando, yo lo tengo, lo estoy exportando 59 00:05:11,480 --> 00:05:16,600 a una carpeta en concreto, que se llama animación gif, vosotros lo podéis exportar al escritorio, 60 00:05:16,600 --> 00:05:21,120 donde estiméis, pero siempre dentro de una misma carpeta, voy a exportar para que veáis cómo 61 00:05:21,120 --> 00:05:31,360 funciona esto, voy a ver si encuentro la carpeta correspondiente, la tengo, es esta de aquí, 62 00:05:31,440 --> 00:05:35,920 y fijaos que cuando le doy doble clic, es exactamente lo que se me ha exportado, 63 00:05:35,920 --> 00:05:42,520 veis que me exporta todo el canvas, todo el lienzo completo, es decir, qué tengo que hacer, 64 00:05:42,520 --> 00:05:47,920 pues si yo selecciono esto, lo que quiero es quedarme solamente con, ya más así posible, 65 00:05:47,920 --> 00:05:53,280 centradito, vale, pues lo que vamos a hacer, es que vamos a asegurarnos, vale, de que toda esta 66 00:05:53,280 --> 00:05:59,520 parte del pecho, del tronco, excede ligeramente, precisamente, la parte inferior, y de esta manera, 67 00:05:59,520 --> 00:06:03,200 recordad, tenemos página, le doy a exportar, me va a decir que si lo quiero reemplazar, 68 00:06:03,200 --> 00:06:07,880 pues claro que lo quiero reemplazar, vamos a ver ahora cuál es el resultado, ahí está, 69 00:06:07,880 --> 00:06:11,600 doble clic y veis que ahora ya sí, me exporta exactamente lo que quiero, 70 00:06:11,600 --> 00:06:16,480 este fondo cuadriculado significa que tenemos el fondo transparente, es decir, 71 00:06:16,480 --> 00:06:21,800 que nosotros cuando vayamos a usar esta imagen con un fondo, ese fondo se va a transparentar 72 00:06:21,800 --> 00:06:25,360 perfectamente, no vamos a tener que, en Gimp, tener que quitar absolutamente nada, 73 00:06:25,480 --> 00:06:32,320 todo ventajas de entrada, vale, vamos a ello, entonces, lo que me interesa, sobre todo, 74 00:06:32,320 --> 00:06:40,120 también, luego, de cara a exportar, es que exportemos una secuencia de imágenes, de fotogramas, 75 00:06:40,120 --> 00:06:45,880 que sea lo más sencillo posible, entonces, el nombre bitmap, que tenemos aquí, pues se puede 76 00:06:45,880 --> 00:06:50,640 sustituir por algo mucho más sencillo, como podría ser, por ejemplo, el número 1 1 punto png, 77 00:06:50,640 --> 00:06:55,000 así que voy a exportarlo, ahí está, y ahora vamos a empezar a cambiar cosas, 78 00:06:55,000 --> 00:07:01,280 de manera muy progresiva, vamos a coger, por ejemplo, el párpado y la pestaña, 79 00:07:01,280 --> 00:07:06,240 tanto del ojo derecho como del izquierdo, veis que selecciono todo con shift y simplemente, 80 00:07:06,240 --> 00:07:12,200 fijaos lo que voy a hacer con las teclas, vale, vamos a bajar dos pasos, por decirlo de alguna 81 00:07:12,200 --> 00:07:16,320 manera, aquí tenemos que tener cuidado, en exportar imagen, ves que en cuanto tengo algo 82 00:07:16,320 --> 00:07:21,400 seleccionado, en este caso, la pestaña y el párpado, va a selección, no, no, no, no, 83 00:07:21,400 --> 00:07:28,360 queremos siempre página, y vamos a sustituir 1 punto png, por 2 punto png, vamos a exportar, 84 00:07:28,360 --> 00:07:34,680 comprobamos que efectivamente, ya tenemos 1 png, seguido de 2 png, veis, aquí, 85 00:07:34,680 --> 00:07:40,600 esta pequeña transición, que hemos obtenido de una manera muy, muy rápida, muy inmediata, 86 00:07:40,600 --> 00:07:47,400 y seguimos, tenemos seleccionado nuestros párpados, así que seguimos, dos pasitos más abajo, 87 00:07:47,400 --> 00:07:53,640 de nuevo, vamos a estar aquí, selecciono estas dos, por la razón que sea, dos pasos más, 88 00:07:53,640 --> 00:08:02,480 página, pasamos de 2 a 3 punto png, le damos a exportar, ya está, siguiente, vamos otra vez, 89 00:08:03,480 --> 00:08:14,800 pasito, no sé si hay alguna manera, con shift, mojamos dos pasos más, página, 4 punto png, 90 00:08:17,000 --> 00:08:29,280 shift, dos pasos más, página, 5 png, vale, y vamos también a acompañarnos, 91 00:08:29,280 --> 00:08:33,840 como no pasa de esta manera también, de los párpados inferiores, un poquito, así que, 92 00:08:33,840 --> 00:08:40,560 de nuevo, vamos a seleccionar todo esto, he dicho que bajamos dos pasitos, y eso sí, 93 00:08:40,560 --> 00:08:47,400 acompañamos con los párpados inferiores, que suben, vamos a ponerle 6 png, 94 00:08:47,440 --> 00:09:01,720 sigue bajando, dos pasitos, dos pasitos, subimos, y subimos dos pasitos más, 95 00:09:01,720 --> 00:09:11,600 página, 7 punto png, ya estamos casi, vamos a coger, espérate, que no coja lo que no es, 96 00:09:11,600 --> 00:09:20,320 dos pasos más, ya se le está haciendo de noche, esto se está durmiendo, 97 00:09:20,320 --> 00:09:31,240 progresivamente, página, 8 png, vamos a cambiar alguna cosa, incluso, no, vamos a seguir bajando, 98 00:09:31,240 --> 00:09:48,200 estas dos las vamos a ir subiendo, página, 9 png, vale, y ya llegados a este punto, 99 00:09:48,200 --> 00:09:55,080 ya sí vamos a estar obligados a, vamos a ver, a cambiar algunas cosas, como por ejemplo, 100 00:09:55,080 --> 00:10:03,800 vamos a hacer que, vamos a quitar el ajuste, para poder movernos de manera mucho más libre, 101 00:10:03,800 --> 00:10:10,040 y vamos a hacer que todo esto, que tengo un montón de nodos, le voy a quitar todos esos nodos, 102 00:10:10,040 --> 00:10:14,920 para que se vaya ajustando, veis, precisamente, y se vaya cerrando, y aquí lo mismo, 103 00:10:14,920 --> 00:10:20,760 voy a coger todos esos nodos, los elimino, y simplemente con los tiradores, veis que me 104 00:10:20,760 --> 00:10:28,040 adapto mucho mejor, voy a hacer lo mismo, por cierto, con el párpado de abajo, y aquí, 105 00:10:28,040 --> 00:10:34,400 lo mismo, voy a seleccionar todos estos nodos, fuera, abandona este cuerpo, y vamos a ir adaptando, 106 00:10:34,400 --> 00:10:44,440 vale, aquí lo mismo, selecciono todos esos nodos, esto se va cerrando, y aquí lo mismo, 107 00:10:44,600 --> 00:10:51,960 a ver si soy capaz, se va adaptando, a esta, vale, y le damos aquí, 108 00:10:51,960 --> 00:10:59,560 número 10, punto png, y seguimos cerrando los ojos, a ver, 109 00:11:04,440 --> 00:11:08,160 ya está casi, casi, espérate que le da lo que no es, ah, no, no, sí, sí, es el párpado, 110 00:11:09,040 --> 00:11:16,640 es el párpado, a ver los ojitos que se le cierran, ahí está, y aquí lo mismo, 111 00:11:18,640 --> 00:11:27,080 cerramos el párpado, y ahora las pestañas, casi, casi, esto lo vamos a ampliar un poquito, 112 00:11:27,080 --> 00:11:33,000 que se vea un poquito de blanco ahí, y aquí lo mismo, ya está casi, casi dormidito, ahí está, 113 00:11:33,000 --> 00:11:40,320 ahí está, subimos, y terminó de subir, y esto hemos dicho que es el número 11, 114 00:11:40,320 --> 00:11:47,720 exportamos, de vez en cuando echamos un vistazo a ver cómo va la línea, 115 00:11:51,600 --> 00:11:55,440 ahí está, vamos a cerrar definitivamente los ojos, 116 00:11:55,440 --> 00:12:04,160 y ahora os enseño cómo convertimos esto en animación, vamos a hacer que se cierre por 117 00:12:04,160 --> 00:12:12,200 arriba más que por abajo, ahí está, lo mismo aquí, ya está, ojos cerraditos, página número 12, 118 00:12:12,200 --> 00:12:23,280 punto png, ahí está, vale, ¿qué podríamos hacer? ahora, pues, simplemente vamos volviendo atrás, 119 00:12:23,960 --> 00:12:31,920 con control z, y le vamos añadiendo, 13, exportamos, 120 00:12:34,960 --> 00:12:46,840 página 14, punto png, volvemos con control z, página, esto sería número 15, 121 00:12:53,280 --> 00:12:55,320 página 16, 122 00:13:01,680 --> 00:13:02,400 17, 123 00:13:02,400 --> 00:13:14,400 18, 19, 124 00:13:26,400 --> 00:13:28,400 hay habido un error, voy a mirar, 125 00:13:28,400 --> 00:13:30,400 si veo que algo ha salido extraño, 126 00:13:30,400 --> 00:13:32,400 20, vamos a ver, 127 00:13:34,400 --> 00:13:36,400 no, va bien, de acuerdo, 128 00:13:36,400 --> 00:13:38,400 pues seguimos. 129 00:13:38,400 --> 00:13:40,400 Página, hemos dicho 20, 130 00:13:40,400 --> 00:13:42,400 volvemos atrás, página, este es número 21, 131 00:13:50,400 --> 00:13:52,400 si vemos que nos hemos pasado, 132 00:13:52,400 --> 00:13:54,400 con control y, 133 00:13:54,400 --> 00:13:56,400 deshacemoslo, 134 00:13:56,400 --> 00:13:58,400 22, 135 00:13:58,400 --> 00:14:00,400 control Z, 136 00:14:02,400 --> 00:14:04,400 página 23, 137 00:14:08,400 --> 00:14:10,400 página 24, 138 00:14:10,400 --> 00:14:12,400 enter, 139 00:14:12,400 --> 00:14:14,400 y yo creo que ya estamos, casi, 140 00:14:14,400 --> 00:14:16,400 casi, 25, 141 00:14:16,400 --> 00:14:18,400 a 25 fotogramas por segundo, 142 00:14:18,400 --> 00:14:20,400 os dais cuenta de que, 143 00:14:20,400 --> 00:14:22,400 a ser un pestañeo, 144 00:14:22,400 --> 00:14:24,400 que va a durar un segundo completo. 145 00:14:24,400 --> 00:14:26,400 Bien, esto en cuenta la parte 146 00:14:26,400 --> 00:14:28,400 de Inkscape, comprobamos que, 147 00:14:28,400 --> 00:14:30,400 efectivamente, 148 00:14:30,400 --> 00:14:32,400 ahí está, 149 00:14:34,400 --> 00:14:36,400 ahí estaría el pestañeo 150 00:14:36,400 --> 00:14:38,400 completo, incluso, 151 00:14:38,400 --> 00:14:40,400 la vuelta, 152 00:14:40,400 --> 00:14:42,400 que es, 153 00:14:42,400 --> 00:14:44,400 un proceso, 154 00:14:44,400 --> 00:14:46,400 que se puede, perfectamente, 155 00:14:46,400 --> 00:14:48,400 emplear en loop. 156 00:14:48,400 --> 00:14:50,400 Pues vamos aquí, vamos a crearnos, 157 00:14:50,400 --> 00:14:52,400 ya nuestro GIF animado, 158 00:14:52,400 --> 00:14:54,400 de nuestro personaje, pestañeando, 159 00:14:54,400 --> 00:14:56,400 voy a cerrar, 160 00:14:56,400 --> 00:14:58,400 aquí, le voy al archivo, 161 00:14:58,400 --> 00:15:00,400 y vamos a abrir como capas, 162 00:15:00,400 --> 00:15:02,400 a ver, 163 00:15:02,400 --> 00:15:04,400 como capas, 164 00:15:04,400 --> 00:15:06,400 vamos a la carpeta, donde lo tengamos, 165 00:15:06,400 --> 00:15:08,400 y eso sí, tenemos que seleccionar, 166 00:15:08,400 --> 00:15:10,400 la secuencia completa, 167 00:15:10,400 --> 00:15:12,400 del 1 al 25, 168 00:15:12,400 --> 00:15:14,400 en este caso, ¿vale? 169 00:15:14,400 --> 00:15:16,400 Vosotros podéis hacerlo más corto, o, incluso, 170 00:15:16,400 --> 00:15:18,400 más largo, eso ya, como queráis. 171 00:15:18,400 --> 00:15:20,400 Pero veis que, efectivamente, 172 00:15:20,400 --> 00:15:22,400 me está generando, aquí, 173 00:15:22,400 --> 00:15:24,400 dos capas, una detrás de otra. 174 00:15:26,400 --> 00:15:28,400 Ahí está, todo esto, 175 00:15:28,400 --> 00:15:30,400 es perfectamente, válido. 176 00:15:30,400 --> 00:15:32,400 Muy bien. 177 00:15:32,400 --> 00:15:34,400 Lo que vamos a hacer, además, 178 00:15:34,400 --> 00:15:36,400 es que, tened en consideración, 179 00:15:36,400 --> 00:15:38,400 que todo esto, tiene fondo transparente. 180 00:15:40,400 --> 00:15:42,400 A la hora de exportarlo a GIF, 181 00:15:42,400 --> 00:15:44,400 GIF no va a tener fondo transparente. 182 00:15:44,400 --> 00:15:46,400 ¿Vale? 183 00:15:46,400 --> 00:15:48,400 Vamos a ir, de todas maneras, para que no tendremos a filtros, 184 00:15:48,400 --> 00:15:50,400 vamos a animación, 185 00:15:50,400 --> 00:15:52,400 y vamos a reproducción, a ver qué tal queda, 186 00:15:52,400 --> 00:15:54,400 a 100 milisegundos, 187 00:15:54,400 --> 00:15:56,400 por cada fotograma. 188 00:15:58,400 --> 00:16:00,400 Es que se hace, 189 00:16:00,400 --> 00:16:02,400 un poco largo de ver, 190 00:16:02,400 --> 00:16:04,400 a 100 milisegundos. 191 00:16:06,400 --> 00:16:08,400 Así que, lo que vamos a hacer, 192 00:16:08,400 --> 00:16:10,400 es que, el último fotograma, 193 00:16:10,400 --> 00:16:12,400 que es este de aquí, 194 00:16:12,400 --> 00:16:14,400 es, precisamente, el número 1, 195 00:16:14,400 --> 00:16:16,400 vamos a darle doble clic, 196 00:16:16,400 --> 00:16:18,400 y vamos a ponerle, entre paréntesis, 197 00:16:20,400 --> 00:16:22,400 vamos a hacer que dure, en vez de 100 milisegundos, 198 00:16:22,400 --> 00:16:24,400 vamos a decir que dure, 199 00:16:24,400 --> 00:16:26,400 por ejemplo, 1000 milisegundos, 200 00:16:26,400 --> 00:16:28,400 para que esté un segundo sin pestañear. 201 00:16:28,400 --> 00:16:30,400 ¿Vale? 202 00:16:30,400 --> 00:16:32,400 1000ms entre, 203 00:16:34,400 --> 00:16:36,400 entre paréntesis. Aceptamos. 204 00:16:36,400 --> 00:16:38,400 Vamos a filtros, animación de nuevo, 205 00:16:38,400 --> 00:16:40,400 reproducción, 206 00:16:40,400 --> 00:16:42,400 y le damos. 207 00:16:44,400 --> 00:16:46,400 Ya se queda un rato, mirando fijamente, 208 00:16:46,400 --> 00:16:48,400 ahí está. 209 00:16:48,400 --> 00:16:50,400 Bien, si nosotros quisiéramos que, 210 00:16:50,400 --> 00:16:52,400 el resto de los fotogramas, 211 00:16:52,400 --> 00:16:54,400 en vez de 100 milisegundos, 212 00:16:54,400 --> 00:16:56,400 durara, por ejemplo, 50 o 40 milisegundos, 213 00:16:56,400 --> 00:16:58,400 que fuera más rápido, pues tendríamos que darle, 214 00:16:58,400 --> 00:17:00,400 a todos y cada uno de ellos, 215 00:17:00,400 --> 00:17:02,400 entre paréntesis, 216 00:17:02,400 --> 00:17:04,400 dicho número. 217 00:17:04,400 --> 00:17:06,400 Pero, hay otra manera más rápida de hacer eso, 218 00:17:06,400 --> 00:17:08,400 y es en la exportación directamente, 219 00:17:08,400 --> 00:17:10,400 que es que le digamos, en la ventana, 220 00:17:10,400 --> 00:17:12,400 lo voy a hacer ahora, para que lo veáis, 221 00:17:12,400 --> 00:17:14,400 vamos a archivo, exportar como, 222 00:17:14,400 --> 00:17:16,400 aquí en la selección, 223 00:17:16,400 --> 00:17:18,400 el tipo de archivo, vamos a buscar, 224 00:17:18,400 --> 00:17:20,400 gif, gif, gif, gif, gif, 225 00:17:20,400 --> 00:17:22,400 ¿dónde estás? 226 00:17:22,400 --> 00:17:24,400 Lo habré pasado, 227 00:17:24,400 --> 00:17:26,400 gif, 228 00:17:26,400 --> 00:17:28,400 ahí está, imagen gif, 229 00:17:28,400 --> 00:17:30,400 ah, tengo dos gif, una imagen y otra. 230 00:17:30,400 --> 00:17:32,400 Bueno, vamos a darle al primero, 231 00:17:32,400 --> 00:17:34,400 ¿vale? 232 00:17:34,400 --> 00:17:36,400 Y voy a cambiar el nombre, 233 00:17:36,400 --> 00:17:38,400 no se va a llamar 25.gif, 234 00:17:38,400 --> 00:17:40,400 se va a llamar, 235 00:17:40,400 --> 00:17:42,400 animación.gif, ¿vale? 236 00:17:42,400 --> 00:17:44,400 Y ahora me dice, 237 00:17:44,400 --> 00:17:46,400 que lo queremos hacer como una animación, 238 00:17:46,400 --> 00:17:48,400 y aquí es donde os digo, veréis, 239 00:17:48,400 --> 00:17:50,400 retraso entre cuadros, 240 00:17:50,400 --> 00:17:52,400 cuando no esté especificado, 241 00:17:52,400 --> 00:17:54,400 es decir, este primero, este que queremos 242 00:17:54,400 --> 00:17:56,400 que esté sin hacer nada durante un segundo, 243 00:17:56,400 --> 00:17:58,400 está especificado, así que, 244 00:17:58,400 --> 00:18:00,400 no va a afectar, pero todos los demás, 245 00:18:00,400 --> 00:18:02,400 en vez de 100 milisegundos, vamos a hacer 246 00:18:02,400 --> 00:18:04,400 que dure, pues, por ejemplo, 247 00:18:04,400 --> 00:18:06,400 no sé, 30 milisegundos, 248 00:18:06,400 --> 00:18:08,400 de tal manera que va a durar lo que es el pestaño 249 00:18:08,400 --> 00:18:10,400 tres veces menos, un tercio de segundo, 250 00:18:10,400 --> 00:18:12,400 lo cual tendría que darle 251 00:18:12,400 --> 00:18:14,400 algo más de naturalidad. 252 00:18:14,400 --> 00:18:16,400 Vamos a darle a exportar. 253 00:18:18,400 --> 00:18:20,400 Ahí está, y vamos a 254 00:18:20,400 --> 00:18:22,400 probar qué tal ha quedado. 255 00:18:22,400 --> 00:18:24,400 Toda vez, ahí está, 256 00:18:24,400 --> 00:18:26,400 animación.gif, lo vamos a abrir con, 257 00:18:26,400 --> 00:18:28,400 ¿con qué va a ser? Pues con 258 00:18:28,400 --> 00:18:30,400 Firefox, por ejemplo. Ahí está. 259 00:18:30,400 --> 00:18:32,400 ¿Vale? Ahí está. 260 00:18:32,400 --> 00:18:34,400 Me mira, y 261 00:18:34,400 --> 00:18:36,400 pestañea. Estupendo. 262 00:18:36,400 --> 00:18:38,400 No. 263 00:18:40,400 --> 00:18:42,400 Pues eso sería todo. 264 00:18:42,400 --> 00:18:44,400 Muchas gracias.