Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Animaciones - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 15 de noviembre de 2021 por Isabel L.

84 visualizaciones

Más información Transcripción

Descargar la transcripción

bueno pues vamos a ver cómo se hacen animaciones con jim entonces lo primero 00:00:01
si queremos hacer una animación con jim lo primero es que necesitamos como 00:00:08
mínimo tres capas para hacer una animación entonces el tema el que 00:00:13
queráis yo aquí he hecho unas cuantas animaciones vamos a hacer una con 00:00:21
emojis. Nuestros emojis dan 00:00:27
mucho juego. Tienen mucha ventaja 00:00:30
para hacer animaciones. ¿Por qué? 00:00:32
Porque 00:00:34
como lo que vamos a hacer es poner 00:00:35
capas con un cierto 00:00:38
movimiento, 00:00:40
pues tienen el mismo 00:00:42
tamaño. Entonces eso es 00:00:44
una ventaja. Y además de 00:00:46
tener el mismo tamaño, pues nos permiten 00:00:48
darles ese 00:00:51
cambio de conformado. 00:00:54
Y además son muy fáciles de 00:00:57
aquí aquí tenemos un montón de mollis por ejemplo aquí tenemos un montón de mollis vamos a hacer un 00:00:58
emoji que bueno pues que la cara vaya cambiando un poco de aspecto y podemos por ejemplo este de aquí 00:01:04
sabría que buscar caras que fuese más o menos así pues vemos por ejemplo los calzoncitos podría ser 00:01:19
esta sería una posibilidad 00:01:45
cambiar esta cara 00:01:47
y bueno pues no se ve que hay otras posibilidades 00:01:48
de otras caras, pero aquí tenemos muchas 00:02:08
esta también podría ser otra variación 00:02:09
esta por ejemplo 00:02:15
también podría ser otra posibilidad 00:02:40
o sea, es un poco 00:02:41
esto o bien 00:02:43
lo descargamos ya hecho 00:02:45
o lo tendremos que hacer con el 00:02:47
gym 00:02:50
necesitamos como mínimo 00:02:50
tres caras 00:03:05
le damos cuatro 00:03:07
vamos a ver si encontramos una base 00:03:09
la base podría ser este 00:03:11
o esta 00:03:22
que es un emoji como muy normal 00:03:24
ya vemos que aquí tenemos también variaciones 00:03:25
este mismo 00:03:28
ya tenemos unos cuantos, este también por ejemplo 00:03:29
bueno, ya os digo 00:03:47
los emojis lo bueno que tienen es que 00:03:49
son todos del mismo tamaño 00:03:51
hay una base que es un poco 00:03:54
común y como lo que queremos es dar 00:03:57
movimiento o transformación 00:03:59
pues es mucho más fácil 00:04:01
Bueno, entonces vamos a coger el gil 00:04:02
Abrimos 00:04:04
Entonces aquí vamos a ir abriendo 00:04:14
Vamos a abrir el primero que tenemos 00:04:20
Vale, entonces tenemos M1 00:04:26
Que es este 00:04:40
Ahora vamos abriendo los otros como capas 00:04:43
Hay que tener un mínimo de tres 00:04:46
Vale 00:04:52
Bueno, tenemos los cinco 00:04:53
Y la primera cosa que tenemos que hacer 00:05:19
es que todas las capas 00:05:23
tienen que tener más o menos el mismo tamaño 00:05:27
tienen que coincidir porque el efecto 00:05:28
que le queremos dar al emoji 00:05:31
pues así nos lo exige 00:05:32
aquí tenemos todas las capas 00:05:34
lo primero vamos a ir viendo que sean todas 00:05:42
más o menos del mismo tamaño porque si no 00:05:45
habrá que escalar y recortar 00:05:47
para que sean todas del mismo tamaño 00:05:49
entonces empezamos por ejemplo 00:05:50
esta, si sobre esta 00:05:53
superpongo esta, está claro que 00:05:55
esta no es del mismo tamaño 00:05:57
Entonces vamos a colocarnos sobre la capa y lo primero que vamos a hacer es escalar, porque en herramientas de transformación buscamos escalar y también lo que vamos a hacer es intentar que sea, vamos a recortarla un poco para que el fondo sea transparente y asegurar que está una superpuesta sobre la otra. 00:05:58
Entonces cogemos las 00:06:33
Yo siempre suelo coger el lazo 00:06:35
Si queréis coger las tijeras 00:06:40
¿Vale? 00:06:42
Cogemos nuestro lazo 00:06:43
Aquí vamos a tener que coger la tijera 00:06:47
Porque claro 00:06:55
Solo hay una 00:07:13
Que realmente va a estar de fondo 00:07:14
¿Vale? 00:07:16
Y todas las capas que están por encima de ese fondo 00:07:17
Pues un poco hay que asegurarse 00:07:20
de que están superpuestas 00:07:23
el efecto que queremos dar 00:07:27
es ese efecto de superposición 00:07:29
si no, pues no nos va a quedar muy bien 00:07:32
entonces por eso 00:07:35
el un poco recortar 00:07:37
y hacer que las capas vayan una encima de otras 00:07:39
si fuese un objeto, pues lo mismo 00:07:41
exactamente lo mismo 00:07:44
lo mismísimo que voy a hacer con esto 00:07:46
vale 00:07:48
y ahora pues lo que hacemos aquí 00:07:55
es selección, vamos a invertirla 00:07:58
y con una 00:08:00
goma de borrar o 00:08:02
si queremos con este mismo 00:08:04
vale 00:08:05
vamos a transformar 00:08:06
el color a color alfa 00:08:09
fijaros, aún así 00:08:11
ahora que hemos conseguido 00:08:19
esa transparencia 00:08:21
pues ahora sí que vemos que 00:08:23
necesitamos escalar un poquitín más 00:08:25
nos colocamos sobre la capa 00:08:26
volvemos a coger 00:08:30
las herramientas de transformación escalar 00:08:32
vamos a ver 00:08:37
bueno, porque si no lo escalamos bien 00:08:39
y vamos también 00:08:48
a recortar un poco 00:08:59
bueno, es que está un poquito 00:09:00
es que está, se queda a veces 00:09:24
que se queda 00:09:27
yo lo que diría es que esta 00:09:28
que ya tenemos, la escalaría 00:10:03
un poquito y también habría que recortarla. Vamos a recortarla primero. Pues lo mismo que hemos 00:10:06
hecho con esta hay que hacer con las otras capas. Vamos a ver si consigo escalar hasta el punto de 00:10:57
que me coincida en tamaño. Bueno, más o menos. Bueno, pues lo mismo que hemos hecho con esta, 00:11:09
tenemos que hacer con el resto 00:11:34
aquí por lo mismo 00:11:36
tendríamos aquí herramientas de selección 00:11:41
cogeríamos 00:11:43
no sé si el lazo me deja 00:11:44
si no me deja el lazo con la tijera 00:11:47
vale, aquí parece que me deja el lazo 00:11:49
también si queréis 00:11:52
a ver, teniendo en cuenta 00:12:05
que esto está muy blanquito 00:12:07
podéis ir directamente 00:12:09
a coger el blanco 00:12:10
y cambiarle de blanco al color azul 00:12:12
vale 00:12:15
de todas formas esta también necesita 00:12:16
que se la escale un poco porque está muy 00:12:20
vamos a ver si está 00:12:23
la de recortar 00:12:33
vamos a recortar un poco 00:12:35
y vamos a escalarla un poco 00:12:36
porque bueno 00:12:47
estamos teniendo también un efecto como de 00:13:24
más o menos ahí 00:13:27
para que vayan un poco 00:13:34
una superpuesta sobre la otra 00:13:38
por lo mismo que la siguiente 00:13:40
cogeríamos 00:13:43
y le diría coloras 00:13:48
y ahora pues cogeríamos la capa 00:13:53
y la escalaríamos para que vaya todo 00:14:00
al mismo 00:14:02
al mismo tamaño 00:14:03
bueno luego voy a tener que mover 00:14:05
vale, aquí vamos a moverla un poco 00:14:36
bueno ya tenemos unas cuantas capas 00:14:41
vamos a recortar 00:14:46
para que quede todas más o menos 00:14:48
al mismo 00:14:49
tamañito 00:14:50
queda una cara pero bueno 00:14:52
se pone todo al mismo tamaño 00:15:47
vale, entonces hay que recortarlas 00:15:49
todas al mismo tamaño 00:15:54
y quitar 00:15:55
solamente dejar uno de 00:15:57
uno de tres, bueno, ya tenemos 00:16:01
todas las capas, bueno, nos quedaría 00:16:04
esta, esta sin hacer 00:16:06
que es el emoji inicial 00:16:08
vamos a coger 00:16:13
bueno, podría haber recortado antes 00:16:14
a escalar un poco 00:16:32
a escalar un poco también 00:16:46
Bueno, aquí tenemos entonces todas las capas 00:17:01
Que podemos ir pasando y lista 00:17:14
Esta es una 00:17:17
Esta va sobre esa 00:17:22
Es sobre esa 00:17:25
Esta y sobre esta 00:17:27
¿Vale? 00:17:30
Intentar en la medida de lo posible 00:17:31
Que os coincidan por lo menos las caritas 00:17:33
En tamaño y en 00:17:36
Posición 00:17:43
Coincidan las caritas porque es lo que tiene más sentido 00:17:43
Es bueno 00:17:46
también otra cosa que es bastante buena 00:17:48
para que quede mejor la animación 00:17:50
ir definiendo diferentes 00:17:52
a hacer por ejemplo 00:17:54
cambiarle un poquito también 00:17:57
la transparencia a las capas 00:17:58
el grado de opacidad 00:18:00
que no sea al 100% 00:18:02
tampoco es que 00:18:04
pero si vamos a bajarle un poquito 00:18:06
si queréis 00:18:09
alguna que queréis 00:18:17
que sea 00:18:18
alguna que queréis que resalte 00:18:19
sobre el resto pues le ponéis 00:18:23
más opacidad 00:18:24
pero es bueno 00:18:27
que no tengan todas 00:18:29
por ejemplo aquí es a lo mejor 00:18:31
pues ponerle un poco más de opacidad 00:18:33
pero si que es bueno 00:18:35
cambiar un poquito las campas 00:18:37
ya tenemos nuestro emoji 00:18:39
montado 00:18:41
para crearlo 00:18:42
tenemos que ir 00:18:46
a exportar como 00:18:49
vale 00:18:50
Y de todos los que tenemos aquí 00:18:52
Tenemos que escoger 00:18:55
GIF 00:18:56
A ver 00:19:00
Aquí entonces voy a guardar 00:19:19
Vale, entonces 00:19:21
Seleccione tipo de archivo 00:19:23
Por interés 00:19:26
Y entonces aquí 00:19:27
Vale 00:19:28
Y ahora de aquí tenemos que buscar 00:19:56
La extensión GIF 00:19:58
Esta que tenemos aquí, vale 00:20:00
Entonces 00:20:22
al darle a exportar 00:20:24
ya nos dice directamente 00:20:27
que nos la va a recortar 00:20:38
lo primero que vamos a hacer 00:20:39
es entrelazar 00:20:42
como animación 00:20:43
y aquí tenemos bucle perpetuo 00:20:47
¿eso qué significa? porque cuando llega a la última 00:20:50
comienza a trazar a la siguiente 00:20:52
luego esto es interesante 00:20:53
esto habrá que ajustarlo 00:20:55
un poco a ojo 00:20:58
vamos a ponerlo allí 00:21:00
residuo de cuadros, pues por ejemplo no importa 00:21:01
Usar retraso introducido más arriba 00:21:04
Para todos los cuadros 00:21:06
Usar residuo introducido más arriba para todos los cuadros 00:21:07
Esto, si queréis 00:21:09
Esto da distinto carácter 00:21:12
Después de que tengáis todo 00:21:14
Le dais exportar 00:21:16
Y se os habrá creado la imagen 00:21:17
O sea, aquí en exportar 00:21:30
Bueno, también es bueno muchas veces 00:21:31
Venir aquí 00:21:34
A la parte de filtros 00:21:36
¿Vale? 00:21:38
Y aquí en filtros 00:21:40
podéis escoger alguno de los filtros, este filtro por ejemplo de animación 00:21:42
que nos permite fundir 00:21:46
esto también mejora mucho la calidad de la animación 00:21:49
por ejemplo, el fundir, fotogramas 00:21:55
intermedios, lo que hace es crear fotogramas intermedios en bucle 00:22:00
le vamos a dar a aceptar 00:22:03
de tal manera que si ahora otra vez volvemos a filtro, animación 00:22:08
Y queremos ver 00:22:14
Como nos ha quedado 00:22:17
Veríamos como nos ha quedado 00:22:18
Y ahora ya a partir de aquí 00:22:27
Lo exportamos 00:22:30
Hacemos la exportación 00:22:32
GIF 00:22:46
¿Vale? 00:22:48
Y hacemos lo que hemos visto antes 00:22:54
Le ponemos como animación 00:22:56
Bucle, bucle perpetuo 00:23:00
Milisegundos 00:23:02
Y vamos a exportar 00:23:04
Y ahora desde donde lo hemos creado y lo hemos guardado 00:23:06
Aquí tenemos un GIF, tenemos dos 00:23:13
Un M1 y otro sin nombre 00:23:30
Vamos a ver la diferencia 00:23:33
Para abrirlo con un navegador 00:23:36
Este va muy deprisa, pero efectivamente es un emoji 00:23:41
Muy deprisa habrá que ralentizarlo mucho 00:23:45
No es que tenga muy buena calidad, pero bueno 00:23:48
va demasiado deprisa 00:23:50
hay que ponerle más lento 00:23:53
y el otro 00:23:54
va mucho más lento 00:23:57
y tiene imágenes intermedias 00:24:00
es la diferencia que hay entre poner un filtro 00:24:02
y no ponerle 00:24:05
y bueno yo lo 00:24:06
le interesaría todavía más 00:24:08
y se mejoraría mucho 00:24:11
veis que aquí hay capas intermedias 00:24:13
es mucho más 00:24:15
suave la fusión 00:24:17
podéis usar globos 00:24:18
podéis usar otros tipos de filtro 00:24:20
este con filtros va bien 00:24:22
y habría que hacer más retardo 00:24:24
que vaya un poco más lento 00:24:26
pues esto es 00:24:27
aquí tendríamos ya creado 00:24:30
nuestra animación 00:24:32
si por ejemplo tenemos el efecto 00:24:33
de un globo que se va moviendo pues mucho mejor 00:24:36
sinceramente 00:24:38
queda mejor si ponemos menos capas 00:24:40
he puesto demasiadas 00:24:42
entonces sería mejor hacer menos capas 00:24:43
y ya está 00:24:45
con esto es lo que tenemos 00:24:47
en la animación de hoy 00:24:50
espero que os haya gustado 00:24:52
Idioma/s:
es
Autor/es:
Isabel Lafuente
Subido por:
Isabel L.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
84
Fecha:
15 de noviembre de 2021 - 15:57
Visibilidad:
Público
Centro:
IES JOSÉ SARAMAGO
Duración:
24′ 55″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
108.33 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid