Transformez vos créations Affinity Designer en After Effects comme un pro grâce à ces astuces PSD qui vous feront gagner du temps.
Maintenant que vous avez appris à utiliser les gradients, le grain et les brosses à base de pixels dans Affinity Designer, examinons les astuces avancées pour exporter des fichiers Photoshop (PSD) depuis Affinity Designer pour les utiliser dans After Effects.
Conseil n° 1 : la transparence
Il y a deux endroits dans Affinity Designer pour régler l'opacité d'un calque. Vous pouvez utiliser le curseur d'opacité dans le panneau de couleur ou régler l'opacité du calque. Le curseur d'opacité pour la couleur sera ignoré par After Effects. Par conséquent, utilisez uniquement l'opacité du calque.
Une exception à cette règle est la création de gradients. Lors de la création de gradients avec l'outil gradient, le curseur d'opacité de la couleur peut être utilisé sans aucun effet secondaire négatif.
Utilisez la valeur d'opacité dans le panneau Calques et non le curseur dans le panneau Couleurs. Conseil n° 2 : Consolidation de la composition
Dans Affinity Designer, chaque groupe/couche devient une composition dans After Effects. Donc, lorsque vous commencez à avoir plusieurs groupes/couches imbriqués les uns dans les autres, la précomposition dans After Effects peut devenir un peu profonde. Dans les projets avec un grand nombre de couches imbriquées, les performances d'After Effects peuvent diminuer.
À gauche - Calques et groupes dans Affinity. À droite - PSD d'Affinity importé dans After Effects. Conseil n° 3 : Consolider
Vous pouvez consolider des groupes/couches pour des éléments composés de plusieurs groupes/couches qui seront animés en tant qu'objet unique dans After Effects. Pour consolider des groupes/couches en un seul calque dans After Effects, sélectionnez le groupe/couche concerné et cochez la case du flou gaussien dans le panneau Effets. N'ajoutez pas réellement de flou au groupe/couche, mais cochez simplement la case.forcera Affinity Designer à créer un calque à partir du groupe/couche lors de l'exportation vers un fichier PSD.
Ci-dessus - Logo dans Affinity composé de cinq groupes. Ci-dessous - Le logo est réduit à un seul calque dans After Effects. Conseil n° 4 : recadrage automatique des pré-compositions
Lorsque votre composant principal est composé de plusieurs composants préalables, les composants préalables ont les mêmes dimensions que le composant principal. Le fait d'avoir de petits éléments qui ont la même taille de boîte englobante que le composant principal peut être frustrant lors de l'animation.
Notez que la boîte englobante a la même taille que la comp pour les comètes. Pour découper toutes vos images pré-composées en une seule fois aux dimensions de l'image pré-composée sans affecter la position du calque dans la composition principale, utilisez le script appelé "pt_CropPrecomps" de aescripts.com. Exécutez-le sur votre composition principale pour découper toutes les images pré-composées dans la composition principale. Si vous voulez que les images découpées soient plus grandes que les images pré-composées, il existe des options pour ajouter une bordure.
En haut - Le précomp est de la même taille que le comp principal. En bas - Le précomp a été mis à l'échelle du contenu du précomp. Conseil n° 5 : préservez l'éditabilité
Dans l'article précédent, le préréglage PSD "PSD (Final Cut Pro X)" a été utilisé. Lors de l'utilisation de ce préréglage, "Rasterize All Layers" est coché, ce qui force Affinity Designer à préserver la précision des couches. Pour plus de contrôle dans After Effects, l'utilisateur peut sélectionner différentes propriétés pour préserver l'éditabilité.
Cliquez sur le bouton "Plus" dans les paramètres d'exportation et décochez la case "Rastériser tous les calques". En décochant cette case, vous avez la possibilité de préserver l'éditabilité pour des types d'éléments spécifiques.
Flux de travail pour l'exportation de fichiers PSD dans After Effects
Examinons les options qui s'appliquent au travail dans After Effects.
GRADIENTS
En général, il est préférable de laisser les dégradés sur "Préserver la précision" car les dégradés ne peuvent pas être modifiés dans After Effects. De plus, dans certains cas, les dégradés ne sont pas parfaitement préservés pendant la transition entre Affinity Designer et After Effects. Dans un instant, nous allons examiner un cas particulier où le changement de l'option sur "Préserver l'éditabilité" sera bénéfique.
AJUSTEMENTS
Les calques de réglage sont l'une des grandes caractéristiques qui distinguent Affinity Designer d'Illustrator. La possibilité d'exporter les calques de réglage d'Affinity Designer directement vers After Effects offre un autre degré de contrôle. La possibilité de modifier les calques de réglage dans After Effects aide l'utilisateur à s'adapter aux changements qui peuvent survenir.
Les couches de réglage d'Affinity Designer prises en charge dans After Effects sont les suivantes :
- Niveaux
- Décalage HSL
- Recolor
- Noir et blanc
- Luminosité et contraste
- Posterize
- Vibrance
- Exposition
- Seuil
- Courbes
- Couleur sélective
- Balance des couleurs
- Inverser
- Photofiltre
A gauche - Couche de réglage des courbes dans Affinity Designer. A droite - Courbes importées dans After Effects à partir du PSD d'Affinity Designer. Si vous placez des calques de réglage ou des calques avec des modes de transfert dans un groupe/couche, assurez-vous d'activer les transformations d'effondrement pour la composition dans After Effects, sans quoi les calques de réglage et les modes de transfert seront ignorés dans la composition principale, ce qui peut modifier considérablement l'aspect de votre œuvre.
En haut - Affinity Designer PSD importé avec des couches contenant des modes de transfert dans un précomp. En bas - La même couche avec le bouton de transformation de réduction coché. EFFETS DES COUCHES
Les styles de calque peuvent être préservés de sorte que lorsque vous importez votre PSD depuis Affinity Designer, ils peuvent être animés comme des styles de calque natifs d'After Effects afin d'offrir plus de flexibilité lors du travail avec vos ressources.
Boîte de dialogue After Effects pour les fichiers PSD. 
Styles de calque préservés dans After Effects lors de l'importation d'un PSD d'Affinity Designer. Lorsque vous appliquez des styles de calque, appliquez-les aux objets et non aux groupes/couches. Les styles de calque appliqués à un groupe/couche seront ignorés par After Effects, car les styles de calque ne peuvent pas être appliqués aux compositions.
En préservant la possibilité de modifier les effets de calque, vous bénéficiez d'une commande supplémentaire dans After Effects pour contrôler la force de remplissage du calque, ce qui vous permet d'ajuster l'opacité du calque sans affecter l'opacité du style de calque.
Ajustez l'opacité de remplissage des couches auxquelles sont appliqués des styles de couche. LIGNES
Le fait de rendre les traits modifiables permet à l'utilisateur d'avoir chaque objet délimité par un masque. Par conséquent, vous pouvez créer des traits dans Affinity Designer et les faire convertir en masques dans After Effects. Avec un peu de planification, vous pouvez créer des masques pour révéler et animer des objets le long d'un chemin tout en concevant vos actifs.
Remarque : si vous avez appliqué des dégradés à votre maquette, vous devez modifier les dégradés pour préserver l'éditabilité et permettre la génération des masques.
Enfin, n'oubliez pas la Persona d'exportation mentionnée plus haut dans la série. Vous n'êtes pas obligé d'exporter tous vos calques sous forme de fichiers PSD. Vous pouvez mélanger vos paramètres d'exportation pour obtenir une combinaison de fichiers raster et vectoriels.
Le flux de travail entre Affinity Designer et After Effects n'est pas parfait et, en fin de compte, Affinity Designer est un outil supplémentaire pour donner vie à votre imagination. Nous espérons qu'avec le temps, le flux de travail entre Affinity Designer et After Effects deviendra plus transparent.
Cependant, en attendant, ne laissez pas quelques changements dans votre flux de travail vous empêcher de donner une chance à Affinity Designer pour le travail de Motion Graphics dans After Effects.
Consultez la série complète
Vous voulez voir l'ensemble de la série Affinity Designer to After Effects ? Voici les 4 articles restants sur le flux de travail entre Affinity Designer et After Effects.
- Pourquoi j'utilise Affinity Designer plutôt qu'Illustrator pour le Motion Design
- Comment enregistrer les fichiers vectoriels d'Affinity Designer pour After Effects
- 5 conseils pour envoyer des fichiers d'Affinity Designer vers After Effects
- Enregistrement des fichiers PSD d'Affinity Designer vers After Effects