Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Creación de GIF animados por medio de capas reemplazativas - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Creación de GIF animados por medio de capas reemplazativas
Hola, os voy a explicar a continuación cómo realizar un GIF animado con capas reemplazativas.
00:00:00
Vamos a hacer la práctica en la que vamos a seleccionar un fondo de un dibujo animado común para todas las imágenes
00:00:06
y luego vamos a recortar imágenes de ese dibujo animado en diferentes posiciones,
00:00:13
siluetas de ese dibujo animado en diferentes posiciones,
00:00:19
y las vamos a poner sobre diferentes copias del fondo para luego simular el movimiento de ese dibujo animado.
00:00:22
Lo primero que vamos a hacer es abrir el GIMP y ahora vamos a archivo, abrir, en el escritorio yo tengo una carpeta que se llama GIF y en dibujos animados voy a abrir la capa fondo.
00:00:29
Yo voy a haceros en este vídeo un GIF animado solamente de dos capas, vosotros lo tenéis que hacer de tres capas, pero para no hacer el vídeo tan largo solo lo voy a hacer de dos capas.
00:00:48
Entonces, lo siguiente que hay que hacer es duplicar la capa.
00:00:58
Yo ahora la duplico dos veces, vosotros la tendréis que duplicar cinco veces.
00:01:02
Y luego voy a cambiar el color, no el color, sino el nombre de cada capa.
00:01:06
A la primera capa la voy a llamar volando y voy a poner un super wings volando.
00:01:11
Y a la siguiente capa, aterrizaje, voy a poner un super wings que acaba de aterrizar.
00:01:17
Me colocaré sobre la capa volando y lo siguiente que voy a hacer es abrir el Super Wings que está volando.
00:01:29
Voy a aumentar el zoom para verlo mejor y muy importante, las imágenes que vais a seleccionar para recortar las siluetas de los dibujos animados,
00:01:39
es muy importante que tengan fondo blanco o un fondo común, pero muy importante si puede ser fondo blanco,
00:01:53
De manera que nos va a permitir con la nueva herramienta que vamos a utilizar, el seleccionar la imagen o la silueta de la mejor forma posible.
00:01:59
Entonces ahora voy a herramientas de selección y voy a utilizar la nueva herramienta de selección del primer plano.
00:02:08
Esta herramienta inicialmente me dice que ponga un contorno alrededor de la silueta que yo quiero seleccionar.
00:02:15
Es como una selección de forma libre. Yo voy colocando los puntos alrededor de la silueta y luego, muy importante, en GIMP para cerrar la selección, debo pulsar sobre el primer punto que yo he colocado.
00:02:23
Una vez que he cerrado la selección, le doy a Intro y si os dais cuenta, aparece en color azul toda la parte que desecha del fondo.
00:02:41
Y ahora aparece una brocha que me permite a mí seleccionar los colores del interior de la silueta que yo quiero, para que quede todo bien hecho.
00:02:50
Entonces ahora voy seleccionando los colores que yo quiero.
00:02:59
Debo de pasar por todas las partes de la silueta, porque parte de la silueta por la que no pase, tonalidad de color que no va a seleccionar y que luego voy a tener que seleccionar.
00:03:08
Yo voy cogiendo todos los posibles colores, ya he pasado por más o menos toda la parte principal de la silueta, he soltado el ratón y ahora le doy a Intro.
00:03:21
Y si os dais cuenta, sí me ha seleccionado bastante bien la silueta, pero qué problema hay, que aquí quedan todavía partes azuladas que no me había seleccionado y que yo quiero que seleccione.
00:03:35
Con lo cual se las vuelvo a recoger esas tonalidades de color. Suelto y me queda todavía alguna zona azul que yo voy seleccionando. Si os dais cuenta yo cojo una zona azul y va eliminando más puntos. Eso es porque coge esa tonalidad de color y selecciona dentro de la silueta la tonalidad de color que está en diferentes puntos de la misma.
00:03:47
aquí todavía me queda alguna parte y ya más o menos ha quedado bien
00:04:09
le doy a intro, me aparece el hormigueo que significa que está seleccionada
00:04:16
y antes de llevarla al fondo lo que hago es seleccionar eliminar huecos
00:04:21
me elimina todas las posibles puntos que han quedado
00:04:28
ahora voy y le digo botón derecho, editar, copiar y me la llevo a la imagen de fondo
00:04:31
Me coloco sobre la capa volando, botón derecho, editar, pegar.
00:04:37
Le cambio el nombre, le pongo capa avión, ya tengo la capa avión.
00:04:46
Lo que hago ahora, esa capa avión, botón derecho, combinar hacia abajo.
00:04:53
La voy a combinar con la capa volando y ahora ya la ha combinado.
00:04:59
Quito esta capa que es la primera que me aparecía y si os dais cuenta aparece ya el Super Wings volando y la selección es mucho mejor que las tijeras inteligentes.
00:05:06
Vamos ahora nuevamente, cerramos esta imagen que ya no la necesito y voy y le digo abrir la imagen de aterrizaje, un Super Wings de color amarillo.
00:05:21
Hago lo mismo, aumento el zoom y ahora ya tengo la imagen para verla mejor y lo que hago es herramientas de selección, selección de primer plano.
00:05:34
En selección de primer plano, pues primero voy a seleccionar de forma no muy detallada la silueta, poco a poco lo voy haciendo y muy importante, para acabar la selección, pulsar sobre el primer punto que he puesto.
00:05:48
Ya he cerrado la selección, le doy a intro y ya aparece en color azul toda la parte que va a desechar.
00:06:12
Y ahora me aparece la brocha para recoger los colores que yo quiero que aparezcan en mi silueta.
00:06:20
Voy recogiendo las tonalidades de colores que yo considero necesarias.
00:06:32
Voy aquí abajo, voy a la otra pata y más o menos yo creo que he recogido todas las posibles tonalidades de color que tiene.
00:06:37
Suelto el ratón, le doy a intro y me ha quedado bastante perfecto.
00:06:54
Yo no veo prácticamente ninguna tonalidad azul aquí en el interior.
00:06:59
Si viéramos alguna tonalidad azul, pues lo vamos repasando y ahora le damos a intro y ya lo tengo seleccionado.
00:07:03
Antes de copiarlo, lo que hago es seleccionar eliminar huecos.
00:07:13
Y una vez que ha eliminado los huecos, botón derecho, editar, copiar.
00:07:18
Y me voy a la capa donde yo quiero pegarlo.
00:07:26
No voy a visualizar esta capa, voy a visualizar esta y sobre esta capa, botón derecho, editar, pegar.
00:07:30
Cambio el nombre, le llamo aterrizando, intro y ahora si queréis lo podéis llevar a otra posición,
00:07:39
lo pondremos un poquito más abajo y lo podéis hacer más grande o más pequeño reescalándolo.
00:07:54
Y si os dais cuenta está muy bien seleccionado, esta herramienta es muy precisa.
00:08:00
Siguiente paso, ¿qué hago? Pues vengo aquí y le digo combinar hacia abajo.
00:08:04
Me lo combina con un fotograma.
00:08:11
Entonces tengo el primer fotograma, está volando, el siguiente fotograma ha aterrizado.
00:08:13
Siguiente paso, ¿qué hago? Archivo, guardar como, lo voy a llamar Wings, de los Super Wings, y lo voy a guardar en el escritorio.
00:08:23
Lo estoy guardando en formato XCF, que es el formato GIMP que me tenéis que enviar para yo corregir.
00:08:36
Y luego lo tengo que archivo exportar como, lo voy a guardar como WINS en el escritorio y le voy a poner el archivo GIF.
00:08:42
Aquí tengo el archivo, extensión de archivo GIF y le digo exportar.
00:08:54
Ahora le digo que me lo guarde como animación, con bucle perpetuo, retardo, le voy a poner mil milisegundos, un segundo entre fotogramas y ahora la siguiente opción.
00:09:01
En la práctica anterior hicimos capas acumulativas y ahora es un cuadro por capa, reemplazar, usar el retardo introducido, usar el residuo y le digo exportar.
00:09:15
Y ahora ya me habrá guardado en el escritorio mi animación.
00:09:27
Está volando, aterrizando, volando, aterrizando.
00:09:39
Es decir, yo he hecho dos capas, vosotros tenéis que hacer cinco capas, que sería este.
00:09:43
Está preparado y ahora vuelve a empezar, bucle perpetuo.
00:09:53
Preparado, listo, despegando, volando y ha aterrizado.
00:10:00
Y esta es la práctica que yo os mando. Lo que tenéis que hacer es seleccionar el dibujo animado que más os guste y hacer un montaje con cinco capas y guardarlo como GIF animado.
00:10:09
Y nada, esta es la última práctica que ya vamos a hacer con GIMP, la semana siguiente en el calendario que os voy a poner ya en mi página web, os pondré la fecha del examen en la que va a entrar los apuntes que yo os deje más lo que estamos dando de forma práctica en GIMP.
00:10:21
Este GIF animado que es de dibujos animados pues es una práctica interesante, divertida y a mi hijo le gustan mucho los dibujos animados
00:10:41
con lo cual se las voy a enseñar para que las vea y bueno espero que lo hagáis muy bien.
00:10:51
Nos vemos ya en el siguiente videotutorial. Hasta otro día.
00:10:57
- Subido por:
- Jaime S.
- Licencia:
- Dominio público
- Visualizaciones:
- 171
- Fecha:
- 3 de mayo de 2022 - 18:17
- Visibilidad:
- Público
- Centro:
- IES GABRIEL CISNEROS
- Duración:
- 11′ 02″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 110.79 MBytes
