IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Python Discussion :

Superposer deux images dont une tranparente


Sujet :

Python

  1. #1
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut Superposer deux images dont une tranparente
    Bonjour tout le monde !

    Je cherche à superposer deux images, en sachant que l'une d'elle est déjà transparente !

    J'ai cherché sur le web un peu ce qui avait déjà été fait, voici ce que j'ai trouvé et adapté à ma sauce :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    from PIL import Image
     
     
    img = Image.open(fr"D:\Prog\Automatisation\Photo tu preferes quoi\signature\signature_1.png")
     
    background = Image.open(fr"D:\Prog\Automatisation\Photo tu preferes quoi\photo_1\oui_1.png")
     
    background.paste(img, (0, 0), new_img)
    background.save('how_to_superimpose_two_images_01.png',"PNG")
     
     
    '''Note: pour rendre les pixels de couleurs blanche transparent on peut ajouter la ligne suivante
     
    new_image = Image.new("RGBA", img.size, "WHITE")'''
    J'ai aussi essayé cette version ( qui n'est pas très différente ( Le fond normalement transparent, je l'ai rendu blanc pour cet essai )):

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    from PIL import Image
     
     
    img = Image.open(fr"D:\Prog\Automatisation\Photo tu preferes quoi\signature\signature_1.png")
    new_image = Image.new("RGBA", img.size, "WHITE")
     
    background = Image.open(fr"D:\Prog\Automatisation\Photo tu preferes quoi\photo_1\oui_1.png")
     
    background.paste(img, (0, 0), new_img)
    background.save('how_to_superimpose_two_images_01.png',"PNG")
     
     
    '''Note: pour rendre les pixels de couleurs blanche transparent on peut ajouter la ligne suivante
     
    new_image = Image.new("RGBA", img.size, "WHITE")'''

    Voici les résultats que j'obtient :

    Nom : Capture_render.PNG
Affichages : 1415
Taille : 1,1 Ko

    L'image qui est censé être transparente ou censé être rendue transparente devient verte...

    Si vous avez une idée, si j'ai fait un oubli, merci de me le dire !

    Merci d'avance pour votre aide !

  2. #2
    Expert éminent
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 695
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 695
    Par défaut
    Salut,

    Partez d'un fond bleu auquel on souhaite ajouter une image qui contient, par exemple, un disque noir, tous les autres points étant blancs. Si on veut obtenir un disque noir sur fond bleu et non un disque noir dans un carré blanc sur un fond bleu... on modifie les points blancs pour les rendre transparents puis on paste:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background.paste(img, (0, 0), img)
    en utilisant les points de l'image comme masque tel que documenté dans paste.

    - W
    Architectures post-modernes.
    Python sur DVP c'est aussi des FAQs, des cours et tutoriels

  3. #3
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Merci beaucoup mais je t'avouerai que tu m'as perdu avec ton exemple de disque noir la.. ^^
    en gros mon image, c'est 2 petit rectangle de couleur respectivement rouge et bleu avec des écritures blanche dedans, toute le reste de l'image est couleur transparente, je dois donc remplacer cette couleur transparente par du bleu ?

  4. #4
    Expert éminent
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 695
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 695
    Par défaut
    Citation Envoyé par AphroMad Voir le message
    je dois donc remplacer cette couleur transparente par du bleu ?
    Vous devez utiliser cette couleur transparente comme masque.
    Ce qui suppose qu'ils sont sur la bonne image.

    Citation Envoyé par AphroMad Voir le message
    Merci beaucoup mais je t'avouerai que tu m'as perdu avec ton exemple de disque noir la.. ^^
    Certes mais c'est facile à coder:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    from PIL import Image, ImageDraw
     
    bg = Image.new('RGBA', (300, 300), 'blue')
    im = Image.new('RGBA', (300, 300), (255, 255, 255, 0))
    draw = ImageDraw.Draw(im)
    draw.ellipse((10, 10, 290, 290), fill='black')
    bg.paste(im, (0, 0), im)
    bg.save('test.png')
    bg.show()
    Il suffit juste de comprendre ce qu'on fait.

    - W
    Architectures post-modernes.
    Python sur DVP c'est aussi des FAQs, des cours et tutoriels

  5. #5
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Là, j'ai compris le code sans problème, mais si j'essaie de transposer fidèlement et remplacer le bleu par mon fond d'écran et le cercle par l'image render, cela ne marche pas..
    Sur l'image render, la partie normalement transparente devient verte..

  6. #6
    Expert éminent
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 695
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 695
    Par défaut
    Citation Envoyé par AphroMad Voir le message
    Sur l'image render, la partie normalement transparente devient verte..
    Sans les images, difficile d'en dire plus.

    - W
    Architectures post-modernes.
    Python sur DVP c'est aussi des FAQs, des cours et tutoriels

  7. #7
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Citation Envoyé par wiztricks Voir le message
    Sans les images, difficile d'en dire plus.

    - W
    Ah oui pardon !

    voila le background : Nom : a.png
Affichages : 1432
Taille : 61,6 Ko

    Voila l'image render : Nom : signature_1.png
Affichages : 1409
Taille : 21,0 Ko

    Et voila le résultat : Nom : how_to_superimpose_two_images_01.png
Affichages : 1411
Taille : 22,6 Ko

    ( je remarque d'ailleurs que le fond de la troisième image n'est pas vert mais blanc, mais ça ne change rien )

  8. #8
    Expert éminent
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 695
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 695
    Par défaut
    Rien qu'en regardant le résultat, on peut raisonnablement supposer que les points de l'image "render" ne sont pas transparents.

    En tout cas, si je recopie le truc chez moi et que je fais:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    >>> im = Image.open('signature_1.png')
    >>> im.getpixel((100, 100))
    (206, 237, 220)
    Il n'y a pas d'alpha.
    Ce qui est cohérent avec le résultat.

    - W
    Architectures post-modernes.
    Python sur DVP c'est aussi des FAQs, des cours et tutoriels

  9. #9
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Effectivement j'ai le même résultat, pourtant, comme tu peux le voir su le screen, c'est censé être en alpha : Nom : alpha.PNG
Affichages : 1408
Taille : 65,7 Ko

    C'est carrément pas normal, t'as une idée de pourquoi c'est comme ça ?

  10. #10
    Expert éminent
    Homme Profil pro
    Architecte technique retraité
    Inscrit en
    Juin 2008
    Messages
    21 695
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Architecte technique retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2008
    Messages : 21 695
    Par défaut
    Citation Envoyé par AphroMad Voir le message
    C'est carrément pas normal, t'as une idée de pourquoi c'est comme ça ?
    non.

    - W
    Architectures post-modernes.
    Python sur DVP c'est aussi des FAQs, des cours et tutoriels

  11. #11
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Citation Envoyé par wiztricks Voir le message
    non.

    - W
    mdrrrr, bon en même temps c'est normal !

    Je vais faire mes petites recherches et je te tiens au jus si ça a marché

  12. #12
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2019
    Messages : 10
    Par défaut
    Après mainte galère, j'ai enfin réussi ! ( je l'écris pour les prochains mecs qui galéreront dessus ! )

    La fonction qui rend l'image transparente : ( ici, ce sont tous les pixels noirs qui sont transparent, vous pouvez changer cette valeur la évidemment )

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    from PIL import Image
     
     
    def transparent_1(myimage) : 
     
        img = Image.open(myimage) # ex : fr"D:\Prog\Automatisation\Photo tu preferes quoi\signature\signature_1.png"
        img = img.convert("RGBA")
        datas = img.getdata()
     
        newData = []
        for item in datas:
            if item[0] == 0 and item[1] == 0 and item[2] == 0:
                newData.append((0, 0, 0, 0))
            else:
                newData.append(item)
     
        img.putdata(newData)
        img.save("image_transparente.png", "PNG") # ca enregistre l'image dans le même dossier que là où est le code

    La fonction qui superpose les deux images :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    from PIL import Image
     
    def superposer_img(ft,bg): # ft = front , bg = background
     
        filename = ft
        front = Image.open(filename, 'r')
        filename1 = bg
        background = Image.open(filename1, 'r')
        text_img = Image.new('RGBA', background.size , (0, 0, 0, 0))
        text_img.paste(background, (0,0))
        text_img.paste(front, (0,0), mask=front)
        text_img.save("image.png", format="png")

    Et le programme qui appelle les fonctions :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import sys 
    sys.path.append(fr"D:\Prog\Automatisation\Fonction")
     
    from Superposer_image import superposer_img as supimg
    from Image_Transparente import transparent_1 as tr
     
     
    tr(fr"D:\Prog\Automatisation\Photo tu preferes quoi\signature\signature_1.png")
     
    supimg("image_transparente.png",fr"D:\Prog\Automatisation\Photo tu preferes quoi\photo_1\a.png")


    Voila, pour les prochains, bonne chance à tous

Discussions similaires

  1. Superposer deux images - CSS
    Par lhpp dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 21/04/2010, 18h38
  2. Assembler deux images dont une wrapped
    Par nimport nawak dans le forum OpenCV
    Réponses: 1
    Dernier message: 30/03/2009, 17h21
  3. [VB6] "Concaténation" de deux images en une seule
    Par KrusK dans le forum VB 6 et antérieur
    Réponses: 22
    Dernier message: 07/07/2006, 09h45
  4. Superposer 2 images dont une transparente
    Par FloMo dans le forum 2D
    Réponses: 3
    Dernier message: 01/12/2005, 18h12
  5. superposer deux images ?
    Par terminoz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 20/08/2005, 09h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo