Crea animazioni vistose e interattive facilmente con Animatron

Alle persone piace spostare gli oggetti più di quelli statici. Ecco perché i video e l'animazione sono così famosi . Se si confrontano i due, l'animazione è più efficace con un semplice oggetto in movimento: è leggera sia per dimensioni che per larghezza di banda .

Nel web design, creare un'animazione molto semplice è davvero facile. Ci sono molti plugin utili che puoi usare. Ma quelli sono solo per quelli di base e non adatti se si desidera un video animato con molti fotogrammi. È qui che entra in gioco Animatron. È un'app web gratuita e facile da usare, pensata per semplificare il processo di animazione .

Animatron ti offre molte funzionalità e non ha bisogno del supporto di terze parti - nessun plugin, nessun download e nessuna programmazione richiesta. Supporta anche molti browser. Una volta terminato il montaggio, puoi pubblicarlo come video, GIF o HTML5 da incorporare nel tuo sito.

Iniziare

Per iniziare con Animatron, accedi semplicemente alla pagina dell'editor. Questo è il tuo spazio di lavoro e dove avviene tutto il processo di creazione dell'animazione.

Lo spazio di lavoro di Animatron e il processo che sta dietro funziona molto come gli altri strumenti di editor flash / video. Nella parte inferiore, puoi trovare il frame e il controllo del tempo . Qui è dove controllerai tutti i comportamenti di animazione, dal fotogramma chiave fino alla gestione audio.

C'è anche il controllo degli oggetti sulla sinistra per bloccare o rendere invisibile un oggetto, oltre a più funzioni. Prenditi il ​​tempo per testarli.

Sulla barra laterale sinistra, ci sono strumenti di modifica come Selezione, Lazo, Matita, Font, Pennello, Forma, Zoom e altro.

I controlli di riproduzione sono proprio sotto la tela. Per maggiori informazioni clicca sul punto interrogativo a destra dei controlli di riproduzione.

Nella parte in alto a sinistra della pagina, è disponibile un menu per ulteriori opzioni di progetto (nuovo, duplicato, cancella ecc.). Puoi anche importare contenuti qui. Supporta immagini, audio e file SVG.

Vuoi muoverti più velocemente? Vai a Aiuto> Mostra scorciatoie e vai in giro con le scorciatoie da tastiera.

Per pubblicare le opzioni sono nell'angolo in alto a destra della pagina. Puoi pubblicare le tue animazioni come HTML5, gif o video (ma devi prima registrarti).

Nel pannello di destra, vedrai funzionalità aggiuntive come gestione degli oggetti, controller di scena, commutatore di modalità di modifica e altro.

Tutorial video

La maggior parte del processo di creazione dell'animazione dipende dal controller del frame. Ottieni un assaggio di cosa può fare con i video tutorial disponibili sul blog di Animatron e questo link tutorial. Troverai tutorial video di base e di livello avanzato e aggiornamenti di informazioni su Animatron.

Pensieri finali

Anche se Animatron non costa nulla e non richiede abilità da usare, è necessario avere buone capacità di progettazione e preparazione per creare animazioni fantastiche. Una buona notizia è che Animatron supporta la collaborazione online. Tutto quello che devi fare è inviare il link del tuo progetto al tuo partner, quindi entrambi puoi lavorare sullo stesso progetto insieme.

Razionalizzazione del flusso di lavoro di sviluppo Web con Yeoman

Ci sono molti strumenti per creare applicazioni web, ma metterle tutte insieme e renderle idonee nel nostro flusso di lavoro potrebbe essere davvero ingombrante. Tendiamo anche a svolgere compiti ripetitivi quando creiamo app Web come la creazione di file, la creazione di cartelle, l'installazione di numerose librerie front-end

(Consigli tecnici e di design)

10 pacchetti Atom più utili per sviluppatori Web

Hai provato Atom? Anche se è abbastanza nuovo, molti si sono innamorati di Atom, un editor di testo realizzato da GitHub che offre molti vantaggi e soprattutto è gratuito per l'uso. Atom viene fornito con alcuni pacchetti integrati, come l'integrazione con Git e la visualizzazione ad albero.

(Consigli tecnici e di design)