Présentation de Web Motion pour les débutants par Tom Green

• Avril 24, 2024

Dans cette série de cours basés sur des projets lynda.com intitulée Web Motion pour les débutants, Tom Green enseigne les animations graphiques basées sur le Web du début à la fin. Au cours du processus, vous construirez cinq projets en tout.

Aperçu

Green commence un aperçu des considérations importantes pour un projet réussi.

D'abord, Green discute du but de l'animation et de la manière dont elle est réalisée. À l'aide d'un exemple de transition d'un écran à un autre sur une tablette, il déconstruit l'animation en paramètres individuels contrôlés par l'animateur.

Green explique comment l'animation n'est qu'un moyen de raconter des histoires en déplaçant des objets et les deux questions les plus importantes auxquelles vous devez répondre pour créer un projet réussi. Il démontre l'utilisation de storyboards pour aider dans ce processus.

Ensuite, Green discute du processus de planification et du workflow d'un projet d'animation. Il souligne toutes les étapes du flux de travail et comment le chef de projet doit prévoir à la fois du temps et des dollars pour chaque étape pour arriver à un projet terminé dans le délai fixé.

Le vert montre ensuite à quel point l'organisation est très importante pour la réussite d'un projet. Il explique comment organiser les différents éléments du projet, tels que les polices, les supports, le texte et les images, dans des sous-dossiers dédiés dans le dossier du projet.

Green discute également de certains des pièges les plus courants dans la planification d'un projet tels que la compatibilité du navigateur et le contenu réutilisable. Il présente également le logiciel qu'il conserve dans sa "Web Motion Toolbox".

Après cette courte présentation, vous êtes prêt à commencer l'un des cinq didacticiels vidéo basés sur des projets.

Créer un effet de parallaxe - Développez la profondeur et le mouvement avec un effet Parallax avec Google Web Designer^R, Flash CC^R et Edge Animate^R.

Animer une feuille Sprite CSS - Les feuilles Sprite sont un moyen d'optimiser l'animation pour les appareils Web et les tablettes.

Créer un préchargeur - Créez une version préchargée à l'aide d'After Effects^R, Photoshop^R ou feux d'artifice^R et Edge Animate.

Créer une bannière publicitaire animée - Construisez une bannière web avec mouvement et interactivité.

Projet final - Ce projet final combine toutes les techniques apprises dans les projets précédents lors de la création d'une bannière publicitaire à l'aide d'Illustrator^R, Photoshop et Edge Animate.

Lorsque vous aurez terminé cette série de cours de courte durée, vous aurez une meilleure compréhension du processus de création de graphiques animés Web de la planification à l'achèvement.

Les autres didacticiels vidéo de Tom Green sur lynda.com incluent Fonctionnement avec vidéo HTML5, Création de projets interactifs avec Edge Animate, Atelier Fireworks CS6 et Formation essentielle de Fireworks CS3.

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

Divulgation: je n'ai pas été compensé financièrement pour cet article. Les opinions sont entièrement les miennes en fonction de mon expérience.

Instructions Vidéo: But what is the Fourier Transform? A visual introduction. (Avril 2024).