Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Video tutorial para crear GIF animados con capas acumulativas - 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:
Video tutorial para crear GIF animados con capas acumulativas
Voy a empezar a explicar cómo realizar un GIF animado por medio de capas acumulativas.
00:00:00
La primera práctica que me tenéis que entregar el próximo jueves, día 30,
00:00:05
consiste en realizar un GIF animado por medio de capas acumulativas acerca de los planetas.
00:00:10
Vais a buscar un fondo de universo de tamaño grande
00:00:16
y sobre él vais a recortar imágenes de diferentes planetas y las vais a pegar sobre ese fondo.
00:00:20
De manera que luego cuando nosotros lo guardemos como un GIF animado por medio de capas acumulativas va a aparecer el fondo y sobre ese fondo de forma sucesiva y acumulativa van a ir apareciendo las diferentes imágenes de planetas que yo he ido colocando.
00:00:26
colocando. Para comenzar nos vamos a ir a GIMP, anteriormente ya habréis buscado todas las
00:00:41
imágenes, la del fondo en tamaño grande y el resto de imágenes las tendréis guardadas en una carpeta
00:00:49
y cuando nosotros abramos el GIMP tenemos que abrir en primer lugar la imagen de fondo. Yo para
00:00:54
no hacer un vídeo tan largo lo que he hecho es ya tener preparadas el fondo más tres imágenes y
00:01:00
luego haré aquí una demostración de dos imágenes más que iremos colocando por medio de capas aquí
00:01:07
en el fondo. Si os dais cuenta yo tengo el fondo y luego la imagen de España que es la Alhambra,
00:01:13
la imagen de París que es la Torre Eiffel y la imagen del Partenón de Grecia. Básicamente yo
00:01:19
lo que he hecho es recortarlos con la herramienta de selección tijeras inteligentes y los he ido
00:01:26
colocando en el fondo. Siguiente paso, voy a abrir la imagen de monumento de Alemania. Voy a abrir la
00:01:33
puerta de Brandenburgo. Entonces por medio de la herramienta de selección tijeras inteligentes
00:01:45
voy a seleccionar la puerta de Brandenburgo por medio de puntos que yo voy colocando. Cuanto más
00:01:52
juntos sean los puntos mejor va a ser la selección yo voy colocando puntos y si os dais cuenta va
00:01:59
seleccionando por diferencia de color la silueta de la puerta de brandenburgo yo ahora voy a
00:02:06
colocar pocos puntos con lo cual la selección no me va a quedar muy bien pero bueno poco a poco
00:02:18
la voy haciendo y luego que haré, me la llevaré al fondo una vez que la he seleccionado, la haré
00:02:24
más grande o la haré más pequeñita y luego la colocaré en el lugar donde yo quiera para realizar
00:02:32
mi montaje. Mi montaje lo guardaré en formato GIMP que es el XCF y luego lo guardaré muy importante
00:02:38
en forma de animación tipo GIF.
00:02:48
Si os dais cuenta, yo voy colocando puntos,
00:02:52
lo estoy haciendo un poquito rápido para no hacer muy largo el vídeo,
00:02:55
y muy importante, para acabar la selección por medio de las tijeras inteligentes,
00:03:03
tengo que pulsar sobre el primer punto que yo he puesto.
00:03:10
Ahora pongo otro punto más,
00:03:16
cierro la selección pulsando sobre el primer punto que es este
00:03:18
le doy a intro y ya aparece el hormigueo
00:03:22
el hormigueo significa que la puerta de Brandenburgo ya la tengo seleccionada
00:03:26
ahora voy a copiarla y a llevármela al fondo
00:03:30
botón derecho, editar, copiar
00:03:33
voy al fondo, botón derecho, editar
00:03:38
me la he pegado aquí como selección flotante
00:03:46
ahora pongo Alemania
00:03:56
ya le he puesto el nombre a la capa de Alemania
00:03:59
y sobre la capa de Alemania si os dais cuenta queda muy grande
00:04:03
no la he seleccionado muy bien, aquí queda alguna imperfección
00:04:06
con lo cual eso hay que hacerlo con mucho más cuidado
00:04:09
y ahora lo siguiente que hago es en herramientas de transformación
00:04:12
la voy a escalar
00:04:16
la voy a hacer más pequeñita
00:04:17
escalo
00:04:21
y una vez que la he escalado
00:04:25
lo que voy a hacer es desplazarla a esta parte de aquí.
00:04:31
La voy a colocar en esta parte de aquí.
00:04:37
Ya tengo hecha la puerta de Brandenburgo.
00:04:42
Ahora voy a abrir la última imagen que voy a hacer.
00:04:44
Vengo y le digo archivo, abrir y sobre monumentos la tengo guardada como Roma, el Coliseo Romano.
00:04:48
Pues voy a hacer exactamente lo mismo.
00:05:00
Voy a seleccionar la silueta del Coliseo Romano por medio de la herramienta de selección Tijeras Inteligentes.
00:05:01
Voy a empezar por aquí abajo.
00:05:10
Cuantos más puntos ponga, vuelvo a repetir, mejor me va a quedar hecha la selección.
00:05:15
Yo ahora voy un poquito rápido por el motivo de que tampoco os quiero hacer muy largo el vídeo.
00:05:24
Pero bueno, si os dais cuenta, va seleccionando bastante bien y va quedando bastante bien.
00:05:30
Si os dais cuenta, todas estas personas que hay aquí las podríamos quitar de la selección.
00:05:38
Muy importante, el último punto que ponga tiene que ser el primero, coincidir con el primero.
00:05:43
Le doy al primero y una vez que he cerrado la selección, le doy intro, aparece el hormigueo,
00:05:50
que significa que está seleccionada y ahora botón derecho, editar, copiar, me voy al fondo, botón derecho, editar,
00:05:56
cambiar el nombre de la capa le llamo roma y ahora a la capa roma que la tenemos seleccionada nos
00:06:08
encontramos sobre ella la voy a rescatar porque era una imagen muy grande herramientas de
00:06:19
transformación escalar voy a reducir si os dais cuenta como es tan grande no me permite hacerlo
00:06:25
manualmente, la voy a reducir, le digo escalar, ahora la voy a desplazar un poquito para seguir
00:06:38
viéndola. Esto os puede pasar con muchas imágenes, que a la hora de escalarla son tan grandes que me
00:06:47
descoordina todo lo que yo tengo aquí. Herramientas de transformación, vuelvo a recortar, sobre Roma,
00:06:54
perdonad, herramientas de transformación
00:07:04
no de transformación, si de transformación
00:07:08
vuelvo a escalar, la voy a hacer más pequeñita todavía
00:07:12
hasta que me deje desplazarla
00:07:17
a un lugar adecuado, vuelvo nuevamente
00:07:24
a escalar, la voy a hacer más pequeña todavía
00:07:30
escalar y ahora ya me ha quedado más o menos
00:07:35
del tamaño que yo quiero. Vengo, le doy a desplazar, la llevo
00:07:43
donde yo quiera, me coloco sobre la capa fondo
00:07:49
ahora me coloco sobre la capa roma
00:07:55
y ya me permite desplazarla hasta donde yo quiera
00:08:00
lo único que lo que voy a hacer es hacerla un poquito más pequeña
00:08:04
la vuelvo a escalar, ahora ya si os dais cuenta ya aparece dentro
00:08:08
de la selección, le digo escalar y la vuelvo a desplazar
00:08:14
Y ya la coloco aquí justo debajo de la alambra. Me voy a la capa fondo y ya veo cómo me ha quedado todo mi montaje hecho. Bueno, ha quedado bastante bien.
00:08:20
Ahora el siguiente paso que tengo que hacer es archivo, guardar como y en el escritorio la voy a guardar como monumentos XCF.
00:08:37
Es decir, primero la guardo en formato GIMP para luego poderla abrir y modificarla si lo necesito.
00:08:50
En el escritorio le voy a decir guardar directamente.
00:08:55
Y una vez que la he guardado, este archivo me lo tenéis que enviar para corregirlo,
00:09:00
lo que voy a hacer es guardarlo en tipo GIF animado.
00:09:05
Entonces voy a archivo y en lugar de guardar como le digo, exportar como.
00:09:08
Le voy a decir que me lo guarde en el escritorio como monumentos.
00:09:13
y aquí donde pone selección por tipo de archivo, voy a buscar el tipo de archivo GIF.
00:09:16
Una vez que he seleccionado imagen GIF, le digo exportar, me dice que va a recortar diferentes imágenes que se salen de la selección de fondo,
00:09:25
le digo recortar y ahora en este cuadro de diálogo le digo que voy a hacer una animación en bucle perpetuo.
00:09:37
Bucle perpetuo significa que se va a repetir continuamente.
00:09:46
Retraso entre cuadros, cuando no esté especificado, pues yo le voy a decir 100 milisegundos es muy rápido,
00:09:51
pues le voy a decir que yo quiero 1000 milisegundos, es decir, un segundo.
00:09:57
Normalmente se pone 1-2 segundos.
00:10:05
Residuo de cuadros, cuando no esté especificado, le digo capas acumulativas.
00:10:07
Quiere decir que aparecerá el fondo y sobre el fondo se van a ir acumulando las diferentes capas que yo he creado.
00:10:13
Le digo capas acumulativas, usar el retraso introducido, usar el residuo introducido y ya le digo exportar.
00:10:19
Ahora la ha guardado en donde yo le he dicho.
00:10:34
Buscamos la imagen que está aquí en el escritorio y si la abrimos, pues ya veis que va siguiendo los diferentes pasos que yo le he puesto, el orden que yo le he puesto.
00:10:37
Este es un GIF animado por medio de capas acumulativas.
00:10:56
Tengo el fondo y sobre ese fondo van a ir apareciendo las diferentes imágenes que yo he colocado de forma acumulativa.
00:11:00
Se acumulan, se borra y luego van apareciendo nuevamente una por una.
00:11:08
Esta es por capas acumulativas.
00:11:13
Por capas reemplazativas sería que aparece un fondo con una imagen y luego el mismo fondo con otra imagen, borrando la imagen anterior.
00:11:15
Bueno, pues tenéis que realizar la práctica que consiste en hacer un montaje sobre los planetas.
00:11:24
Buscáis un fondo sobre el universo grande y vais pegando diferentes imágenes de planetas.
00:11:31
Lo guardáis en formato XCF, luego lo guardáis en formato animación GIMP como os he explicado aquí con los parámetros que os he explicado y una vez que tenéis hecho todo me lo mandáis para que yo lo pueda corregir.
00:11:36
Esta práctica se entrega junto con la siguiente que es de capas reemplazativas el jueves día 30, el jueves de la semana que viene.
00:11:51
Un saludo y nos vemos en el siguiente videotutorial.
00:12:02
- Subido por:
- Jaime S.
- Licencia:
- Dominio público
- Visualizaciones:
- 96
- Fecha:
- 3 de mayo de 2022 - 18:12
- Visibilidad:
- Público
- Centro:
- IES GABRIEL CISNEROS
- Duración:
- 12′ 05″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 167.46 MBytes
