Tutorial Scratch: Animare una parola (Motion Graphic)
Channel: Raffaella Cropanese
Date: 16/04/2019

Tutorial Scratch: Animare una parola (Motion Graphic)

Progetto: Motion Graphic I♥ FEMINISM

1. Apri il programma Scratch ed elimina lo sprite del gatto: seleziona e clicca su X in alto a destra dello sprite.

2. All'interno della galleria di sprite predefiniti, seleziona e inserisci gli sprite delle lettere che compongono la parola I♥ FEMINISM. Puoi scegliere l'insieme delle lettere tra diversi formati e colori. Poi dai un nome e dimensione desiderata agendo sulla scheda
che si apre in alto selezionando ogni singolo sprite.

3. A questo punto, posiziona nel modo desiderato gli sprite sullo sfondo in modo da scrivere correttamente la parola.

4. Per mettere uno sfondo al progetto, seleziona l'oggetto corrispondente allo stage e scegli uno sfondo dalla libreria associata a scratch. Seleziona, per esempio, lo sfondo
chiamato "Rays". Se vuoi puoi modificare il colore predefinito, io l'ho impostato in modo da risultare rosa tendente al violaceo.

5. Prima di continuare, ricordati di salvare sempre il tuo lavoro attraverso il comando SALVA SUL TUO COMPUTER che trovi nel menu a discesa chiamato FILE in alto a sinistra della videata.

6. Seleziona uno alla volta gli sprite corrispondenti alla lettere e associagli il codice nell'area che trovi al centro della videata. Trascina i blocchi scelti (Situazioni: colore giallo; Controllo: colore arancione; Aspetto: colore viola; Operatori: colore verde;) dalle
diverse categorie e posizionali uno sopra l'altro componendo il codice che permetterà di animare ciascuno sprite. Inizia con il codice associato allo sprite della prima lettera I.

7. I codici associati agli sprite delle altre lettere sono praticamente uguali. L'unica cosa che varia riguarda il tempo di attesa che aumenterà di un secondo per ogni singolo sprite che compone in sequenza la parola I♥ FEMINISM. In questo modo, vedrai comparire le singole lettere a distanza di un secondo una dall'altra, per poi vederne modificare casualmente, sempre in sequenza, il colore.

8. Per concludere, dopo aver selezionato l'oggetto stage, associa anche allo sfondo questo codice in modo da renderlo animato.

9. Per rendere interattivo il cuore, puoi aggiungere questo codice. Ogni volta che si clicca sopra, questo si ingrandirà e rimpicciolirà automaticamente.

10. Ed ecco il risultato finale che ottieni quando fai clic sulla bandierina verde per far
partire il programma.