Saltar navegación

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

Tutorial de Genial.ly: Animaciones

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 4 de abril de 2017 por Rosario F.

710 visualizaciones

Tutorial de Genial.ly: Animaciones

Descargar la transcripción

Lo siguiente que vamos a hacer es animar algunos de los elementos que hemos añadido al paisaje. 00:00:00
Para animarlo, fijaros que tenemos aquí este apartado que pone animación, 00:00:06
con lo cual yo voy a seleccionar el elemento que quiero animar 00:00:10
y al darle ahí me va a aparecer la ventana correspondiente a todos los efectos. 00:00:14
Fijaros que el comportamiento del elemento yo lo puedo definir cuando entre, 00:00:19
es decir, cuando se carga el paisaje, cuando me vaya del paisaje, 00:00:24
todo el rato, que no pare, continuo 00:00:27
y cuando el ratón pase por encima 00:00:30
y también puedo definir la dirección del efecto 00:00:31
vamos a coger 00:00:34
una de las casas 00:00:36
para que sea más sencillo de ver 00:00:38
si yo le digo que sea continuo 00:00:40
y que sea de un bote 00:00:42
pues fijaros que ya en la pantalla 00:00:43
lo podéis ver, la casa está 00:00:46
botando, si le doy sacudir 00:00:48
o tachán, o entrada y salida 00:00:50
podéis ir viendo 00:00:52
todos los elementos 00:00:54
como los podemos ir animando 00:00:56
me imagino que a medida que le voy dando 00:01:00
vais reconociendo algunas de las animaciones 00:01:04
que os habíamos puesto en el paisaje del curso 00:01:06
nosotros hemos utilizado la mayoría de las veces 00:01:09
el comportamiento cuando el ratón pase por encima 00:01:12
fijaros que aquí tenemos algunos más 00:01:16
entonces simplemente le vamos a dar aquí 00:01:18
este de Tachán 00:01:21
que es uno de los que a mí me gusta 00:01:24
y sería solamente se va a animar cuando el ratón pasa por encima 00:01:25
también si os ha gustado uno de los animaciones podéis copiarlo 00:01:30
y ya simplemente seleccionando los elementos a animar podéis pegar 00:01:38
y no tenéis que andar volviendo a configurar todos ellos 00:01:44
fijaros que también podéis decidir cuando se inicia el efecto 00:01:47
si tiene cierto retardo y la velocidad 00:01:51
Entonces, por ejemplo, vamos a animar el sol. El sol yo quiero que sea cuando se cargue el paisaje, que la dirección sea en esta dirección y lo que quiero es que se deslice. 00:01:53
Veis, si le ponemos que además vaya muy despacito 00:02:08
Vamos a verlo ahora 00:02:13
Si le damos a previsualizar 00:02:15
Vamos a poder ver como ha quedado nuestro paisaje 00:02:21
Veis que el sol se ha deslizado 00:02:25
Y tengo de continua, pues aquí la pobre casa 00:02:27
Con dos efectos 00:02:30
Uno, el continuo que es este que es elástico 00:02:32
Y cuando paso encima del ratón, pues que se tambalea 00:02:35
A mí los movimientos continuos no me suelen gustar mucho porque marean un poquito 00:02:38
Pero a lo mejor uno, como nos pasaba con el pajarillo de Twitter o el dragón que saludaba, pues puede ser interesante 00:02:44
Subido por:
Rosario F.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
710
Fecha:
4 de abril de 2017 - 19:47
Visibilidad:
Público
Centro:
Sin centro asignado
Duración:
02′ 56″
Relación de aspecto:
1.34:1
Resolución:
1164x868 píxeles
Tamaño:
14.64 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid