J'étudie l'AE depuis août 2016, j'ai commencé à travailler dans le domaine du motion design, en plus des illustrations.

J'ai préparé un tutoriel pour un blog avec une animation simple de formes et de lignes. Cette leçon s'adresse à ceux qui connaissent déjà plus ou moins bien effets secondaires, alors si cela vous parait compliqué, je vous recommande de regarder les leçons de base sur le net. Par exemple ce mini cours : Cours d'initiation Illustrator + After Effects.

J'ai récemment terminé et posté un projet avec des légendes animées, et dans mon tutoriel je vais vous dire comment je l'ai fait en vrai exemple simple.

1. Nous créons en Adobe Illustrator fichier vectoriel avec une image. Nous avons une légende. Toutes les lignes n'ont pas de remplissage, seulement un trait. Faites comme sur l'image pour rendre l'animation plus claire. Enregistrez le fichier dans ai format.

2. Importer dans After Effects. Il existe plusieurs façons. Double-cliquez dans la fenêtre projet et sélectionnez le fichier dans la liste déroulante. Ou via l'explorateur - sélectionnez un fichier et faites-le glisser dans la fenêtre avec la souris projet. Vous pouvez également dans Menu Fichier > importer > fichier, et sélectionnez notre fichier. Noter! Doit se tenir images dans le champ importer en tant que Et nous ne cochons aucune case.

3. Créez une nouvelle composition dans After Effects. CTRL+N ou via le menu Composition > Nouvelle composition. Nous définissons les paramètres - nous écrivons le nom, nous avons une durée d'animation de 30 images (fréquence d'images) et de 15 secondes (durée), nous définissons également les dimensions de la composition elle-même sur 1920x1080. Cliquez sur OK.

4. Faites glisser le fichier vectoriel importé de la fenêtre avec la souris projet sur le chronologie- la partie inférieure de l'espace de travail, où, en fait, nous animerons nos lignes.

5. Sélectionnez la couche de fichier. Passons au menu Effet> Générer> Remplir.

Nous choisissons la couleur blanche.

6. Le calque est sélectionné. Ensuite, cliquez sur la deuxième icône Pixelliserà côté du nom du calque (si aucune icône n'est visible, alors en bas de la chronologie il y a Basculer les commutateurs/modes- cliquez et la vue de la couche changera - des icônes apparaîtront sur la droite).

Maintenant, nos lignes sont clairement visibles. Faut leur demander Échelleéchelle. Vous pouvez développer la couche dans les paramètres Transformer > Échelle entrez une valeur, je mets 450 à 450. Ou touche de raccourci S- affiche immédiatement une seule échelle parmi tous les paramètres de transformation d'objet. Il y a des raccourcis clavier pour toutes les fonctions et c'est très pratique. Oui, chaque calque ou objet peut être transformé et ces paramètres se trouvent dans chaque calque.

7. Ensuite, nous placerons notre légende au centre. Comme dans l'illustrateur : sélection de la flèche en premier Outil de sélection (V), puis déplacez l'objet.

8. Sélectionnez notre calque, allez dans le menu Calque> Créer des formes à partir du calque vectoriel.

Et après cette action, nous aurons déjà 2 calques. Nous pouvons supprimer notre premier calque d'origine vectoriel. Sélectionner et saisir EFFACER. N'oubliez pas de sauvegarder le projet - Ctrl+Maj+S. Astuce - appuyez périodiquement sur la magie ctrl+s.

9. Maintenant, nous devons diviser une couche en plusieurs - après tout, nous avons plusieurs lignes. Vous pouvez manuellement, mais c'est long et ennuyeux. Il est préférable de télécharger et d'installer un script gratuit ZI_ExplodeShapesLayers(amélioré une nouvelle version). Sélectionnez le calque et allez comme dans illustrator Fichier > Scripts. Cliquez sur le bouton Exploser!

Tous les calques sont cassés séparément et vous pouvez à nouveau supprimer notre calque d'origine, c'est le plus bas. Et manuellement, je devrais copier (copier le calque - CTRL+D) couche autant de fois qu'il y a de sous-couches - lignes, puis supprimez les sous-couches supplémentaires du nouveau calque copié et renommez-les.

Plus de détails, qui n'a pas trouvé ou n'a pas voulu télécharger le script :
Nous avons 4 sous-couches, nous avons donc besoin de 3 copies supplémentaires, nous les fabriquons. Ensuite, au premier calque, nous supprimons 2,3,4 groupes. Et plus loin par analogie. Puis renommer - sélectionnez le calque - ENTER - entrez un nouveau nom - ENTER ou cliquez dans un endroit vide. Vous devriez obtenir 4 couches avec des lignes séparées.

10. Vous pouvez organiser les calques dans l'ordre d'animation - d'abord un cercle, puis des lignes, puis un carré. Et vous pouvez le laisser comme vous le souhaitez. Voilà, tous les préparatifs sont terminés. Maintenant, la partie la plus intéressante est l'animation vectorielle. Commençons par un cercle - avec un marqueur de légende.

Au fait, des conseils ! Vous pouvez zoomer - supprimer des objets dans la fenêtre de composition avec la molette de la souris (un tel ctrl + - familier ne fonctionne pas ici, et ctrl 0 aussi) ou en sélectionnant l'échelle dans la fenêtre Composition - Fenêtre contextuelle du taux d'agrandissement(voici les chiffres avec les pourcentages et la flèche vers le bas). Et vous pouvez vous déplacer dans la fenêtre de composition avec un espace - la même main (comme dans un lustre). Aussi, lors de l'animation d'un objet, faites attention au point d'ancrage central Point d'ancrage. Il doit être situé au centre de l'objet, sinon l'animation aura lieu à partir de l'endroit où se trouve le point, et dans ce cas, nous avons besoin du centre. Comment réparer - Appuyez sur la touche de raccourci Oui, et faites glisser le point, placez-le au bon endroit. Eh bien, allons-y.

11. Animation de cercle. Nous animons Échelle.
Vous pouvez activer le solo sur le calque, alors seul le cercle (icône cercle ou point) sera visible. Ensuite, nous posons les clés - ce sera notre animation. Déplacez l'indicateur de temps (cette ligne avec une pointe bleue - Indicateur d'heure actuelle) pendant 0 secondes 15 images et mettez la clé - cliquez sur le chronomètre à côté de Échelle, laissez la valeur (j'ai 450).

Déplacez-vous au début de la composition à zéro - et modifiez la valeur à zéro (entrez immédiatement la valeur de taille et une nouvelle clé est automatiquement entrée). Ensuite, nous avançons pendant 3 secondes - 450, pendant 3 secondes 15 images - 300, après 5 autres images - ce sera 3 secondes 20 images - 450, et répétons à nouveau à 6 secondes, 6,15 et 6,20 - définissez les mêmes valeurs - 450/300/450. Puis de la même manière à 9 et 12 secondes à peu près à la même distance. Et maintenant, nous faisons le fondu à la fin de la composition - 14 secondes 15 images - 450, à 15 secondes à la toute fin - 0. Appuyez ensuite sur F9- touches lisses.

Vous pouvez ajouter une clé d'une autre manière - cliquez sur le diamant à côté du chronomètre, puis modifiez la valeur). Vous pouvez vous déplacer le long de la chronologie avec les touches PAGE HAUT et PAGE SUR. Déplacez l'indicateur plus prudemment ! Ne déplacez pas le calque lui-même ! Si quelque chose CTRL+Z T'aider.

Eh bien, maintenant notre cercle a pris vie - il apparaît au début, clignote doucement dans le processus et s'estompe doucement à la fin de la composition. Pour visualiser, appuyez sur zéro 0 et pour terminer la visualisation, appuyez également sur zéro 0.

12. Animation de la ligne principale.
Sélectionnez le calque suivant avec la ligne principale. Appuyez deux fois tu et révèle tout le contenu du calque. Utilisé lorsque vous devez ouvrir les sous-couches qui ont été modifiées. Très confortablement. Fermer - une fois de plus tu. En cours de travail, vous comprendrez tout. Ensuite, sélectionnez la sous-couche Groupe 3 - Ajouter - Couper le chemin.

Révéler les paramètres Couper le chemin et définissez la valeur de FIN. J'ai mis 75 %. Cet indicateur est responsable du pourcentage d'affichage de la ligne dans l'animation : 100 % - complètement, 0 % - en conséquence, la ligne ne sera pas affichée. De manière optimale - d'environ 50 à 95%. L'indicateur est au début de la composition. Ensuite, nous animons. Nous serrons ALT et cliquez sur le paramètre chronomètre décalage(juste en dessous Fin) et entrez l'expression dans la ligne qui apparaît - temps*n(où n est un nombre indiquant le nombre de tours ou la vitesse de l'animation).

Jouez la piste (zéro) et voyez ce qui se passe. Vous pouvez modifier la valeur FIN et comparez l'animation, l'expression n'a pas besoin d'être modifiée. Ainsi, obtenez le résultat le plus intéressant et le plus optimal. Ajoutons maintenant les lignes à faire apparaître et disparaître également. Vous pouvez également le faire avec transparence. Opacité. Sélectionnez le calque - appuyez sur la touche J et à 1 seconde, réglez la valeur sur 100, à zéro au début de la composition - 0. Ensuite, nous déplaçons 14 secondes - 100 et à la fin de la composition, nous définissons 0. F9- lisse. Au fait, pour sélectionner toutes les clés à la fois, vous pouvez les sélectionner soigneusement avec la souris et cliquer sur F9 ou le plus simple est de sélectionner le paramètre lui-même Opacité et toutes les touches seront sélectionnées en même temps.

13. Animation de la deuxième ligne.
Nous allons maintenant apprendre à travailler avec vous avec les paramètres de la ligne elle-même. Faisons une ligne pointillée à partir d'une ligne droite ordinaire et animons-la. Deux fois tu le long du calque avec la ligne, on trouve Accident vasculaire cérébral et développez ses valeurs en cliquant sur la flèche. Trouver le paramètre tirets et cliquez sur le plus + deux fois. Les valeurs apparaîtront Se précipiter(nombre de points), écart(distance entre les points), décalage(points animés). Nous introduisons, supposons, les valeurs 5 et 5. Maintenant encore ALT+ cliquez sur le chronomètre à côté du paramètre décalage et entrez temps*n(j'ai une valeur de 35).

Sélectionnez maintenant Contenu - Ajouter - Découper le chemin et à 1 seconde Fin clé 100, à zéro 0, à 14 secondes 100 et à la fin 0. Et sélectionnez les touches et lissez F9.

14. Animation carrée. Rotation.
Sélectionnez le calque avec le carré, le raccourci clavier R (rotation). Nous allouons rotation et ALT+ cliquez sur le chronomètre. Dans la ligne d'entrée de l'expression, nous écrivons temps*n(j'ai une valeur de 250). Vous pouvez également utiliser les clés manuellement - au début de la clé avec des valeurs initiales nulles ​​​​et à la fin de la clé (entrez le nombre de tours 0x et degrés +0.0), disons 8 tours et 360 degrés. Les expressions facilitent et automatisent grandement le travail. Bon, par analogie, on ajoute de la transparence au début de l'apparition (à 1 seconde 100 et à zéro 0) et à la fin de la décroissance (à 14 secondes 100 et à la fin 0) et F9. Ou est-ce que nous nous fanons à travers Couper le chemin.

Tout! L'animation est prête ! Notre appel a pris vie ! Maintenant, économisons. Nous faisons un rendu.
Appuyer sur les touches de raccourci CTRL+M(ou allez dans le menu).

Cliquez ci-contre module de sortieà droite sur la flèche et choisissez le format de moi MOV+PNG+ALPHA(ou MOV+PNG). Et nous pressons Rendre, patientez pendant que le rendu est en cours. Ensuite, nous regardons le résultat. La vidéo sera enregistrée dans le même dossier que votre projet.

Oksana Chilova surtout pour le blog

Abonnez-vous à notre newsletter pour ne rien manquer des nouveautés :

La première chose que nous ferons lorsque nous passerons au dessin est de changer l'espace de travail en peinture.

Les panneaux Peinture, Pinceaux et Calque sont apparus. Le panneau Peinture est destiné à définir les paramètres de dessin. Nous choisirons la taille et la dureté du pinceau dans le panneau Pinceaux. Comme nous ne pouvons pas dessiner directement dans le panneau Composition, nous utiliserons le panneau Calque pour cela. Il est préférable de dessiner à l'échelle 100 %. Pour ce faire, utilisez l'élément Maximize Frame/Restore Frame Size dans le menu latéral du panneau, ou survolez le panneau et appuyez sur la touche<~>au clavier.
Créer un calque solide couleur blanche. Ce sera notre canevas sur lequel nous nous exercerons. Sélectionnez l'outil Pinceau. Par exemple, dessinons un petit cercle.

Cet effet signifie que nous avons appliqué une peinture à ce calque. L'élément dessiné est affiché dans les propriétés du calque en tant que sous-calque de Brush 1. Ajoutons des pétales et une tige à notre cercle, afin d'obtenir une fleur.

Examinons les propriétés du calque.

Comme vous pouvez le voir, pour chaque élément de dessin, nous avons une sous-couche distincte. Si nous sélectionnons l'un des calques et dessinons quelque chose, nouvel élément remplacera celui sélectionné. Cela est pratique si vous essayez de dessiner quelque chose de spécifique. Vous pouvez donner un nom à chaque élément pour ne pas les confondre. Sélectionnez l'élément, appuyez sur la touche Entrée, entrez un nouveau nom et appuyez à nouveau sur Entrée.

La première propriété de l'effet de dessin que nous voyons est Paint of Transparent. Il est commun à tous les éléments. Si vous le réglez sur "Activé", le calque d'arrière-plan disparaîtra et seul l'arrière-plan sous forme de damiers restera (si vous ne les voyez pas, cliquez sur le commutateur Basculer la grille de transparence, il se trouve à la fois sur le panneau Composition et le panneau Calque).

Développons maintenant l'un des éléments. Ici, nous voyons deux groupes de propriétés : Transform (propriétés de transformation), Stoke Options (propriétés de dessin), ainsi qu'une propriété Path animée (forme). Développez le groupe Options de chargement. Si vous souhaitez ajuster les paramètres de dessin pour un élément déjà dessiné, vous devez le faire ici, dans le panneau Peinture, vous définissez les paramètres uniquement pour les éléments de dessin suivants.

Animez la propriété Start. Déplacez la ligne d'édition à la position 2 secondes et cliquez sur l'icône du chronomètre. La première clé a été créée. Créez une deuxième clé en appuyant sur la touche Accueil. Mais changez sa valeur à 100%. Complet Aperçu dans le panneau Affichage de la composition. L'élément est progressivement dessiné, mais dans le sens opposé. Pour le faire dessiner comme vous l'avez dessiné, animez vous-même la propriété End (n'oubliez pas de désanimer la propriété Start).
Dans le groupe Stoke Options, nous pouvons modifier la couleur du pinceau (Color), le diamètre (Diameter), la rigidité (Hardness), la rondeur (Roundness), l'espacement (Spacing), l'opacité (Opacity) et le flux (Flow). Comme vous pouvez le voir, toutes ces propriétés peuvent être animées. Maintenant, en changeant la couleur de chaque élément, nous allons colorer notre fleur.

Un autre outil de dessin est la gomme. En sélectionnant cet élément, l'élément Effacer devient disponible sur le panneau Peinture, qui définit le sujet à effacer.

Vous pouvez utiliser la gomme non seulement pour effacer les éléments dessinés, mais également pour supprimer l'arrière-plan.
Enfin, je voudrais décrire une méthode qui permet de tracer une ligne parfaitement droite. Pour cela, nous avons besoin d'une règle. Exécutez la commande de menu Affichage->Afficher les règles. Deux échelles sont apparues dans le panneau Calque : verticalement et horizontalement.
Passez maintenant la souris sur l'un des dirigeants. Le curseur doit se transformer en une flèche à double sens. Nous serrons bouton gauche souris et déplacez le curseur à l'endroit où nous voulons placer la ligne.

Vous savez peut-être que nous avons plusieurs projets dans différents créneaux, dont le projet VideoSmile.ru. Il est dédié au thème de la vidéo (montage, effets spéciaux, 3D, etc.) et est développé par notre équipe depuis 2011.

Je sais qu'il y a des gens parmi mon public qui s'intéressent à cette direction, j'ai donc demandé aux gars de VideoSmile de préparer une série de leçons pour mes abonnés sur le programme de traitement vidéo le plus populaire - Adobe After Effects. C'est une sorte de "Photoshop" dans le monde de la vidéo.

Nous avons décidé qu'il s'agirait de leçons pratiques, après avoir étudié quelle personne pourra créer des éléments animés utiles pour ses vidéos. Une telle série de leçons a été créée avec succès, et aujourd'hui j'ai le plaisir de vous la présenter.

Introduction à After Effects

Dans la première vidéo, vous vous familiariserez avec les fonctionnalités d'After Effects et découvrirez où vous pouvez le télécharger.

Création de 4 économiseurs d'écran spectaculaires. Partie 1

Dans cette leçon, vous vous familiariserez avec l'interface du programme, configurerez l'espace de travail et étudierez les panneaux principaux du programme. C'est également là que vous créerez votre projet et la première composition de ce projet.

Création de 4 économiseurs d'écran spectaculaires. Partie 2

Ici, vous continuerez à créer plusieurs variantes de l'écran de démarrage et apprendrez quelques outils After Effects plus importants en cours de route.

Transitions et pauses

Dans cette vidéo, vous apprendrez à effectuer des transitions de haute qualité de l'écran de démarrage à la vidéo elle-même, ainsi qu'à implémenter plusieurs pauses qui vous seront utiles lors du montage. De plus, vous apprendrez à utiliser les transitions standard fournies avec After Effects prêtes à l'emploi.

Tiers inférieurs et matrices

Très probablement, vous avez remarqué que dans diverses vidéos avec la participation de personnes, des plaques animées apparaissent, qui affichent le nom et le prénom de la personne, ainsi que le nom de son entreprise et son type d'activité. Ces plaques sont faciles à créer dans After Effects, et dans ce tutoriel, vous apprendrez à les fabriquer vous-même.

Éléments de texte animés

Dans la dernière leçon de ce mini-cours, vous apprendrez à créer des blocs de texte animés avec lesquels vous pourrez ajouter toute information textuelle importante à vos vidéos.

Parfois, il devient nécessaire de dessiner quelque chose sur un fichier vidéo, peut-être juste pour créer une vidéo amusante ou pour un projet sérieux. Dans ce petit "manuel", c'est exactement ce que je vais vous dire.

Alors, commençons :

1. Nous créons une nouvelle composition (si vous n'êtes pas familiarisé avec les bases des robots dans Adobe After Effects, vous pouvez en savoir plus sur la création d'une nouvelle composition).

2. "Glisser-déposer" dans la fenêtre du projet Adobe After Effects, puis dans la composition elle-même, la vidéo sur laquelle on va dessiner (dans ce cas, il s'agit de Nature.mp4) :

3. Maintenant, nous « cliquons » deux fois sur le calque du fichier vidéo et allons dans la fenêtre de ce calque séparé (dans ce cas, il s'agit de Calque : Nature.mp4), où nous allons dessiner :

4. Lorsque nous sommes passés à la fenêtre ci-dessus, nous sélectionnons simplement l'outil Pinceau (Ctrl + B). Toujours dans le coin inférieur droit, nous voyons la barre d'outils Paint, où vous pouvez configurer de nombreuses options différentes. dessin:

5. Maintenant, vous pouvez essayer de dessiner quelque chose. J'ai dessiné à la hâte un arbre noueux :)

Je voudrais noter le fait que chaque ligne individuelle du dessin est créée sur un nouveau"sous-couche" dans la couche du fichier vidéo. Vous pouvez de manière flexibleajustez chaque calque (Brush 1, Brush 2... Brush n) en réglant, par exemple, le temps d'apparition de chacune des parties de l'image, ainsi que de nombreux autres paramètres.Pour ce faire, vous devez développer le calque du fichier vidéo => Effects => Paint.

J'ai, en termes généraux, décrit le processus de dessin dans Programme Adobe After Effects, alors tout dépend de votre imagination. Soit dit en passant, s'il y a des problèmes avec l'enregistrement (rendu) de la vidéo finie dans Adobe After Effects, je vous recommande de vous familiariser avec cette Matériel.