Come animare un disegno con Vectorian Giotto

tramite: O2O
Difficoltà: media
16

Introduzione

Vectorian Giotto è un programma open source che ci permetterà di capire come animare un disegno e salvarlo in formato SWF, formato supportato da Flash. Il programma è scaricabile all'indirizzo vectorian. Com. Una volta scaricato il programma dal sito, seguite passo per passo l'installazione e guidata. Al termine il programma sarà pronto per essere lanciato. Pronti a cominciare!

26

Occorrente

  • PC, mouse, schermo abbastanza grande, connessione a Internet
36

Le impostazioni

Cliccate sull'icona blu che trovate nel vostro menù di avvio o sul desktop, a seconda delle impostazioni utilizzate durante l'installazione e attendete il caricamento del programma. Una volta aperto il programma ci troviamo davanti il nostro foglio di lavoro al centro, sul quale sarà possibile disegnare (vedi foglio). Al di sopra del foglio di lavoro si trova la barra per controllare l'animazione. Con l'aiuto di uno degli strumenti che si trovano nella barra degli strumenti sulla sinistra possiamo iniziare a tracciare il nostro disegno per procedere poi all'animazione. Possiamo definirne colore, e dimensioni a nostro piacimento attraverso l'uso degli appositi pannelli ai lati del foglio di lavoro.

46

I fotogrammi

L'animazione con Vectorian Giotto è eseguita con fotogrammi, quindi l'insieme dei fotogrammi andranno a rappresentare l'immagine animata. Il disegno da noi creato si posiziona di default sul frame 1, se vogliamo che l'oggetto sia visibile anche su altri fotogrammi basta premere sul fotogramma corrispondente col tasto destro e spuntare la voce Insert Keyframe. In corrispondenza di ogni punto in cui inseriremo un novo keyframe spostiamo l'oggetto secondo il percorso con cui vogliamo che venga realizzata l'animazione. In questo modo potremo vedere, posizionandoci sul primo fotogramma e premendo play, il nostro oggetto muoversi all'interno del foglio di lavoro.

Continua la lettura
56

Salvataggio del file

Ora non resta altro da fare che salvare il file. Se preferiamo salvare il progetto per poi continuare a lavorarci in un secondo momento basta posizionarsi con il mouse su file, scegliere SAVE e immettere la cartella di destinazione. Se invece vogliamo salvare il nostro lavoro come immagine da dover inserire per esempio nel nostro sito web basterà selezionare l'opzione EXPORT FLASH MOVIE dal menù file e scegliere la cartella di destinazione in cui salvare il nostro lavoro. In questo modo il lavoro è completato. Ovviamente sempre con gli stessi trucchetti e un po' di pazienza si potranno arrivare a creare animazioni sempre più complesse che ci consentiranno di abbellire i nostri siti web online. Buone animazioni a tutti!

66

Consigli

Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Software

La quotatura di un disegno con Autocad

Qualsiasi disegno rappresentato a mano o con l'ausilio di Autocad va corredato con alcune indicazioni dimensionali, cioè con delle quote. La quotatura completa si fa generalmente per un disegno di dettaglio, per esempio in scala 1:50. Per gli altri tipi...
Software

Come creare un programma per il disegno

Grazie all'informatica è ormai possibile creare software e applicazioni di qualsiasi tipo, capaci di fare le cose più disparate. Sono moltissimi ormai i linguaggi di programmazione che consentono lo sviluppo di queste app, da Python ai più classici...
Software

Come trasformare una foto in un disegno

Quante volte avreste voluto fare uno scherzo ai vostri amici facendogli credere che foste dei disegnatori eccezionali? Oggi fare questo scherzo non è poi così difficile; infatti se siete muniti di un computer potrete trasformare una foto in un disegno...
Software

I 5 migliori programmi di disegno tecnico

Sei un architetto e sei alla ricerca di un programma per disegno tecnico? Questi programmi sono molto utili e comodi nel aiutarti a rendere la tua attività professionale più efficiente. Autocad in questo settore rappresenta lo standard industriale,...
Software

Come mettere in scala un disegno su Autocad

In questa guida, vi spiegherò come mettere in scala un disegno con il programma AutoCAD. In esso, esiste la voce specifica "Scala" che permette di ingrandire o ridurre proporzionalmente un certo oggetto. Il procedimento non è molto semplice da capire...
Software

Come colorare un disegno con Photoshop CS5

In questo Tutorial descriveremo come colorare un disegno con l'utilizzo del software più conosciuto di grafica ossia Photoshop, useremo in questo caso la versione CS5, che differisce di poco da quelle precedenti. Il metodo che utilizzeremo permetterà...
Software

Come creare un effetto disegno con Photoshop

Hai da parecchio tempo una foto che hai scattato durante un tuo viaggio in una bellissima località e vorresti trasformarla in quadro da attaccare sud una parete del tuo soggiorno, però i colori della foto non sono abbinabili al tuo arredamento....
Software

Come creare animazioni con Photoshop

Non in molti lo sanno, ma con Photoshop è possibile anche animare i vostri disegni trasformandoli in un filmato. Per avere disponibili queste funzioni, è consigliabile essere in possesso della versione più recente di Adobe Photoshop o comunque una...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.