Animació: Cantant i Ballant amb Coldplay

L'objectiu d'aquest projecte és crear una animació on el teu cantant preferit balla amb un escenari d'estadi de fons, tot això acompanyat del grup Coldplay. Recorda que has d'entregar al Classroom dos fitxers: l'arxiu STK (per a mòbil) i l'arxiu PIV amb l'animació.

Passos per crear l'animació

1. Selecció i preparació de la imatge:
   • Escull una imatge del teu cantant preferit amb una bona resolució.
   • Assegura't que la imatge té un fons prou neutre per facilitar el retallat.
2. Retallar les parts amb GIMP:
   • Obre la imatge a GIMP i afegeix el canal alfa (Capes > Transparència > Afegeix canal alfa).
   • Utilitza l'eina Llaç per seleccionar i retallar les parts del cos (cap, braços, cames, etc.).
   • Desa cada part com a imatge PNG amb transparència.
3. Importar a Pivot Animator:
   • Obre Pivot Animator i utilitza l'opció Cargar Sprite per carregar les parts retallades.
   • Ajusta els punts d'articulació per assegurar una connexió correcta entre les parts del cos.
   • Si cal, duplica parts o ajusta la mida dels punts d'articulació per aconseguir moviments més naturals.
4. Afegeix el fons:
   • Carrega una imatge d'un estadi que servirà de fons per a l'animació.
   • Verifica que la resolució del fons sigui compatible amb la figura animada.
5. Animació i sincronització:
   • Anima la figura fent que realitzi moviments de ball que s'adaptin a la música.
   • Utilitza la línia de temps de Pivot Animator per coordinar els moviments amb la música de Coldplay.
   • Afegeix efectes com variacions de velocitat o transicions suaus si ho consideres necessari.
6. Exportació de l'animació:
   • Desa el projecte com a arxiu STK (per a dispositius mòbils) i com a arxiu PIV (per a la presentació).
   • Exporta també una versió final en format GIF o vídeo (WMV) segons les especificacions indicades pel professor.

Recorda: Has d'entregar al Classroom tant l'arxiu STK com l'arxiu PIV amb l'animació.

Recursos Addicionals

Si tens dubtes sobre el procés, pots consultar aquest vídeo tutorial que explica com crear figures multi-sprite a Pivot Animator:

Tutorial: Ús avançat de GIMP i Pivot Animator

Aquest tutorial molt detallat t'explicarà com preparar i animar figures utilitzant GIMP i Pivot Animator. Aprendràs a:

• Utilitzar les eines avançades de GIMP per retallar i corregir parts del cos.
• Resoldre problemes de solapament entre parts, esborrant i completant àrees conflictives.
• Configurar correctament els pivot points (punts grocs, vermells i blaus) a Pivot Animator per aconseguir un moviment natural i dinàmic.
• Afegir un fons (per exemple, un estadi) que completi l'escenari de l'animació.

---

Part 1: Ús avançat de GIMP

1.1 Selecció i retallat de parts

1. Obrir la imatge: Inicia GIMP i obre la imatge del teu cantant preferit amb File > Obre.
2. Afegir canal alfa: Per garantir la transparència, ves a Capes > Transparència > Afegeix canal alfa.
3. Seleccionar les parts: Utilitza l'eina Llaç (o Selecció lliure) per marcar la part que vols retallar. Fes zoom per marcar amb precisió.
4. Crear la selecció: Un cop seleccionada la zona, ves a Imatge > Escapça a la selecció per delimitar la part.
5. Esborrar l'excés: Si hi ha zones no desitjades o que solapen altres parts, utilitza l'eina Borrador per eliminar-les amb cura.

1.2 Correcció de solapaments

Quan dues parts es solapen, poden aparèixer problemes com transparències inesperades o contorns irregulars. Per solucionar-ho:

1. Identificar la zona conflictiva: Amplia la imatge per observar on una part solapa l'altra.
2. Esborrar la zona problemàtica: Utilitza l'eina Borrador amb una mida i duresa adequada per eliminar només la part innecessària.
3. Omplir amb clonació o retocat:
   • Fes servir l'eina de Clone Tool per copiar textura o color d'una zona propera i omplir l'àrea esborrada.
   • També pots provar l'eina Heal Tool per suavitzar la transició i fer-la més natural.
4. Revisar el resultat: Fes un zoom per comprovar que la zona retocada es fusiona bé amb la resta de la imatge.

1.3 Exportació de les parts

Un cop preparades, desa cada part com a imatge PNG per conservar la transparència:

1. Ves a File > Exporta com....
2. Tria el format .png i guarda la imatge amb un nom descriptiu (per exemple, braç.png).

---

Part 2: Configuració d'articulacions a Pivot Animator

2.1 Importació de sprites

1. Obre Pivot Animator i selecciona l'opció Cargar Sprite per importar cada imatge PNG.
2. Col·loca cada part en la posició correcta per formar la figura completa.

2.2 Entendre els pivot points

Pivot Animator fa servir tres tipus de punts d'articulació per connectar les parts de la figura:

• Punt Groc: És el pivot principal de cada sprite. Aquest punt és el que es mou primer i serveix de centre d'articulació. Normalment es col·loca en punts clau com l'espatlla o el coll.
• Punt Vermell: S'utilitza per connectar parts de manera secundària. Aquests punts permeten duplicar o ajustar la connexió entre parts. Si necessites duplicar una part, mantingues premuda la tecla Majúscules mentre fas clic sobre el punt vermell.
• Punt Blau: Indica la ubicació on la peça ha de connectar-se amb una altra. Aquest punt ha d'alinear-se amb el punt vermell o groc de la peça adjacent per garantir un moviment fluït.

2.3 Connexió i moviment dinàmic

1. Col·loca correctament els pivot points: Arrossega el punt groc a la ubicació natural de l'articulació (per exemple, en el braç, el punt groc ha d'estar a l'espatlla). Així es garanteix que quan la peça es mou, el moviment sigui realista.
2. Connecta els punts entre parts: Ajusta els punts vermells i blaus perquè coincideixin entre elles. Això assegura que, en moure una part (com un braç), la connexió amb el tronc o l'espatlla sigui coherent.
3. Prova el moviment: Utilitza la funció de preview de Pivot Animator per moure la figura i verificar que no apareguin espais buits ni moviments erràtics.
4. Ajusta la dinàmica: Experimenta modificant lleugerament la posició dels punts fins aconseguir que la figura es mogui de manera natural.

2.4 Afegir el fons a l'animació

Per donar més realisme a la teva animació, pots afegir un fons (per exemple, un imatge d'un estadi). Segueix aquests passos:

1. Seleccionar la imatge de fons: Tria una imatge d'un estadi o d'un escenari que s'adapti a la temàtica.
2. Importar el fons: A Pivot Animator hi ha una opció per carregar un fons (sovint anomenada Load Background). Selecciona la imatge i ajusta-la perquè cobreixi tota la zona de treball.
3. Ajustar el fons: Si cal, edita la imatge amb GIMP per millorar la seva resolució o il·luminació, assegurant que la figura animada destaqui.

---

Conclusió

Amb aquest tutorial has après a:

• Utilitzar GIMP per retallar, corregir solapaments i exportar les parts del cos amb transparència.
• Configurar els pivot points (grocs, vermells i blaus) a Pivot Animator per connectar les parts de manera dinàmica i natural.
• Afegir un fons que complementi l'escenari de la teva animació, millorant-ne l'impacte visual.

La clau per a una animació exitosa és la precisió en el retallat i la correcta alineació dels pivots, així com la paciència per experimentar amb diferents configuracions fins a obtenir el resultat desitjat.