Animation d'interface - cours 31 900 RUB. d'Uprock, formation 4 mois, date 28 novembre 2023.
Miscellanea / / November 30, 2023
Commencez à tout moment et apprenez à une vitesse confortable
Le début de la formation n'est pas lié à la date d'achat du cours. Commencez à tout moment lorsque cela vous convient et apprenez à une vitesse confortable. La meilleure option est de passer 2 heures par jour à étudier. Si vous pouvez consacrer 4 à 8 heures au cours, vous le terminerez 2 à 4 fois plus vite.
Cohérence et temps d’adaptation
La complexité des tâches que vous effectuez augmente des plus simples, qui durent jusqu'à 30 minutes, aux plus complexes et qui prennent du temps. De cette façon, vous rejoignez progressivement le processus d’apprentissage.
Tutoriels vidéo volumineux mais informatifs
Nous avons d'abord réalisé un scénario de plusieurs centaines de pages, puis nous l'avons exprimé, édité, rempli de graphiques et réalisé pour vous des cours courts « sans eau », faciles à apprendre et confortables pour reprendre quelque chose rappel.
Nos conservateurs donnent les réponses les plus rapides et les plus détaillées. Il existe une réglementation stricte: vous recevrez au moins 2 analyses vidéo par jour, dans chaque réponse le conservateur notera vos erreurs et vous indiquera comment les corriger.
Le programme du cours couvre tous les sujets de l'animation d'interface. Tous les cours sont dispensés de manière cohérente et intensive, en grande quantité et sans eau.
THÉORIE
Introduction
Dans cette leçon, vous aurez une idée de ce qu'est l'animation Web, des fonctions qu'elle remplit dans la conception d'interface et dans quels cas elle est utilisée. Vous apprendrez quels sont les deux types d’animations utilisés sur les vrais sites Web. Obtenez des conseils clés sur la façon de créer une animation fluide, sans effort et toujours pertinente. Vous apprendrez quelles techniques il est préférable de ne pas utiliser dans des animations réalistes et pourquoi. Nous analyserons les actions d'animation de base et les examinerons avec des exemples. Voyons quels programmes doivent être installés pour une formation et un travail confortable. Où et comment s'inscrire, quel plan tarifaire choisir. Vous recevrez deux plugins utiles - AEUX et Motion Tool, qui vous permettront d'optimiser certains processus de travail clés dans Adobe After Effects et facilite grandement le processus de création d'animation, et familiarisez-vous avec le programme After Effets.
- Introduction à l'animation Web
- Théorie
- Installation de programmes
- Interface et configuration d’After Effects
PRATIQUE
Apparition Animation
Dans cette leçon, vous apprendrez l'animation la plus basique et la plus populaire: l'animation d'apparence et la propriété Opacité. Ce didacticiel pratique est structuré de manière à ce que vous receviez des instructions détaillées sur la façon de créer une animation d'apparence, étape par étape. Nous parlerons de ce qu'est le rendu et pourquoi il est nécessaire. Regardons la fonction Track Matte et sa première propriété - Alpha Matte (masque alpha). En conséquence, vous acquerrez les compétences de base nécessaires pour travailler avec les propriétés d'opacité, Alpha Matte (masque alpha) et créerez une photo avec une belle animation d'apparence.
PRATIQUE
Scène d'apparition compliquée
Regardons une combinaison composée de deux animations: l'apparence (vous la connaissez déjà) et le mouvement (c'est un nouveau type d'animation pour vous). Nous reviendrons sur ce dernier plus en détail. Pour animer un mouvement, vous utiliserez le paramètre Position, qui détermine la position de l'objet dans la composition. Vous vous familiariserez également avec l'option de calque Anchor Point et apprendrez à l'utiliser correctement. En fin de compte, vous animerez une prise de vue et apprendrez à créer des animations impressionnantes à partir de différents types d'animations.
PRATIQUE
Travailler avec les outils de mouvement
Dans cette leçon, vous étudierez en détail le script Motion Tools. En pratique, voyez à quel point cet outil est pratique. En fait, cela accélère considérablement le processus de travail. Vous acquerrez une compréhension approfondie de ce qu'est le graphique de vitesse, de l'accélération, du fonctionnement des courbes de Bézier dans After Effects et de leur impact sur l'animation. Enfin, vous apprendrez en détail comment personnaliser votre animation à l'aide de Motion Tools, ce qui optimisera grandement votre expérience d'animation.
- Concepts généraux
- Outils de mouvement v2.0
PRATIQUE
Animation de zoom (en utilisant le masque alpha)
Vous apprendrez comment afficher des animations de photos apparaissant. La propriété clé que vous apprendrez dans ce didacticiel est le paramètre Scale du calque. Avec son aide, vous pouvez modifier la taille d'un objet. Cette animation est appelée animation de mise à l'échelle (utilisant Alpha Matte). Nous allons mettre à l'échelle l'Alpha Matte lui-même (masque alpha) et l'image qu'il contient, ainsi que l'animation d'apparence que vous avez déjà étudiée. En conséquence, vous apprendrez à animer efficacement des photos.
PRATIQUE
Animation de parallaxe
Vous acquerrez une compréhension approfondie de la façon d’appliquer l’un des effets les plus populaires: la parallaxe. Pour l'implémenter, vous aurez besoin de 3 éléments de conception et de la propriété Position déjà familière. Après avoir créé l'effet de parallaxe, vous découvrirez comment appliquer une animation inversée pour la faire boucler. Enfin, vous apprendrez à créer des plans utilisant l'effet de parallaxe pour créer une impression de profondeur et de dimension qui laisse une puissante impression aux spectateurs.
PRATIQUE
Scène complexe avec application de parallaxe, de mouvement et de masque
Dans ce didacticiel, vous apprendrez à créer des animations complexes intégrant les animations que vous avez apprises dans les chapitres précédents. sprints, à savoir: Apparence – Opacité, Mouvement – Position, Mise à l'échelle – Echelle, application d'Alpha Matte (masque alpha) et Effet parallaxe. Un nouveau type d'animation pour vous sera l'apparition du titre dans la zone du masque. Vous apprendrez à créer des scènes complexes avec des transitions en utilisant tous ces types d'animation, ce qui aidera vos prises de vue à se démarquer des autres.
PRATIQUE
Animation adaptative
Nous examinerons le concept d'animation adaptative. Il s'agit de l'animation de zoom déjà familière que vous utiliserez pour démontrer les versions réactives du site, lorsque la disposition du bureau se transformera en douceur en celle d'un téléphone mobile. Pour le créer, vous utiliserez des propriétés apprises précédemment, telles que Mouvement – Position, Mise à l'échelle – Échelle, Disparition/Apparence – Opacité, Animation inversée – Outils de mouvement 2/Clone. Savoir bien mettre en œuvre l’animation adaptative vous permettra de présenter efficacement vos projets.
PRATIQUE
Animation de rotation
Vous apprendrez l'animation simple - les rotations et la propriété d'objet Rotation, qui est responsable de la rotation d'un calque autour de son point d'ancrage. Nous examinerons trois paramètres de rotation: le nombre de tours, la quantité de rotation de l'élément (en degrés), la rotation dans le sens horaire/antihoraire. Après avoir parcouru chacun des cycles d'animation répétitifs étape par étape, vous maîtriserez finalement l'habileté de travailler avec la propriété Rotation et créerez un plan avec une animation de rotation qui attirera l'attention des spectateurs.
PRATIQUE
Animation complexe composée de toutes les animations de base
Examinons une combinaison plus complexe, composée de toutes les animations de base que vous connaissez. Dans cette leçon, nous aborderons le sujet de la création de l'effet de simulation d'un clic sur une image à l'aide d'une animation de mise à l'échelle et de disparition du cercle (outil Ellipse). En conséquence, vous apprendrez la séquence de différentes animations, vous permettant de créer des animations plus complexes et plus impressionnantes.
PRATIQUE
Travailler avec des scènes
Cette leçon est un cycle composé de 3 sprints. Il se concentre sur les transitions de scènes alternatives. Tout d’abord, nous examinerons de plus près le concept de « scène » et discuterons des transitions qui existent entre les scènes. Vous apprendrez à utiliser 3 options non standard pour changer de scène: changement de masque, changement de rideau et changement de diapositive. Pour créer une transition de « changement de masque », vous comprendrez et apprendrez à travailler avec le nouveau paramètre Track Matte – Alpha Inverted Matte ou Inverted Alpha Mask. Et apprenez à importer une vidéo dans une composition d’animation.
PRATIQUE
Animation de changement de couleur
Dans ce didacticiel, vous apprendrez à utiliser l'animation couleur et la propriété du calque Couleur. Une animation simple qui peut être utilisée pour démontrer le survol de boutons ou de liens. Mais nous examinerons une option plus intéressante, à savoir comment présenter magnifiquement votre projet à l'aide d'une animation à changement de couleur.
PRATIQUE
Animation de chemin (recadrage)
Vous apprendrez le nouveau paramètre Trim Path, qui peut être utilisé pour créer des effets de mouvement de chemin très sympas, ou en d'autres termes, des effets de découpage de chemin. Par exemple, lorsqu'ils souhaitent afficher un préchargeur, une barre de progression dans un lecteur vidéo, etc.
PRATIQUE
Animation complexe
Dans cette leçon, vous travaillerez à nouveau avec une animation complexe, consoliderez les compétences acquises précédemment et créerez une animation de plan avec de nouveaux effets en utilisant tous les mêmes propriétés d'animation de base: apparence, mouvement, masque, mise à l'échelle, transition entre la scène 1 (changement de masque), transition entre la scène 2 (changement rideau).
PRATIQUE
Animation de texte décoratif (glitch)
Cette leçon commence un autre petit cycle, composé de 3 leçons sur l'animation de texte décoratif. Dans cette leçon, vous apprendrez à créer un effet aussi extraordinaire que Glitch - l'effet d'une image « cassée » ou d'une interférence de télévision. Cet effet dans l'animation semble assez à la mode et produit un effet wow. C'est assez simple à créer
PRATIQUE
Animation de texte décoratif (script)
Dans cette leçon, vous apprendrez à créer une animation qui simule du texte en majuscule. Cette technique est souvent utilisée pour mettre des accents sur un site Web et elle semble assez esthétique. Pour cette animation, vous utiliserez le nouvel outil Plume. Soyez prêt à travailler dur et soyez patient. Vous obtiendrez ainsi une belle animation que vous pourrez utiliser pour présenter vos projets.
PRATIQUE
Animation de texte créatif
Dans cette leçon, vous retrouverez une animation de texte, mais plus créative et inhabituelle. Son effet intéressant implique une combinaison de différentes animations utilisant deux masques alpha - simple et inverse. En conséquence, vous créerez une photo sympa et vous pourrez utiliser cette méthode dans vos projets pour des présentations efficaces.
PRATIQUE
Animation complexe
Dans ce didacticiel, nous utiliserons les types d'animations que vous connaissez déjà, mais nous en utiliserons certaines pour créer des effets plus complexes et non standard. En conséquence, nous obtenons une animation complexe et complexe, composée de trois scènes avec transitions, défilement et changements de diapositives.
PRATIQUE
Animation avec Luma Matte
Dans les leçons précédentes, nous avons discuté des paramètres Track Matte, et vous avez déjà une bonne idée du principe de fonctionnement d'Alpha Matte et d'Alpha Inverted Matte. Dans ce didacticiel, nous explorerons les deux options Track Matte suivantes: Luma Matte et Luma Inverted Matte et apprendrons comment les appliquer à nos projets.
PRATIQUE
Animation utilisant le déplacement turbulent
Étudions l'animation en utilisant l'effet de distorsion photo. Turbulent Displace est l'un des outils du paramètre Distort. Techniquement, il s’agit d’un léger décalage de pixels qui contribue à créer un effet de vague et est souvent utilisé pour cet effet sur les photographies.
PRATIQUE
Animation complexe complexe
La dernière leçon de formation, où nous créerons une animation complexe et complexe, en utilisant les connaissances acquises précédemment types d'animations et un nouveau – le paramètre Texte et sa propriété « Texte source », qui permet de modifier le contenu du texte couche. Une partie pratique indépendante, où vous imaginerez et créerez une animation pour votre plan à partir de zéro, ainsi que plusieurs leçons vidéo bonus intéressantes et utiles
PRATIQUE
Créer une animation à partir de zéro
Détermination du style, recherche de références, création d'un script. Le principe de créer des idées de scènes et de transitions entre elles, préparer le code source, créer l'animation d'1 scène, publier le plan sur les réseaux.
PRATIQUE
Gestion et promotion du compte Dribbble
Gestion et promotion du compte Dribbble. Animation pour les présentations et Behance. Utilisation de l'animation d'After Effects sur le site Web.