Animation d'un logo sportif 3D
Créez un superbe logo sportif 3D dans Illustrator en transformant ses tracés à l'aide des outils texte de Maxon Cinema 4D Lite (fourni avec After Effects).
Publié le
Dans cette courte vidéo, vous allez apprendre à transformer des tracés Adobe Illustrator en un superbe logo sportif 3D à l'aide des puissants outils de Cinema 4D Lite.
Voici le design d'un logo en forme d'écusson, qui ne contient aucun texte, car je souhaite en ajouter un dans Cinema 4D, dont les remarquables outils dédiés offrent beaucoup plus de souplesse en termes de manipulation et de modification.
Je vais commencer par enregistrer ce logo, et tous les calques distincts qui le composent, dans un format compatible avec Cinema 4D, à savoir le format Illustrator 8.
Je le sélectionne, je clique sur OK, et je passe dans Cinema 4D.
Votre abonnement Adobe Creative Cloud vous donne accès à une version gratuite de Cinema 4D que vous pouvez ouvrir depuis After Effects.
Pour ouvrir Cinema 4D Lite à partir d'After Effects, il suffit de choisir Fichier > Nouveau > Fichier MAXON CINEMA 4D.
Je choisis ensuite l'emplacement du fichier, je clique sur Enregistrer, et je lance Cinema 4D Lite.
Me voici à présent dans l'application.
Pour importer le fichier Adobe Illustrator, je choisis Fichier > Fusionner, et je sélectionne le fichier Adobe Illustrator à fusionner dans la composition Cinema 4D.
Je désactive la case à cocher Connecter les splines pour bénéficier d'une plus grande souplesse lors de la manipulation des splines, et je clique sur OK.
Sur le logo qui apparaît dans l'angle gauche, je vais rétablir la valeur zéro sur les axes X et Y du logo nul.
Je peux aussi l'agrandir un peu.
Les tracés Illustrator apparaissent ici, dans Cinema 4D.
Je vais rapidement renommer et réorganiser les splines pour me faciliter le travail.
Je vais maintenant pouvoir ajouter du texte à l'aide des splines de texte Cinema 4D, accessibles dans le menu Spline.
Contrairement aux tracés importés depuis Illustrator, ces splines de texte sont entièrement modifiables.
Je peux modifier l'alignement et remplacer le texte de substitution par le mot SPORTS.
Le nouveau texte est automatiquement appliqué, et je peux le repositionner facilement grâce aux splines de texte de Cinema 4D Lite.
Les splines de texte sont bien ici, mais elles ne suivent pas parfaitement l'arc de la bannière.
Je vais donc utiliser un déformateur Cinema 4D pour courber le texte.
Je vais opter pour le déformateur Dilatation/Contraction.
Pour l'appliquer, il faut créer un lien enfant avec l'objet à déformer.
Je vais commencer par déformer la spline de texte UNITED.
Je place le déformateur sous le texte en question, et je vais régler ces propriétés.
Le cadre de sélection n'englobe pas la totalité de l'objet texte.
Je vais donc l'agrandir.
Si je fais glisser le déformateur sous la spline de texte, celle-ci se courbe progressivement.
Je vais utiliser ce déformateur à plusieurs reprises pour appliquer l'arc au logo.
Les splines sont actuellement visibles, mais si je génère le rendu, je ne les vois plus.
Dans After Effects, les tracés sans contour ou sans fond ne sont pas rendus.
C'est la même chose pour les splines dans Cinema 4D.
Les splines servent à générer la géométrie.
Pour ce faire, je vais utiliser un objet générateur.
Dans le cas présent, je vais opter pour l'objet Extrusion, qui va générer le même type d'extrusion que dans After Effects ou Illustrator.
Pour extruder les splines, il faut que celles-ci soient des enfants des objets Extrusion.
Je place donc toutes les splines sous l'objet Extrusion.
Comme vous le voyez, seule une spline est extrudée.
Pour qu'elles le soient toutes, il suffit d'accéder aux options de l'objet Extrusion et de cocher la case Hiérarchique.
L'extrusion s'étendra ainsi à toutes les splines placées sous l'objet Extrusion.
L'objet Extrusion inclut un onglet Couvercles, dans lequel je peux choisir l'option Couvercle et biseau pour créer un superbe effet de biseautage.
Nous avons ici une structure joliment ciselée.
Je peux régler le rayon et la taille du ciselage.
Je peux aussi ajouter des subdivisions pour lisser l'arrondi des biseaux.
Admirez ces formes arrondies sur chacune des splines extrudées.
Je peux aussi utiliser cet objet pour créer un objet d'extrusion distinct pour chaque spline.
Pour cela, je sélectionne cet objet Extrusion, et j'appuie sur la touche C.
De cette manière, je vais pouvoir tout modifier, car un objet d'extrusion sera appliqué à chacun des objets qui se trouvent ici.
C'est très pratique lorsqu'on veut manipuler individuellement les splines avec leur propre objet d'extrusion.
Je peux ajuster la profondeur en réglant le mouvement.
Si je change la valeur de mouvement ici, vous voyez que l'extrusion s'allonge.
Il s'agit d'un mouvement sur les axes X, Y et Z.
Mais c'est surtout l'axe Z qui m'intéresse pour ces objets.
Passons à la texture et à l'éclairage de la scène.
Je vais créer un éclairage à trois points pour obtenir une lumière principale, une lumière de remplissage et une lumière arrière.
C'est très rapide à paramétrer.
Voilà pour cette configuration.
Je vais maintenant utiliser le contenu d'exception de la médiathèque, disponible gratuitement dans Cinema 4D Lite.
J'ai accès à tout un tas d'éléments comme des objets 3D, des matériaux, des préréglages, des textures des caméras et des éclairages que j'utiliserai plus tard.
Je vais d'abord sélectionner quelques objets 3D.
Je double-clique sur celui-ci pour l'ajouter à la scène.
Je le charge sur la scène, puis je le supprime.
Je vais ensuite utiliser ces textures de porcelaine et modifier leur couleur pour créer les textures de mon logo.
Je sélectionne la zone de rendu interactif, qui va me permettre de visualiser le rendu complet de l'image.
Je clique avec le bouton droit sur ce petit triangle et je choisis Mode Alpha pour afficher l'arrière-plan.
Il ne s'agit pas d'un arrière-plan noir.
Vous remarquerez que même si les textures ont des propriétés de reflet, le seul élément à faire réfléchir sur la scène est le logo lui-même.
Je vais donc ajouter quelques boîtes à lumière pour créer des reflets plus intéressants.
Je repasse dans la médiathèque, et je développe les préréglages qui contiennent de superbes modèles de lumière.
Je vais ajouter une boîte à lumière Studio à ma scène et la positionner juste devant mes objets.
Pour bien voir la différence, je vais activer l'option Afficher dans les réflexions.
Cette boîte à lumière produit donc des reflets au niveau des matériaux et ce magnifique éclairage sur le logo SPORTS UNITED, ce qui lui donne un aspect de grande qualité.
Je vais maintenant utiliser un autre déformateur pour ajouter de la profondeur au logo et le mettre en valeur.
Dans le menu Déformateur, je choisis Incurvation.
Pour l'appliquer à tous ces objets d'extrusion, il faut que je place le déformateur au même niveau que les objets à déformer.
Je le place donc sous cet objet nul Shield Logo.
Il apparaît maintenant au même niveau que les objets d'extrusion.
J'ajuste l'angle de rotation, ainsi que l'intensité.
Je redéfinis la rotation pour que l'incurvation aille dans le bon sens.
Je m'assure également que le mode illimité est sélectionné pour appliquer la déformation à tous les objets.
Pour éviter tout étirement, je coche la case Préserver la longueur sur l'axe Y.
J'écarte ainsi tout risque de distorsion.
Je vais peut-être augmenter légèrement l'intensité.
J'ai maintenant cette belle incurvation qui donne de la profondeur et du caractère à mon logo sportif.
Je vais maintenant créer une animation.
J'enregistre mon travail, je vérifie que l'option d'anti-aliasing est réglée sur Au mieux, et je repasse dans After Effects.
Dans l'application, j'ai cette magnifique animation pour une ouverture de saison.
Il faut simplement que j'ajoute mon logo 3D dans cette composition.
Pour cela, je vais importer le fichier Cinema 4D, comme je le ferais pour une autre ressource.
Je le fais glisser vers la composition comme je le ferais, là encore, avec un autre type de fichier.
Le logo apparaît maintenant dans la composition.
Il a été ajouté en tant que calque CINEWARE.
Le moteur de rendu est actuellement défini sur Logiciel.
Je vais simplement optimiser la vitesse.
Pour afficher le rendu complet de cette image, je vais définir le moteur de rendu sur Standard Final.
L'image haute qualité va ainsi être générée depuis Cinema 4D.
Je vais maintenant créer une prévisualisation RAM.
Avec CINEWARE, vous pouvez facilement modéliser des éléments 3D dans Cinema 4D, et les incorporer dans des compositions After Effects, sans avoir à opérer un rendu en dehors de Cinema 4D.
Le gros avantage, c'est que vous bénéficiez d'un circuit 3D dynamique, qui facilite les allers-retours.
Imaginons que je souhaite modifier le texte de ce logo.
Pour cela, il me suffit de basculer dans Cinema 4D Lite.
Je voudrais, par exemple, remplacer SPORTS UNITED par SPORTS LIVE.
Les splines de texte sont très pratiques pour ce type d'opération.
Je peux facilement modifier ce texte.
Si je saisis LIVE dans le champ de texte, le logo est automatiquement actualisé.
J'enregistre le fichier, et je repasse dans After Effects.
La modification est répercutée dans la composition via le calque CINEWARE.
Ce circuit 3D, qui reste dynamique en permanence, vous simplifie considérablement la tâche.
Cinema 4D Lite constitue un formidable outil pour explorer le monde de la 3D.
Son workflow intuitif et son intégration avec Adobe After Effects écourtent l'apprentissage.
Cinema 4D vous permet d'exprimer tous vos talents artistiques.
