Adobe Animate CC et Photoshop : Comprendre les différences et les complémentarités
Introduction à Adobe Animate CC
Adobe lance la nouvelle version d'Adobe Flash Professional, sous le nom d'Adobe Animate CC. Plus qu'un changement de nom, ce lancement est accompagné d'une pluie de nouveautés.
Évolution de Flash Professional vers Animate CC
Aujourd'hui, c’est le test d’Animate CC, logiciel de l’éditeur Adobe qui a pour vocation la création d’animations interactives qui seront intégrées sur différents supports : site web, jeux vidéo, image-vidéo… Animate CC est en réalité issue d’un logiciel anciennement connu sous le nom d’Adobe Flash Pro. Flash Pro était un logiciel qui avait les mêmes ambitions que Animate CC mais ne disposant pas de la même technologie. Comme son nom l’indique, Flash Pro permettait de créer des animations, de les convertir en flash pour ensuite les intégrer dans une page web par le biais du HTML par exemple. Mais aujourd’hui, le HTML a évolué (à l’heure actuelle, écrire en HTML5 est une évidence) en même temps que tous les standards du web faisant du flash une technologie « obsolète ». Dans ces conditions, Adobe n’a pas eu d’autres choix que d’adapter son logiciel phare, Flash Pro. Et comme le nom ne correspondait plus à la technologie, Adobe a renommé Flash Pro en Animate CC qui pour le coup est vraiment parlant. C’était la petite histoire sur ce logiciel.
Nouvelles fonctionnalités et intégration Creative Cloud
Adobe facilite l’accès aux ressources de l’utilisateur, mais aussi aux ressources mises à disposition. Ainsi les ressources créations personnelles de l’utilisateur (formes, couleurs, graphismes...) à travers les bibliothèques sont désormais synchronisées avec Creative Cloud et peuvent donc être liées entre les différentes applications Creative Cloud telles que Animate, InDesign, Illustrator...
La banque d’images Adobe Stock offre la possibilité de trouver, d’utiliser sous licence et de gérer des illustrations vectorielles et autres images libres de droits depuis Animate. 45 millions de ressources y sont disponibles.
Adobe offre aussi à ses abonnés l’accès à des milliers de polices Adobe Typekit, directement dans le menu Polices.
Améliorations de l'interface et des outils
Au niveau des fonctionnalités, les pinceaux et crayons ont été améliorés pour améliorer la précision. La zone de travail est désormais entièrement pivotable à 360°. Adobe explique que de cette manière, il sera possible d’obtenir des angles et des tracés parfaits comme avec un papier et un crayon.
En arrivant sur la page d’accueil d’Animate CC, l’interface est restée dans la même lignée que tous les autres logiciels Adobe, mais les outils sont cette fois-ci à droite de votre écran. Si vous n’êtes pas un habitué Adobe, aucuns soucis ! Il est possible que vous n’ayez pas un écran énorme et que par conséquent tous les outils n’apparaissent pas immédiatement. Il vous suffit d’élargir le panneau jusqu’à avoir les outils sur deux colonnes et non une (situation par défaut).
Choix des destinations finales et gestion des calques
Sur ce premier affichage, nous avons le choix entre plusieurs destinations finales pour notre animation, dont WebGL et HTML5 Canvas. Une fois HTML5 Canvas sélectionné, nous arrivons directement sur l’interface de création de notre première scène.
On peut importer une image que l’on possède sur notre ordinateur directement dans notre scène ou alors dans notre bibliothèque Animate CC pour pouvoir la réutiliser plus facilement. Un calque s’est créé ! Le fonctionnement de l’animation se fait par calque, comme dans quasiment tous les logiciels Adobe.
Création d'animations dans Animate CC
Importation et préparation des éléments graphiques
Pour créer une scène, il suffit de travailler par frame (1 frame correspond à 1 image de votre animation). L’importation de personnages peut se faire depuis Illustrator ou Photoshop. Si votre personnage a bien été créé auparavant avec les éléments de son corps bien décomposés, il suffit d’importer directement votre fichier, de le convertir en un calque Animate tout en gardant les tracés vectoriels et c’est bon !
Animate CC ne se contente pas d’importer votre personnage puisqu’en réalité il créé une instance, c’est-à-dire une copie de votre marionnette. L’avantage c’est que votre création peut être modifiée à volonté dans Animate, vous posséderez toujours l’originale dans votre bibliothèque que vous pouvez réimporter quand vous le désirez.
Animation par images clés et conversion en symboles
Pour créer une scène, il suffit de travailler par frame (1 frame correspond à 1 image de votre animation). Mais pas besoin de faire image par image, vous pouvez par exemple indiquer une posture de base à un personnage, une posture de fin et ensuite une posture de milieu et le logiciel créera l’animation pour vous… un gain de temps considérable !
Dans un exemple d’animation d’un personnage faisant des mouvements, on peut se baser sur un certain nombre de frames. Ensuite, il faut définir chaque membre du corps de votre personnage que vous voulez animer en tant que « clip » grâce à la fenêtre « MODIFICATION » et la commande « CONVERTIR EN SYMBOLE ». Voilà le secret d’Animate CC : définir correctement chaque partie de votre animation. Si vous ne réussissez pas cette étape, votre animation sera compliquée à créer.
Une fois finie, il faut répartir chacun de vos clips dans des calques différents pour un accès plus simple, rapide et intuitif.
Création d'animations directes et "Stick Man"
Pour créer une animation, vous n’êtes pas obligé de passer par un personnage que vous avez déjà créé auparavant. Vous pouvez par exemple, créer un personnage façon « Stick Man » directement en le dessinant dans Animate CC puis de dessiner chaque frame de l’animation. Cela est tout à fait possible.
Gestion de la ligne de temps et visualisation des animations
Pour animer, il faut positionner les membres du personnage comme vous le voulez à certaines images et le logiciel calcule le reste. Cette animation se fait sur la ligne de temps du personnage, donc en double cliquant sur la marionnette. Si l’on revient sur le scénario global, on ne verra pas cette animation. Il faut savoir qu’une animation est basée sur la ligne de temps dans laquelle vous la créez. Donc pour voir l’animation complète, il faut passer en mode « TEST ».
Pour animer les ombres, on procède globalement de la même manière que pour le personnage, mais sans « rentrer » dans les formes, en restant sur le scénario global. On ajoute une image à la 80ème frame et on déplace l’objet : encore une fois le logiciel facilite la vie en calculant automatiquement les mouvements du début à la fin pour que l’animation soit fluide.
Pour passer en mode test, il suffit de rentrer dans l’onglet « CONTROLE » et de cliquer sur « TEST ». Une fenêtre du navigateur s’ouvre et l’animation se lance.
Animate CC vs. After Effects : Comprendre les différences
Domaines d'application principaux
Animate CC est un outil complet qui a pour vocation la création d’animations interactives ou non sur beaucoup de supports différents. Il répond bien à tous ces besoins. Vous pouvez animer, vous pouvez ajouter ou non de l’interaction. Le logiciel se base sur un système de frame très logique dans la création et de « timeline » qui prend tout son sens dans ce soft.
Animate, back when it was still called Flash, used to be the only practical way of creating animation for the web. This type of animation focuses on strong 2D design and leverages After Effects unparallelled compositing features to animate slick transitions between scenes.
Making animations in the “Info Graphic Style” is very marketable for advertisement and business, and After Effects if perfect for that type of animation.
Courbe d'apprentissage et complexité
Il y a beaucoup de techniques à apprendre pour utiliser au mieux les fonctionnalités d’Animate, et les outils de dessin vectoriel demandent un temps d’adaptation. After Effects, bien qu’intuitif, présente une courbe d’apprentissage plus abrupte. Cela signifie que même les bases de son fonctionnement peuvent être plus compliquées à comprendre. Vous aurez besoin de conseils pour déterminer quels panels et outils sont pertinents pour votre processus d’animation.
Avec After Effects, vous ne créerez pas vos œuvres dans le programme lui-même. After Effects, quant à lui, a ses racines en tant que programme de compositing vidéo. Avec After Effects, vous pouvez rapidement construire des marionnettes très basiques, mais pour obtenir les résultats que vous recherchez vraiment, vous voudrez creuser un peu plus.
Workflow et création graphique
With After Effects you won’t be creating your artwork in the program itself. After Effects on the other hand, has its roots as a video compositing program.
However, remember that with After Effects you’ll need a separate program to make your artwork, like Photoshop or Illustrator. You can get one of those for the same price, but at that point you might want to consider the Creative Cloud All Apps subscription.
Fonctionnalités de rigging et interactivité
Heureusement, il existe des plugins qui peuvent automatiquement prendre en charge les parties les plus difficiles du rigging d’une marionnette avancée dans After Effects. Cela inclut la création d’animations avec interactivité, ce qui pourrait intéresser particulièrement un studio de développement de jeux ou des agences créatives réalisant des publicités. Si tel est votre objectif, vous devez opter pour Animate.
So if that’s your goal you need to go with Animate.
Modèles d'abonnement et alternatives
Accès via Adobe Creative Cloud
Both Animate CC and After Effects are only available through Adobe’s Creative Cloud Subscription model.
Alternatives abordables
You can also find cheaper Photoshop or Illustrator alternatives, like Affinity Photo ($49.99), or Affinity Designer ($49.00).
Conclusion sur Animate CC
Animate CC est un logiciel très complet. Il a pour objectif de créer des animations interactives ou non sur de nombreux supports différents. Effectivement, ce logiciel répond bien à tous ces besoins. Vous pouvez animer, vous pouvez ajouter ou non de l’interaction. Le logiciel se base sur un système de frame très logique dans la création et de « timeline » qui prend tout son sens dans ce soft.
Aux vues de toutes les possibilités que j’ai pu décrire dans cet article, vous comprenez dans l’ensemble comment fonctionne le logiciel et quelles sont les options qui s’offrent à vous avec Animate CC.
Avant même de commencer ce test sur Animate CC, j’ai regardé des créations faites avec ce logiciel et j’étais déjà surpris des scénarios créés par certains. Maintenant avec tous les essais que j’ai pu faire sur Animate CC, je suis persuadé que l’on peut faire de belles choses avec ce logiciel.
Le « problème » de ce logiciel est que si vous ne faites pas l’effort d’apprendre, vous serez extrêmement limité dans son usage voire vous ne pourrez pas vous en servir. La prise en main peut différer selon la personne. Il faut juste s’adapter au soft. Et puis comme tous les logiciels puissants et complets, il faut un minimum d’apprentissage et surtout il faut pratiquer pour se faire la main dessus.
Encore un autre point positif : la palette d’outil d’Animate CC.
Animate CC ne déçoit pas : il a un objectif qu’il remplit très bien.
tags: #alterer #entre #photoshop #et #animate #cc