Catégories

Créer un effet de loupe sur After Effects

Créer un effet de loupe sur After Effects

ISO + Fichiers sources | Français | 27 Min | 990 Mo

Dans ce nouveau tutoriel vidéo gratuit sur After Effects, nous allons apprendre à créer un effet de loupe sur After Effects, sans perte de qualité. Nous commencerons par créer notre propre design de loupe, métalisé et minimaliste, à l’aide de calques de formes. Notre loupe sera totalement vectorielle, et tous ses elements seront modifiables en quelques clics (couleurs, reflets, etc..). Nous verrons enfin comment configurer notre loupe pour faire en sorte d’afficher à l’intérieur une version zoomé de notre composition principale, sans perte de qualité. Attention, vous devez utiliser des images en haute qualité (supérieures à 2000px en largeur) ou des illustrations vectorielles pour profiter pleinement de ce tutoriel.

Expression Bonus :
Suite à une demande de TonioHec, voici une astuce pour que votre composition zoomé se déplace proportionnellement avec la loupe, pour pouvoir afficher l’image même dans les bords, sans déplacer manuellement la composition.

Voici une expression à ajouter sur la propriété position de votre calque 100%. Il faudra veiller à changer le nom du calque Loupe dans la première ligne par celui que vous utilisez, et faire attention à ce que la position de la composition 100% soient bien réinitialiser à ses valeurs d’origine (exemple 640,360 dans une composition 720p).

loupe=thisComp.layer(« Loupe »);
big=thisLayer;
bigS=transform.scale;
small=thisComp;
ratioW=(big.width/(100/bigS[0]))/small.width;
ratioH=(big.height/(100/bigS[1]))/small.height;
p=loupe.transform.position-[thisComp.width,thisComp.height]/2;
value-[p[0]*ratioW,p[1]*ratioH]+p

Cela devrait fonctionner peu importe la taille de la loupe, peu importe le niveau de zoom, et peu importe la taille de la composition. Lorsque le centre de loupe sera au bord de la composition, l’image zoomée le sera également !

_blank
_blank
Articles récents