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.

Paint.NetRetour au sommaire des tutorials Paint.Net





22 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. 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

  3. 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 +.

  4. 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 .

  5. 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.

  6. 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éé ?

  7. 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.

  8. 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.

  9. 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.

  10. 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.

  11. 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.

  12. 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! )

  13. Olivier dit :

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

  14. 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.

  15. Olivier dit :

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

  16. Romrom dit :

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

    Olivier Paintsident! 😉

  17. Rem dit :

    Je vois aucunement l’intérêt de mettre un calque transparent derrière alors que la partie sélectionner et supprimé (transparence a 100%) sera elle même transparente ?

    De plus on ne touche pas a ce calque crée …
    Si on fait un flou sur la photo elle est completement flouté et pas les bords.

    Ne fonctionne pas pour moi non plus

    Et le lien vers les plugins est HS :/

  18. Olivier dit :

    Le calque nouvellement créé et mis en arrière plan n’est pas forcément transparent, chacun est libre de le mettre en transparent ou avec une couleur unie pour faire le fond…

    Si tu n’as pas le plugin, ça risque pas de fonctionner…

  19. Fabien dit :

    Merci à ce tuto qui marche nickel!

    Par contre de mon côté j’ai préféré réduire un peu la largeur du flou car sinon les bords sont trop voyant (je fais ça sur une elipse et on voit un peu la forme carré sur les côtés:/).

  20. evi dit :

    Comme je n’y arrivais pas non plus avec le tuto, je m’en suis inspirée, et j’ai fais comme ça:
    1/ Partir de la photo à modifier;
    2/ Sélectionner (touche S) un cadre dans la partie centrale de l’image (celle qui ne sera pas floutée);
    3/ Inverser la sélection (CTRL + I);
    4/ Faire un flou gaussien + (menu effets > flous > flous gaussien +) avec les paramètres suivants : rayon à 25 (ou moins)
    5/ Déselectionner (CTRL + D)c’est terminé!

  21. evi dit :

    il faut bien laisser du blanc ou du « transparent » sur le pourtour de l’image, (pour que ça fasse l’effet fondu).



L'autre monde | Thème liquide par Olivier