A1 - Controls bàsics

Wick Editor és una aplicació en la que podem construir animacions en 2 dimensions. En primer lloc ens hem de descarregar l'aplicació des del següent enllaç.

Si estem en Lliurex o un entorn Linux hem de fer botó dret sobre el fitxer i afegir-li permisos d'execució. Una vegada fet, ja podrem executar l'aplicació i veurem l'entorn principal:

Per veure totes les ferramentes de les que disposem anem a fer una animació d'una pilota que cau al terra, rebota i torna al mateix lloc. Per crear la pilota en el centre podem utilitzar la barra de ferramentes.

D'esquerra a dreta tenim les ferramentes següents:

1. Selecció: podem seleccionar diferents elements del canvas (el canvas és el pla de l'animació, el quadre gran blanc)

2. Pinzell

3. Llapis

4. Goma d'esborrar

5. Quadrat

6. Cercle

7. Línia

8. Camins, ens permetrà modificar un element que hajam creat (pots anar provant-ho)

9. Text

10. Poal de pintar

11. Capturador de color (ens capturarà un color que estiga al canvas)

Per tant, anem a dibuixar una pilota amb el pinzell. Fixa't que quan selecciones el pinzell apareixen unes altres opcions: color de fons, color de la vora, grossor de la línia, curvatura de la línia, etc.

Selecciona els colors que vulgues, canvia el grossor a 10 i la curvatura a 50 i fes una pilota com en l'exemple:

Ara anem a fixar-nos en la part inferior del programa.

Ací podràs veure un primer element que s'anomena Layer. Si fas clic en la part dreta li podrem canviar el nom a pilota. Aquesta serà la capa on estarà la pilota. Si hi haguera més elements, creariem més capes per poder tindre cada element per separat i que puguen fer accions diferents.

La seqüència de números que apareix començant per l'1 són els frames de la nostra animació. Cada frame és una foto que s'executarà en l'animació que per defecte està posat perquè càpiguen 12 per segon.

Per tant, si la pilota ha de caure al terra, rebotar i tornar a la part de dalt, haurà d'aparèixer en diferents posicions en els diferents frames. Per exemple, els 3 primers frames podrien ser:

Com veus, en cada frame la pilota ha anat baixant.

Per ajudar-te, fes clic a l'opció Onion Skinning que et permetrà veure la silueta de l'element que estàs modificant del frame anterior i del de després:

També tenim altres opcions al nostre abast per confeccionar els frames. Aquests són esborrar, copiar, apegar, desfer i refer. Recorda que pots copiar l'objecte i apegar-lo amb CTRL+C i CTRL+V.

Ara fes que la pilota arribe al terra i al frame 12 tinga l'aparença següent de que està rebotant.

Després que torne a dalt fins el frame 22 (pots copiar el frame 11 al 13, el 10 al 14...). Fins obtindre el següent:

Guardar el projecte i exportar són dos coses diferents:

• Guardar el projecte és guardar tota la configuració d'elements, frames, etc del wick editor

• Exportar és obtindre el resultat final de la nostra animació

Per fer els dos hem d'accedir a la part superior on apareix export i save. Export ens permetrà obtindre el resultat final i Save per a guardar el projecte de Wick.

Si fem clic a save es generarà un fitxer que acabarà en .wick, aquesta serà l'extensió. Ara, guarda el projecte i quan es descarregue canvia-li el nom a 1_pilota.wick

Per obtindre el resultat final, que serà l'animació anem a exportar (export) i ens apareixen diferents opcions. La que volem ara és GIF, que és el format d'imatge animada.

Per a tots els exercicis i les pràctiques com l'anterior, anem a entregar tots els fitxers que generem a aules.

També al blog, es crearà una pàgina nova per a la Unitat 3 - Animació 2D on s'aniran afegint totes les pràctiques que es faran.

Afig un text de tipus TITOL que se diga Controls bàsics i fes que tinga l'aparença Emfasi 2.

Afig un text de tipus SUBTITOL que se diga Exercici 1 i fes que tinga l'aparença Emfasi 1.

Puja la imatge que has exportat (gif).

Utilitzant el mateix projecte de la pilota, has de fer que aquesta, vaja rebotant cada vegada menys fins que es quede queta al terra. Mira l'exemple:

Crea un projecte nou i fes que aparega una persona i que es moga de la part esquerra del canva fins la dreta. Però que a mitad pantalla es pare i salude a l'espectador. El moviment de caminar és el següent:

El resultat de caminar seria aquest (recorda que et faltaria afegir que salude a l'espectador)

Fes que dos personatges es passen la pilota.