Adobe Edge, l’interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la creazione di animazioni HTML5

Adobe Edge (contratto in ‘Eg’), è un tool visuale per generare animazioni compatibili con i web standard “HTML5“, in modo veloce. Come ci si può facilmente aspettare, l’applicazione ricorda molto Flash Professional, ma per alcuni aspetti anche MS Expression Blend.

In questo articolo installeremo il software (attualmente la versione preview 1) e vedremo come creare una prima animazione.

Iniziamo con lo scaricare Adobe Edge, la procedura richiede l’accesso con credenziali agli Adobe Labs, una volta ottenuto il pacchetto per l’installazione lo decomprimiamo e lanciamo il setup.

Figura 1. Installare Adobe Eg
(clic per ingrandire)

Installare Adobe Eg

Finalmente lanciamo il programma e troviamo un’interfaccia con le caratteristiche più classiche per i software di animazione:

  • un pannello con lo “stage“
  • la timeline
  • il pannello proprietà
  • un pannello di navigazione tra gli elementi
  • una barra degli strumenti per selezionare elementi e tool di selezione

Figura 2. I pannelli di Adobe Eg
(clic per ingrandire)

I pannelli di Adobe Eg

Il primo approccio sembra piuttosto minimale, persino per una preview, ma iniziando a lavorare scopriremo altri elementi interessanti.

I Video di HTML.it

Decorare una immagine con Photoscape