Share
Nei primi giorni del web, l'animazione divenne nota per tutti quegli effetti goffi e complessi che potevano sembrare grandiosi ma lenti nel caricare e spesso confusi nell'uso.
Ma quando è usato nel modo giusto, l'animazione può essere uno strumento fantastico per i web designer da avere nel loro kit. Piccole quantità di movimento sottile e accattivante sono un ottimo modo per aiutare gli utenti a interpretare interfacce e orientarsi nel tuo sito o nella tua app.
Sei aggiornato con tutte le ultime tecniche di animazione web usando CSS, JavaScript, easing, SVG e framework speciali come la GreenSock Animation Platform?
Altrimenti, non preoccuparti: ecco nove corsi che ti insegneranno tutto ciò che devi sapere.
In questo corso, l'istruttore Envato Tuts + Craig Campbell ti mostrerà modi pratici per creare animazioni per pulsanti, tabelle dei prezzi e altri elementi web, utilizzando concise CSS e jQuery per farlo.
GreenSock è un framework JavaScript che facilita l'animazione di elementi HTML. Durante questo corso, farai i primi passi per imparare come usare questa potente struttura. Finché avrai una comprensione di HTML e CSS, insieme a una conoscenza di base di JavaScript, sarai dotato di tutto ciò che ti serve per seguire.
Questo corso è il seguito ideale per quello sopra elencato. In questo corso andrai oltre le basi dell'animazione di GreenSock mentre Envato Tuts + l'istruttore Craig Campbell ti porta in un tour dei plug-in forniti con GSAP.
Nel terzo corso GSAP, Craig Campbell ti guiderà attraverso tre progetti in cui imparerai come creare animazioni programmatiche, in scenari reali, utilizzando la piattaforma di animazione GreenSock. Imparerai come creare un preloader animato, un'animazione del logo SVG e un cursore del contenuto personalizzato.
SVG è un modo potente per creare grafica basata su vettori che ridimensiona in modo impeccabile. In questo corso, imparerai come utilizzare il framework JavaScript Snap.svg per creare, controllare e animare i tuoi SVG con facilità.
Un modo per respirare un po 'più di vita e un po' più di personalità nell'animazione sul web è sperimentare diverse impostazioni di easing. In questo breve corso di dieci minuti di pausa caffè con Guy Routledge, imparerai cos'è l'easing, perché è utile, come controllarlo e come applicarlo nel contesto dei CSS.
In questo corso Coffee Break, Craig Campbell ti mostrerà tutto ciò che devi sapere per iniziare rapidamente a creare animazioni usando le proprietà di transizione CSS. In soli dieci minuti, imparerai come creare movimento utilizzando nient'altro che alcune proprietà CSS.
Questo corso Coffee Break ti insegna come creare animazioni utilizzando il fotogramma chiave CSS e le proprietà di animazione. In soli dieci minuti, imparerai come creare animazioni nel browser senza dover fare affidamento su plugin esterni o estese programmazioni.
In questo corso imparerai come utilizzare dieci librerie CSS essenziali per i web designer, disponibili oggi. Imparerai a conoscere reimpostazioni, animazioni, transizioni e librerie relative alla tipografia. Imparerai con Adi Purdila e utilizzerai Bower per gestire i tuoi progetti, assicurandoti che tutto sia sempre aggiornato e facilmente gestibile.
Puoi prendere uno dei nostri corsi immediatamente con un abbonamento a Envato Elements. Con un unico canone mensile basso, puoi accedere non solo a questi corsi, ma anche alla nostra libreria in crescita di oltre 1.000 corsi video e agli eBook leader del settore su Envato Tuts+.
Inoltre ora ottieni download illimitati dall'enorme libreria Envato Elements di oltre 200.000 foto e oltre 26.000 asset e modelli di design. Crea con caratteri, foto, grafica e modelli univoci e realizza progetti migliori più velocemente.
Accentsconagua