Web Motion per principianti Una panoramica di Tom Green

• Aprile 20, 2024

In questa serie di corsi basati su progetti lynda.com intitolati Web Motion per principianti, Tom Green insegna grafica animata basata sul web dall'inizio alla fine. Durante il processo costruirai cinque progetti in tutto.

Panoramica

Green inizia una panoramica delle considerazioni importanti per un progetto di successo.

In primo luogo, Green discute lo scopo dell'animazione e come viene raggiunto. Utilizzando un esempio della transizione da una schermata all'altra su un dispositivo tablet, decostruisce l'animazione sui singoli parametri controllati dall'animatore.

Green discute come l'animazione sia solo un modo di raccontare storie spostando oggetti e le due domande più importanti a cui devi rispondere per creare un progetto di successo. Dimostra l'uso di storyboard per aiutare in questo processo.

Successivamente, Green discute il processo di pianificazione e il flusso di lavoro per un progetto di animazione. Indica tutte le fasi del flusso di lavoro e in che modo il project manager deve preventivare sia il tempo che i dollari per ogni fase per arrivare a un progetto completato alla scadenza stabilita.

Il green successivo mostra come l'organizzazione sia molto importante per il successo di un progetto. Discute come organizzare le varie risorse per il progetto, come caratteri, media, testo e immagini, in sottocartelle dedicate all'interno della cartella del progetto.

Green discute anche alcune delle insidie ​​più comuni nella pianificazione di un progetto come la compatibilità del browser e il contenuto riutilizzabile. Inoltre introduce il software che mantiene nella sua "Web Motion Toolbox".

Dopo questa breve panoramica, sei pronto per iniziare uno dei cinque tutorial video basati su progetto.

Crea un effetto di parallasse - Sviluppa profondità e movimento con un effetto Parallax con Google Web Designer^R, Flash CC^R e Edge Animate^R.

Animare un foglio di Sprite CSS - I fogli Sprite sono un modo per ottimizzare l'animazione per i dispositivi web e tablet.

Crea un Preloader - Crea un precaricato usando After Effects^R, Photoshop^R o fuochi d'artificio^R e Edge Animate.

Crea un banner pubblicitario animato - Crea un banner web con movimento e interattività.

Progetto finale - Questo progetto finale combina tutte le tecniche apprese nei progetti precedenti durante la creazione di un banner pubblicitario con Illustrator^R, Photoshop e Edge Animate.

Dopo aver completato questa serie di brevi corsi, avrai una migliore comprensione del processo di creazione per la grafica in movimento web dalla pianificazione al completamento.

Altri tutorial video di Tom Green su lynda.com includono Attivo e funzionante con HTML5 Video, Creazione di progetti interattivi con Edge Animate, Workshop di Fireworks CS6 e Formazione essenziale su Fireworks CS3.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

Divulgazione: non sono stato compensato finanziariamente per questo articolo. Le opinioni sono completamente mie sulla base della mia esperienza.