En esta actividad trabajaremos sobre el logo creado en la anterior actividad con Inkscape y conseguiremos la siguiente animación:
NOTA IMPORTANTE: SI NO SE IMPORTA EL LOGO EN WICK EDITOR es muy probable que sea porque hay alguna agrupación de objetos que hay que deshacer (parece ser un bug de Wick Editor). Asegúrate de que las 3 "patas" del logo no estén agrupadas en Inkscape y de que la parte inferior del logo tampoco lo esté. SOLO DEBEN ESTAR AGRUPADOS los triángulos para formar el romboide de cada pata.
Para desagrupar un grupo de objetos, hacemos clic derecho y "Desagrupar"
Estos son los únicos grupos que deberías tener en tu dibujo:
Como has hecho en anteriores actividades, separarás el dibujo en sus componentes esenciales. Selecciona primero el dibujo y haz clic en "Break apart". Después, selecciona cada romboide y sepáralo también en 2 triángulos, haciendo clic en "Break apart".
A continuación, separa cada objeto en su propia capa. Para ello, deberás crear las siguientes capas:
6 capas para los triángulos (numéralas como "triang. 1", "triang. 2", "triang. 3"...)
1 capa para el texto "MITSUBISHI MOTORS"
1 capa para el texto del autor (tu nombre y apellidos)
Una vez has hecho esto, corta y pega (o si no funciona, copia, borra de la capa original y después pega en la otra capa) cada triángulo en la capa que le corresponda. Fíjate cómo hacer en el siguiente vídeo cortito (< 2min):
4. A continuación tenemos que comenzar con las animaciones.
La primera animación que tienes que realizar consiste en:
En el frame 1 los triángulos están todos ellos dispersos por el dibujo y con opacidad 0 (transparencia total).
En el frame 20 los triángulos están en la posición que les corresponde en el logo y con opacidad total (sin transparencia).
En el frame 1 el texto "MITSUBISHI MOTORS" está fuera del dibujo por abajo.
En el frame 20 el texto "MITSUBISHI MOTORS" está justo debajo del logo.
Estas animaciones las deberás hacer utilizando tweens (como hiciste en anteriores actividades).
RECOMENDACIÓN IMPORTANTE: primero de todo, añade los 2 tweens (uno en el frame 1 y otro en el frame 20), y después realizas las modificaciones necesarias en el frame 1 (es decir, en todas las capas debes mover en el frame 1 los triángulos de sitio, quitarles la opacidad...).
A continuación tienes el ejemplo:
La siguiente animación consiste en:
Desde el frame 20 al 25 todos los objetos permanecen estáticos (es decir, no se mueven). Básicamente, tendrás que añadir un tween en el frame 25 en todas las capas para conseguir esto.
Desde el frame 25 al 30 los triángulos se vuelven a separar y se salen del dibujo, y van perdiendo opacidad a medida que ocurre esto (opacidad total en el frame 25 y opacidad 0 en el frame 30).
A continuación tienes el ejemplo:
Esta tercera y última animación consiste en:
En el frame 31 todos los objetos del dibujo deben estar colocados en la posición original del logo de nuevo. Esto lo puedes hacer copiando (en cada capa) el objeto del frame 25 y pegándolo en el frame 31, de tal forma que justo en ese frame ya volverán a estar en la posición original. Fíjate en cómo hacerlo:
En el frame 31 estarán los objetos en la posición correcta, pero con sin opacidad.
En el frame 31 es donde debemos escribir por primera nuestro vez el nombre y apellidos, y le damos opacidad 0.
En el frame 40 tanto el nombre y apellidos como los triángulos deberán tener de nuevo opacidad total (sin transparencia).
Estiramos desde el frame 40 hasta el 45 para que al final de la animación haya un tiempo donde podamos ver el resultado final del dibujo.
A continuación tienes el ejemplo:
Si todo ha ido bien, deberías haber conseguido una animación similar a la siguiente: