Tutorial vidéo n° 2 After effect : reflet metallique sur un logo

Dans ce tutorial , nous allons voir comment créer ce genre d'effet avec after effect :

Pour ce faire , il vous faut un fichier .psd ( aplati ou non ) avec un fond transparent , notez que ça fonctionne aussi sur d'autres formats de fichiers gérant la transparence ( le png 24 bits gère très bien la transparence par exemple ) le tout est d'avoir un fichier avec le fond transparent , un peu comme ce qui suit :

 

Importez votre fichier dans after effect , et faites le glisser sur la time-line. Notez qu'il n'est pas nécessaire de créer une nouvelle composition , elle est crée automatiquement au format du fichier importé.

 

Ensuite , créez un nouveau solide - > calque / créer / solide ( ou ctrl + y ). Nommez le reflet , de couleur blanche , et cliquez sur " créer taille de la composition ".

 

Voilà ce que vous devez avoir à l'écran ...

 

Mettez le calque reflet en dessous de logo.psd et vérouillez logo.psd pour éviter de mauvaises manipulations.

 

Ensuite , à l'aide des l'outil flèche noire et rotation

 

Redimentionnez et tournez le calque reflet à peu près dans cette position

 

L'étape qui suit est très importante. Nous allons afficher le calque reflet sur le calque logo.psd uniquement là ou les pixels ne sont pas transparents. Pour se faire , cliquez sur la petite flèche du menu cache comme ci dessous ...

 

et sélectionnez " luminance logo.psd ".

 

Voilà ce que ça donne à l'écran :

 

Notez que le calque " logo.psd " n'est plus affiché , il se comporte à présent comme un " masque ". Si vous l'affichez , l'effet ne marchera pas.

 

Ensuite , passez le calque reflet en mode addition :

 

Dupliquez le calque logo.psd ( ctrl + D ) et faites le glisser en dessous du calque reflet.

 

Voilà ce que ça donne :

 

Maintenant , nous allons animer le calque reflet : créez une image clé au début et déplacez le calque dans sa position initiale :

 

puis , créez une autre image clé un peu plus loin , et déplacez le calque reflet à peu près dans cette position :

 

On peut jouer sur l'échelle également :

 

Ensuite , nous allons ajouter un bruit fractal au calque reflet , pour lui donner un aspect rugueux , metallique , irrégulier ... Vous trouverez cet effet dans effets / bruit et grain / bruit fractal. Je vous donne mes réglages , mais rien n'est figé , vous pouvez les modifier à votre guise. Notez également que je n'ai pas animé les propriétés du bruit ( sur ce calque ), mais vous pouvez le faire , si vous le souhaitez ...

 

Voilà ce que ça donne avec le bruit fractal :

 

Ensuite on va ajouter une lueur diffuse au calque reflet , pour lui donner un aspect brillant. Vous trouverez cet effet dans effets / esthétiques / lueur diffuse. Voici mes réglages :

 

Voici le résultat , bruit fractal + lueur diffuse :

 

Ensuite on retourne dans photoshop , pour créer un petit éclat scintillant. Créez un nouveau document à 300 pixel par pouce en RVB.

 

Avec le peinceau , créez une petite étoile. Utilisez différentes tailles de brosses et jouez sur la dureté. Travaillez sur un fond noir pour y voir clair , mais n'oubliez pas de supprimer ce fond noir avant de sauvegarder votre fichier :

 

Faites fichier / enregistrer pour le web , et sélectionnez le format png 24 bits. Ce format est celui qui supporte le mieux la transparence.

 

Importez votre fichier png dans after effect , faites le glisser au dessus des autres calques et animez le , en jouant sur la position , l'échelle , la rotation et l'opacité. Ici , j'ai utilisé 3 images clé par propriété à animer :

 

Maintenant , nous allons ajouter une lueur directement sur le métal. Dupliquez ( ctrl + D ) le calque logo.psd qui se trouve en dessous de reflet , et passez le en mode addition :

:

 

Ajoutez lui un bruit fractal , avec les réglages qui suivent. Comme vous pouvez le voir , j'ai animé certaines de ses propriétés , pour le faire apparaitre et disparaitre progressivement ( avec l'opacité ) , j'ai joué aussi sur l'évolution , sa luminosité et son contraste , pour lui donner un aspect moins figé.

 

Ensuite on lui ajoute une lueur diffuse. Idem que précedemment , vous pouvez animer certains paramètres de la lueur , à votre guise.

 

Ensuite on va créer un nouveau solide , de la couleur que vous voulez. Mettez le tout en bas. Ici j'ai choisi la couleur de fond du site , pour qu'il ai l'air incrusté sur la page :

 

Faites un rendu pour voir ce que ça donne :

 

Et voilà , vous pouvez l'exporter au format flash par exemple ( fichier / exporter / adobe flash swf )

 

Tutorial by SnowAddict