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.

Come aggiungere miniature alle categorie e tag di WordPress

A volte un sito WordPress sarà molto più bello se potessimo visualizzare un'immagine accanto a categorie o tag. Ad esempio, potremmo aggiungere un'immagine sui CSS nella categoria "CSS" o il logo HTML5 nella categoria "HTML" (come mostrato di seguito).Tornato nella versione 2.9

(Consigli tecnici e di design)

Impressionante Leaf Art di Lorenzo Manuel Durán

Lorenzo Manuel Durán è un artista autodidatta dalla Spagna che ha iniziato con dipinti ad olio su tela. Un giorno è stato ispirato da un bruco mangiatore di foglie per passare invece alle tele a foglia ! Le prove iniziali si sono concluse con un sacco di foglie "ferite" che finiscono nella spazzatura ma dopo un po ', Lorenzo ha potuto creare capolavori frondosi a livello chirurgico con solo strumenti dentali, un bisturi e le sue mani (scopri di più sul processo che ha usa qui).Lor

(Consigli tecnici e di design)