Creiamo il primo mini video con Adobe XD
Come esempio prenderemo in considerazione la grafica di un post di Thanks Design che mi riguarda.
Il risultato che andremo ad ottenere sarà il seguente:
Step 1
Il primo passaggio riguarda la realizzazione la grafica così come vogliamo che appaia al completamento dell’animazione. Chiamiamo questa tavola “schermata finale”. È importante che tutti gli elementi siano raggruppati in un macro gruppo, nel nostro esempio “group”, ci servirà nella fase di animazione.
Step 2
E’ necessario duplicare la tavola “schermata finale” in una seconda tavola identica “che chiameremo “schermata iniziale” (per duplicare una tavola basta cliccare sul titolo della tavola e trascinare tenendo premuto il tasto Option per Mac o Alt per Windows).
Step 3
Per ottenere un effetto di ingresso degli elementi caratterizzato da una serie di transizioni verticali e orizzontali, basterà trascinare gli elementi grafici al di fuori della tavola di disegno. Se vogliamo possiamo abbassare l’opacità degli elementi a 0 in modo da ottenere un effetto “fade-in”.
È importante che gli elementi siano raggruppati, altrimenti una volta trascinati fuori dalla tavola verrebbero esclusi da essa e non inclusi nell’animazione.