Comment créer des gifs After Effects
Un éditeur simple mais puissant
De nombreux effets parmi lesquels choisir
Tutoriels détaillés fournis par la chaîne officielle
Les GIF existent depuis un certain temps, mais à mesure que le flux de contenu continue de chuter sur les plateformes de médias sociaux populaires comme Facebook ou Instagram, la demande de GIF continuera d'augmenter.
Malheureusement, vous ne pourrez pas créer un gif dans After Effects directement, sauf avec l'aide d'un plug-in comme GIFGun.
Avant de continuer, gardez à l'esprit que l'utilisation d'Adobe Media Encoder est une méthode plus simple pour compresser vos exportations plutôt que n'importe quel compresseur tiers.
Dans cet article, vous trouverez des méthodes faciles à suivre grâce auxquelles vous pouvez créer des GIF After Effects. en quelques minutes.
Dans cet article
Partie 1 :Connaissances générales sur l'animation GIF
01Qu'est-ce qu'un GIF ?
L'acronyme GIF signifie Graphics Interchange Format et le fichier est créé au format d'image bitmap. Cela a été développé en 1987 par un employé de CompuServe.
Ce format a connu un succès incroyable sur le WEB en raison d'avantages tels que des tailles de fichiers plus petites, une prise en charge plus large et sa compatibilité facile avec les systèmes d'exploitation.
Cependant, les GIF sont bien plus adaptés comme simples graphiques et logos que comme vidéos d'action en direct avec une palette limitée à 256 par image.
Créer un GIF, c'est comme mettre en boucle une animation ou des éléments animés. Vous pouvez utiliser ces GIF animés dans des bannières pour engager votre public ou même créer du contenu amusant et partageable pour vos pages Facebook.
Vous pouvez commencer par créer des animations simples de base dans Photoshop, puis les améliorer à l'aide d'After Effects.
02Pourquoi créer un GIF ?
Voici quelques éléments que vous pouvez surveiller si vous commencez tout juste à créer des GIF ;
● Démonstrations de produits simples. Avec de simples GIF en 3 à 4 étapes, vous pouvez présenter brièvement les étapes d'utilisation d'un produit.
● Vous pouvez fournir des instructions dans un court laps de temps.
● Les concepteurs UX utilisent des GIF pour montrer le fonctionnement de certaines expériences numériques.
● Vous pouvez introduire des GIF sur votre page pour fidéliser vos abonnés.
● Vous pouvez afficher des choses étonnantes sur votre site Web.
Partie 2 Différence entre la création de GIF dans After Effects et Photoshop
Créer des GIF dans After Effects et Photoshop est une seule et même chose, mais les résultats peuvent varier en fonction du choix d'outils et de fonctionnalités qui vous convient le mieux.
Maintenant, pour ceux qui apprennent Photoshop et After Effects pour la première fois, pour comprendre la différence de résultats entre ces deux logiciels, familiarisons-nous brièvement avec leurs fonctionnalités.
01Qu'est-ce qui est similaire ?
Étant donné que les deux sont conçus par Adobe, il y aura forcément des similitudes dans les outils et l'interface qu'ils utilisent. Ces deux logiciels vous permettent d'utiliser des calques d'édition à partir du panneau des calques où vous séparez le mélange ou transformez plusieurs calques. Vous pouvez appliquer des masques à ces calques de différentes manières sur les deux logiciels.
02Composition de groupes (PS) et imbriquées (AE)
Dans Photoshop, vous pouvez regrouper des calques et appliquer ensemble des styles, des mélanges et des transformations. Cependant, dans After Effects, cela s'appelle Nesting.
Les deux sont d'une certaine manière similaires, mais Nesting Comps offre aux utilisateurs plus de fonctionnalités car il interprète les compositions probables pendant le processus d'imbrication.
Les objets intelligents utilisés dans PS sont également comparables aux compositions imbriquées, car vous pouvez appliquer des filtres sur l'un tout en appliquant des effets à l'autre.
03Vecteur et formes
Vous pouvez utiliser l'outil Plume ou l'outil Forme dans PS et AE pour créer des calques de forme sans perdre aucune intégrité. Les deux applications prennent en charge Bézier qui vous permet de contrôler les courbes entre les points d'ancrage dans PS et les sommets dans AE.
04Effets destructeurs
After Effects ne vous propose pas d'effets destructeurs alors que dans Photoshop, vous pouvez appliquer des filtres non destructifs. Vous pouvez également combiner plusieurs calques pour appliquer des modifications ou déformer vos images, mais ces modifications permanentes ne peuvent pas être effectuées dans After Effects.
Vous remarquerez également que même s'il existe plusieurs similitudes, il existe des outils et des fonctionnalités qui ne sont pas partagés entre les deux applications. Les types de catégories d’outils varieraient également. Comme avec After Effects, vous pouvez créer des styles de paragraphe et de caractère que vous pouvez appliquer aux textes.
Partie 3 Comment créer des gifs After Effects
After Effects offre de plus grandes capacités de montage vidéo que les options d'animation de base que vous pouvez essayer sur Photoshop. Lors de la création d'un GIF, vous souhaiterez tirer parti de la combinaison d'outils proposés sur After Effects et Photoshop.
Voyons d'abord comment créer une vidéo animée sur After Effects, puis la convertir en GIF animé dans Photoshop.
01Animation dans After Effects
Étape 1 : Ouvrez After Effects, allez dans « Composition » et créez « Nouvelle composition ». Vous devrez remplir les dimensions et les spécifications de votre projet dans la fenêtre qui apparaît. Par exemple, 300 x 250 px à 30 ips et une durée de 6 secondes.
Étape 2 : Vous pouvez importer des éléments par glisser-déposer ou en accédant au « Panneau de projet » dans l'espace de travail After Effects, comme indiqué dans l'image.
Étape 3 : Vous pouvez maintenant commencer à animer vos ressources. Faites-les glisser et ajoutez-les au panneau « Composition » ou au panneau « Chronologie ». Les placer dans l’un ou l’autre les fera apparaître sur les deux. Ajustez les calques en fonction du calque le plus haut du panneau.
Réduisez l'échelle de chaque animation à 0 % afin qu'elle puisse être animée dans une séquence croissante. Sélectionnez le calque que vous souhaitez ajuster et cliquez sur « Transformer ». Cliquez sur « Échelle » pour donner à ce calque un marqueur actif sur la timeline. Réglez l'échelle sur 0 %.
Vous pouvez maintenant commencer à animer le premier élément en déplaçant l'indicateur de temps actuel à 06f (la 6ème image sur la timeline à 30 ips). Redimensionnez l'élément à 100 % et le marqueur réapparaîtra.
Répétez cette opération pour les autres éléments. Gardez à l'esprit que chaque élément a un espace de 06f entre eux pour un ajustement ultérieur.
Votre équation est maintenant terminée et il ne vous reste plus qu'à animer votre bouton CTA. Ajustez la position de la couche supérieure de votre CTA et définissez l'indicateur d'heure actuelle pour démarrer l'heure de l'animation du bouton. Cliquez sur « position » pour définir un marqueur sur votre timeline. Avancez le 04f, puis poussez le bouton et revenez à sa position d'origine pour qu'il ressemble à une animation de clic sur un bouton.
Votre animation est maintenant terminée. Allez maintenant dans « Composition » et réduisez le temps dans le panneau « Durée ».
Étape 4 : Accédez à Composition. Cliquez sur Pre-Render et une nouvelle sélection apparaîtra. Cliquez maintenant sur « Rendu ». Votre sortie sera un fichier .mov.
Si vous trouvez l'exportation de gifs depuis After Effects trop compliqué, vous pouvez également télécharger et mettre en boucle des vidéos à l'aide de Wondershare Filmora Video Editor qui possède de nombreuses autres fonctionnalités de montage vidéo étonnantes que vous pouvez glisser-déposer pour créer.
Wondershare Filmora - Meilleur éditeur vidéo pour Mac/Windows
5 481 435 personnes l'ont téléchargé.
Créez des animations personnalisées uniques sans transpirer.
Concentrez-vous sur la création d'histoires épiques et laissez les détails aux fonctionnalités automatiques de Filmora.
Commencez une aventure créative avec des effets glisser-déposer et des possibilités infinies.
Filmora simplifie les fonctionnalités avancées pour vous faire gagner du temps et des efforts.
Filmora élimine les répétitions pour que vous puissiez passer à votre prochaine avancée créative.
02Conversion d'une animation en GIF dans Photoshop
Étape 1 : Créez un nouveau fichier dans Photoshop avec les mêmes spécifications que dans After Effects. Allez maintenant dans « Fichier »> « Importer »> « Cadres vers calques » et importez le fichier .mov enregistré.
Étape 2 : Si vous ne voyez pas automatiquement la chronologie, accédez à Windows> Chronologie.
Étape 3 : Décidez du nombre de boucles que vous souhaitez dans votre animation. Une fois que vous avez terminé avec votre GIF, allez dans « Fichier »> Exporter. Appliquez Legacy Save for Web et choisissez le format de votre GIF.
Étape 4 : Dans les options d'exportation, vous pouvez accéder à plusieurs préréglages à appliquer à vos GIF animés. Plus votre GIF est coloré, plus sa taille est grande. Vous pouvez utiliser Dethering pour adoucir les dégradés et les nuances. Le bouclage est également désactivé sur Photoshop, mais vous pouvez appliquer un bouclage à partir des « Options » affichées en bas du menu.
Réflexions finales de la première partie :
● Les GIF sont un type de média populaire, assez tendance et facile à créer à l'aide des gifs After Effects d'Adobe. ou Photoshop. Ils sont appelés Graphics Interchange Format et sont mieux utilisés comme de simples images graphiques.
● Vous avez besoin d'une combinaison de Photoshop et d'After Effects, bien que les deux partagent des interfaces, des outils et des effets similaires. Vous pouvez regrouper ou imbriquer des compositions, appliquer des filtres ou des effets et ajuster des vecteurs et des formes.
● After Effects est meilleur que Photoshop en termes de création de vidéos, vous pouvez donc d'abord créer un projet dans AE, puis importer le projet sur PS après avoir exporté After Effects au format GIF . Vous pouvez également utiliser Filmora pour la première étape de ce processus.