24
mai
08

Paint.Net : Bord en dégradé flou





Voici un nouveau tutoriel pour Paint.Net qui vous permettra de réaliser un effet bien connu : celui du bord dégradé en flou transparent qui permet de donner un bel effet à l’habillage des photos dans une page web. Voici les différentes étapes :
1/ Partir de la photo à modifier;
2/ Créer un nouveau calque (Ctrl + Shift + N);
3/ Passer le calque nouvellement crée en bas dans la pile des calques;
4/ Sélectionner le calque supérieur (celui de la photo);
5/ Sélectionner (touche S) un cadre dans la partie centrale de l’image (celle qui ne sera pas floutée);
6/ Inverser la sélection (CTRL + I);
7/ Ajuster la transparence de la sélection à 100% transparent (menu ajustements > transparence).
8/ Déselectionner (CTRL + D);
9/ Faire un flou gaussien + (menu effets > flous > flous gaussien +) avec les paramètres suivants : rayon à 25 et choose channel for bluring à alpha channel;
10/ Fusionner les calques, c’est terminé!

Si vous souhaitez que la transparence reste sur les bords afin que l’image s’imbrique correctement sur toutes les pages (même si leur fond n’est pas blanc), il faut sauvegarder l’image en gif ou en png et non en jpeg car le jpeg ne gère pas de couche de transparence.

flou sur les bords Paint.Net : Bord en dégradé flou

Paint.NetRetour au sommaire des tutorials Paint.Net




17 commentaires pour “Paint.Net : Bord en dégradé flou”
  1. ricco dit :

    Bonjour
    Où se trouve le menu Transparence. Je ne l’ai pas trouvé dans Ajustements (version 3.35 Beta) ? Dans flou gaussien, il n’y a que le rayon, pas de « choose channel for bluring »

    Donc ça ne marche pas chez moi.

  2. Olivier dit :

    Il faut télécharger les plugins adéquats : http://paintdotnet.forumer.com/viewtopic.php?f=16&t=22819

  3. valerie dit :

    Bonjour

    J’ai fais le tuto mais j’ai un problème. A la fin toute mon image est flou alors qu’on veut que les bords
    je ne comprends pas
    Merci

    Valérie

  4. Olivier dit :

    Tu as dû sauter une étape ou ton flou gaussien est trop important. Le flou gaussien ne se fait que sur un cadre extérieur. Tu dois avoir une dizaine de pixels sélectionnés sur le bord de chaque côté au moment où tu fais le flou gaussien +.

  5. florine dit :

    Bonjour ,

    PN est super à utiliser , mais besoin de 2 petites aides :

    Où trouver la fonction : lisser les bords, d’un « tube »,en calque, par ex, elle existe sur Photofiltre , très pratique .

    Faire une selection-détourage d’un objet plus facilement qu’avec le lasso à main levée .dommage qu’il n’existe pas le lasso à droite (polygonal)

    j’aime beaucoup PN , suis contente d’avoir trouvé une possibilité d’aide en français sur votre site . merci de vos réponses .

  6. Olivier dit :

    Bonjour,

    Merci pour ton commentaire. Pour lisser les bords, il y a un plugin sympa, c’est le « feather ». Tu le trouveras sur le site officiel. Il permet de faire un lissage des bords.

    Sinon pour la sélection/détourage, j’ai deux méthodes : la première est de sélectionner une couleur (avec une tolérance entre 10 et 14%) et de supprimer, la seconde est d’utiliser l’outil pour tracer des lignes et d’entourer l’objet à détourer de lignes (ou de courbes) d’une couleur très différente pour bien marquer la frontière et de supprimer ensuite au delà de cette frontière.

  7. Philippe dit :

    Bonjour

    Valérie a raison quand elle dit « J’ai fais le tuto mais j’ai un problème. A la fin toute mon image est flou alors qu’on veut que les bords » sachant que j’ai le même problème.

    Ton descriptif n’est pas complet. C’est toi qui as du oublier une étape avant la fusion des calques puisqu’à aucun moment tu dis ce que tu fais du nouveau calque créé ?

  8. Olivier dit :

    Bonjour,

    Comme vous m’avez mis le doute, j’ai refait le tuto pas à pas en suivant mes instructions et j’arrive bien au résultat escompté…

    Le nouveau calque créé passe en dessous dans la pile au step 3.

    Il faut bien faire attention à sélectionner un cadre central en laissant des marges sur chaque côté qui fassent quelques pixels puis inverser la sélection pour ne prendre en compte que ces marges que l’on passe ensuite en transparence.

  9. Teks dit :

    En fait il faut faire attention à la subtilité de la transparence ! c’est 100% transparent (donc valeur -100%) et non +100%, qui laisserai la zone selectionnée totalement opaque.

  10. Olivier dit :

    oui tout à fait, c’est 100% transparent. Cela me semblait évident vu le résultat lorsque l’on passe à -100% mais cela ne l’était pas forcément donc merci de la précision.

  11. Léti dit :

    Bonjour,
    Je viens de tenter ce tuto et j’ai un soucis au niveau du rendu.
    Sur une couleurs foncée (sur couleur claire c’est nickel) la démarcation avec le flou est trop visible, je voulais savoir si je pouvais obtenir un effet « fondu » pour que la transition soit plus douce ?!
    Et s’il y en a un comment l’obtenir !
    Merci par avance.

  12. Olivier dit :

    Il faut sélectionner un cadre central plus petit au départ pour que le contour soit plus large. Ainsi le flou gaussien sera plus progressif car sur une plus grand surface.

  13. Claude dit :

    PROBLÈME!!
    Le tuto parle de régler la « transparence »
    dans le menu « ajustement » … qui ne comporte pas cette option!!!
    ( ah, l’informatique et ses impasses! )

  14. Olivier dit :

    Tu as bien entendu téléchargé et appliqué les plugins nécessaires? (voir les commentaires si tu ne les trouves pas).

  15. moraud dit :

    je cherche à decouper une photo, lui donner forme. Par exemple qui n’est pas tout à fait ce que je cherche mais qui peut illustrer ce que je cherche à faire:
    imaginer une photo carrée et un découpage en diagonale et garder q’une partie.
    a+ merci pour la réponse.

  16. Olivier dit :

    Regarde les tutos sur le détourage, cela te donnera une idée de la technique…

  17. Romrom dit :

    WaoW \o/ le rendu est génial et la technique bien rapide et sans bavure ( hihihi :D ).

    Olivier Paintsident! ;)



L'autre monde | Thème liquide par Olivier