Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Tutorial de Genial.ly: Animaciones
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:
Tutorial de Genial.ly: Animaciones
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