Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU
Header cover
Publicité

Vigneter une image dans le Node Editor

Bonjour!

Vigneter une image signifie assombrir le contour de l'image.

On peut ajouter un vignetage à toute image en utilisant le Node Editor.

 

Ci-dessous le setup dans le Node Editor.

Setup pour vigneter une image dans le Node Editor

Le premier node Image contient l'image à vigneter.

Le 2e node Lens Ditorsion délimite le contour du vignetage.

Le 3e node Greater Than crée la zone blanche où va apparaître l'image.

 

Tous les pixels de l'image plus grand que 0.000 deviendront blanc.

C'est pourquoi il ne faut pas avoir de noir pur (valeur 0)

dans l'image de départ que l'on veut vigneter.

 

Ci-dessous, le fait d'ajouter un rectangle noir (valeur 0) dans l'image de départ

a produit le résultat que l'on voit. Ceci se produit parce que le node Greater Than

transforme en blanc uniquement les pixels qui ont une valeur plus grande que 0.

Comme le noir pur du rectangle a précisement une valeur de 0,

le rectangle noir reste en noir.

Il ne faut pas avoir de noir pur dans son image de départ

 

Le 4e node Blur adoucit le bord du vignetage.

L'image ci-dessous montre la vue du node Viewer connecté sur la sortie du node

Greater Than puis en bas la vue du node Viewer connecté sur la sortie du node Blur.

La différence est évidente.

Effet du node Blur

 

Le 5e node Mix fusionne l'image et le vignetage dans la même image.

Le node Composite affiche le résultat final.

 

Le node Viewer permet de voir ce qu'on obtient à un point du traitement de l'image.

Ici, il permet juste de voir la forme du vignetage sans l'image.

Le node Viewer permet aussi d'afficher le rendu en arrière-plan

en cochant l'option Backdrop et en le connectant sur la sortie Image du node Mix.

 

Pour aller dans le Node Editor, cliquer sur le bouton des types d'écran

dans le bas à gauche de l'écran 3D.

Cliquer sur Node Editor dans la liste.

Vignetter une image dans le Node Editor 

 

Ensuite cliquer sur le bouton que j'ai entouré de rouge dans l'image ci-dessous.

Bouton pour utiliser le Node Editor

 

Lorsqu'on commence un nouveau projet dans le Node Editor il faut aussi cocher

le carreau gris à gauche de Use Nodes. Aussitôt qu'on a coché le carreau

Blender placera les nodes Render Layers et Composite.

 

Cliquer sur le node Render Layers pour le sélectionner

et appuyer sur la touche X pour l'effacer.

 

Appuyer sur Shift + A puis choisir dans la liste Input puis cliquer sur Image.

Pour placer une image dans le node Image cliquer sur le bouton

que j'ai entouré de rouge dans l'image ci-dessous.

Bouton pour ouvrir une image dans le node Image

 

Vous vous retrouverez dans l'écran du File Browser

et vous pourrez naviguer dans l'arborescence des répertoires

sur votre disque dur pour trouver le fichier de l'image

que vous voulez mettre dans le node Image. 

 

Pour ajouter les autres nodes appuyer sur les deux touches Shift + A.

Shift + A > Distort > Lens Distorsion (2e node)

Shift + A > Convertor > Math (Ajuster ce node sur Greater Than)

Shift + A > Filter > Blur (Ajuster ce node sur Fast Gaussian)

Shift + A > Color > Mix (Ajuster ce node sur Multiply)

 

Pour les connections entre les nodes et les valeurs de paramètres

voyez mon image plus haut dans ce post.

 

Pour partir une connection placer le curseur de la souris sur un petit point rond sur la

bordure droite d'un node et tenir enfoncer le bouton gauche de la souris jusqu'au petit

point rond sur la bordure gauche du node de destination.

 

Quand le curseur de la souris atteint le point rond de destination

relâcher le bouton de la souris. 

 

Pour enlever une connection, placer le curseur de la souris sur le point rond

en bordure gauche d'un node. Enfoncer le bouton gauche de la souris et éloigner

le curseur de la souris du node puis relacher le bouton de la souris.

Le lien disparaîtra.

 

Quand tous les nodes sont connectés et qu'une image a été ouverte

dans le node Image il suffit d'appuyer sur F12 pour voir le vignettage

autour de l'image. Pour sauvegarder l'image finale, appuyer sur F3.

 

Après le rendu de l'image appuyer sur la touche Escape (Échappement)

pour revenir dans le Node Editor.

 

N'oublier pas d'ajuster la dimension de l'image finale dans le panneau Dimensions

et de choisir le type de fichier en sortie dans le panneau Output.

 

Ces deux panneaux sont appelés par le bouton Render dans l'écran des propriétés

à droite de l'écran 3D. On ouvre un panneau en cliquant sur le bouton (logo caméra).

Les panneaux Dimensions et Output sous le bouton Render

 

Finalement notez que pour vigneter une image il n'est pas nécessaire de faire

une scène. On ouvre Blender et on va tout de suite dans le node Editor.

Blender est utilisé dans ce cas comme s'il était une sorte de Photoshop.

Vous comprenez l'astuce.

 

Si votre image de départ est très sombre comme dans l'exemple ci-dessous,

vous pouvez l'éclaircir avec le node Gamma (shift + A > Color > Gamma).

Si le paramètre du node Gamma est sur 0 tout est complètement blanc,

s'il est sur 1 tout est complètement noir.

 

Selon l'intensité sombre de votre image il faudra ajuster le paramètre

du node Gamma entre 0.500 et 0.800 environ.

Utiliser le node Gamma pour éclaircir une image sombre

 

Mise à jour >>> J'ai publié un autre post sur le vignetage expliquant

comment utiliser n'importe quelle forme de vignetage.

 

********************************************************************************************

Noter que pour combattre le spam,

tous les nouveaux commentaires sont mis hors ligne.

 

Je n'affiche pas les commentaires qui sont de la publicité

ou qui ont un lien vers un site web.

 

Les commentaires qui se terminent par plusieurs lignes de texte

du genre chhjdk  dkkddo  di00pp ne seront pas affichés également.

 

Donc, pas de publicité, pas d'adresse web et pas de charabia

dans vos commentaires. Merci!

********************************************************************************************

Mes amis!

Que la force soit avec vous!

À la prochaine!

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
L
Can you tell us more about this? I'd love to find out some additional information.
Répondre
L
I pay a quick visit everyday some web sites and blogs to read articles or reviews, except this web site gives quality based articles.
Répondre
M
Appreciating the time and effort you put into your site and in depth information you offer. It's nice to come across a blog every once in a while that isn't the same out of date rehashed material. Fantastic read! I've saved your site and I'm adding your RSS feeds to my Google account.
Répondre
G
hello there and thank you for your information – I've certainly picked up anything new from right here. I did however expertise a few technical issues using this site, since I experienced to reload the site lots of times previous to I could get it to load properly. I had been wondering if your web hosting is OK? Not that I'm complaining, but slow loading instances times will very frequently affect your placement in google and can damage your quality score if ads and marketing with Adwords. Anyway I'm adding this RSS to my email and could look out for much more of your respective interesting content. Make sure you update this again very soon.
Répondre
B
I do trust all of the concepts you've introduced on your post. They are really convincing and will certainly work. Still, the posts are very quick for newbies. Could you please prolong them a bit from subsequent time? Thanks for the post.
Répondre