Creare un countdown in Flash
Lunedì, Dicembre 31st, 2007Mancano poche ore all’arrivo del nuovo anno. Ore in cui il pianeta Terra sarà impegnato nel completare il suo percorso orbitale, ed io non potevo concludere il 2007 in altro modo: guidandovi nella creazione di un coutdown in Flash!
La fonte di questo tutorial è kirupa.com, tuttavia ho tentato di crearne una versione semplificata e tradotta in italiano, quindi anche i principianti (come me
) possono cimentarsi nella creazione di un semplice countdown.
Iniziamo:
1 - Innanzitutto aprite un nuovo documento in Flash
2 - Create un nuovo Movie Clip (Inserisci>Nuovo Simbolo>Movie Clip; oppure Ctrl+F8) e, per questione d’ordine, denominatelo “Numeri”
3 - Adesso aggiungete un campo di testo statico (con le formattazioni che preferite) e inserite come testo il numero “0”
4 - Selezionate l’elemento, copiatelo (Ctrl+C), selezionate il frame successivo e create un fotogramma chiave, quindi premete Ctrl+Shift+V (con questa combinazione verrà incollato, nella stessa posizione, l’elemento precedentemente copiato) e modificate il testo sostituendo il numero “0” col numero “1”
5 - Ripetete il punto precedente fino ad ottenere dieci fotogrammi chiave con all’interno i numeri da 0 a 9, in ordine crescente.
6 - Tornate alla scena principale e trascinate il Movie Clip al suo interno trascinandolo dalla Libreria.
7 - moltiplicatelo fino ad ottenerne dodici (perchè il countdown comprende giorni, ore, minuti, secondi, e millisecondi) e disponeteli come mostrato nella figura seguente

8 - Ora bisogna modificare il “nome istanza” di ogni Movie Clip…la figura seguente mostra come nominarli…
![]()
(è anche possibile nominarli in maniera diversa, ma in tal caso si deve modificare il codice che andremo ad inserire, quindi se non si ha per niente familiarità col codice è consigliato utilizzare esattamente le denominazioni in figura)
9 - Al termine del passo precedente, selezionate tutti i Movie Clip e convertite in Simbolo (Modifica>Converti in Simbolo; oppure clicca F8, scegliete come tipo Movie Clip e per questione d’ordine nominatelo “Counter”. Infine inserite come
10 - Per rendere funzionante il nostro conto alla rovescia dobbiamo soltanto inserire il codice nel pannello Azione del frame.
Il codice da inserire è contenuto nel file di testo linkato di seguito, e al suo interno ho inserito anche le indicazione su come modificare la data di riferimento del countdown.
Scarica il codice per il countdown
Il conto alla rovescia adesso è funzionante!
Non vi resta che rendere graficamente gradevole l’animazione aggiungendo elementi come le indicazioni “giorni”, “ore”, “minuti”, “secondi”, e “millisecondi”…inserire puntini divisori tra i gruppi di cifre…creare un nuovo fotogramma chiave con una scritta di auguri.
Il limite è la vostra immaginazione
Per i più pigri ecco un countdown già pronto che aspetta solo di essere scaricato e personalizzato ![]()
Countdown pronto
Qui sotto potete notare un esempio del risultato di questo tutorial.
Questo countdown l’ho creato per la community adobesoftwares.com.
Se notate errori in questo tutorial oppure avete bisogno di chiarimenti, lasciate un commento senza esitare. Risponderò al più presto.
Buon anno! ![]()

