Convertir l'image en masque

9

J'ai une image de fond vert avec quelques ombres. Je voudrais l'utiliser comme masque afin de pouvoir le placer sur un fond avec n'importe quelle couleur (par exemple rouge ou rose) et obtenir le même style d'ombres.

J'ai essayé de le convertir en niveaux de gris et de changer l'opacité à 20%, mais cela a donné une image beaucoup plus sombre.

J'utilise ceci sur une page Web où l'administrateur peut définir la couleur du modèle. Ensuite, j'utilise quelque chose comme ça en CSS:

background: #557d0d url("img/background.png") center center;

entrez la description de l'image ici

Utilisation de Gimp 2.8.6 sur Ubuntu.

Tomas Greif
la source
En supposant qu'un hue-rotatefiltre CSS3 pour changer la couleur n'est pas une option? Voir stackoverflow.com/questions/17721960/… ou stackoverflow.com/questions/12546499/…
Takkat

Réponses:

5

Vous pouvez désaturer l'image avec Colors > Desaturate.... Ensuite, utilisez Colors > Color to Alpha...pour éliminer le gris qui le rend plus foncé ( #808080).

Réglez l'opacité à 40% et cela devrait faire.

Je viens de faire un petit test avec un site internet que j'ai créé: entrez la description de l'image ici

Kelunik
la source
3

Vous ne pouvez pas reproduire exactement l'image en utilisant simplement un calque de niveaux de gris masqué sur un fond de couleur unie, car la teinte de la couleur verte varie également le long du dégradé vertical.

Vous pouvez vous rapprocher assez simplement en sélectionnant l'une des teintes vertes moyennes du milieu de l'image avec l'outil pipette, en maximisant sa saturation et sa valeur et en rendant cette couleur transparente à l'aide de l' outil Calque → Transparence → Couleur vers Alpha .... Cependant, cela laisserait votre calque avec des dominantes de couleur en haut et en bas, ce que vous ne voudrez peut-être pas.

Une meilleure solution peut être de décomposer l'image en teinte, saturation et valeur (HSV), de supprimer le canal de teinte et de reconstruire les canaux de saturation et de valeur en un masque en niveaux de gris qui peut être posé sur n'importe quelle couleur pure saturée pour reproduire la saturation et valeur de l'image d'origine avec la nouvelle teinte.

Une façon de procéder serait:

  1. Utilisez l' outil Couleurs → Composants → Décomposer ... pour décomposer l'image en calques à l'aide du mode HSV.

  2. Supprimez le calque de teinte. Nous ne l'utiliserons pas.

  3. Sélectionnez le calque de saturation, ouvrez la boîte de dialogue Calque → Masque → Ajouter un masque de calque ... , sélectionnez le mode "Copie en niveaux de gris du calque" et cochez la case "Inverser le masque".

  4. Répétez également l'étape 3 pour le calque de valeur.

  5. A l'aide de l'outil de remplissage du godet (en mode "Remplir toute la sélection"), remplissez le calque de valeur ( pas son masque!) De tout noir et le calque de saturation de tout blanc.

  6. Déplacez le calque de valeur au-dessus du calque de saturation dans la pile.

  7. Vous pouvez également fusionner les calques avec Image → Fusionner les calques visibles ... ou avec Calques → Fusionner vers le bas .

L'image en niveaux de gris semi-transparente résultante devrait ressembler à ceci:

Image PNG semi-transparente
Cliquez pour télécharger / voir en taille réelle.

L'astuce est que, après les étapes 3 à 5:

  • la couche de "saturation" sera d'un blanc pur où la couleur d'origine était saturée à 0% et transparente si elle était à 100% saturée, et
  • le calque "valeur" sera noir pur là où la couleur d'origine avait une valeur de 0% et transparent là où il aura une valeur 100%.

Placer ces deux couches (ou leur combinaison fusionnée) au-dessus d'un arrière-plan de couleur saturée pure reproduit ensuite le processus de conversion d'une couleur HSV en RVB: vous commencez avec la couleur saturée pure de la bonne teinte, mélangez suffisamment de blanc pour obtenir la couleur souhaitée saturation, puis mélangez suffisamment de noir pour obtenir la valeur souhaitée.

Voici à quoi ressemble l'image obtenue sur divers arrière-plans colorés:

Fond vert (# 83ff00) Fond bleu (# 00aeff) Fond orange (# ffa200) Fond rouge (# ff002a)
Couleurs: vert ( #83ff00), bleu ( #00aeff), orange ( #ffa200), rouge ( #ff002a).

Ilmari Karonen
la source
2

Dans The Gimp, vous pouvez faire essentiellement la même chose que la réponse de Photoshop, en utilisant la couleur en alpha . Je recommanderais toujours de désaturer puis de définir le blanc sur alpha au cas où vous auriez plus d'une couleur. Il semble qu'il y ait une variation bleu / jaune. Les étapes clés sont:

  1. image désaturée pour que vous ayez une image en niveaux de gris
  2. définissez le blanc (vous pouvez saisir #FFFFFF pour le blanc dans le sélecteur de couleurs) sur alpha
  3. enregistrer au format png pour conserver la transparence
blessé
la source
Notez que la conversion en niveaux de gris plutôt que la désaturation peut entraîner une image sans canal alpha et vous pouvez l' ajouter en utilisant la boîte de dialogue des calques . Vous devrez peut-être également le faire si le fichier d'origine que vous avez ouvert n'a pas de canal alpha.
blessé
1
  • Ouvrez le panneau des canaux.

entrez la description de l'image ici

  • Décidez quel canal vous donnera le degré de contraste que vous recherchez.

Méthode 1:

  • Sélectionnez Image > Calculationset utilisez le canal que vous avez choisi comme source 1, le même canal ou «gris» comme source 2 et «normal» comme mode de mélange. Choisissez "Nouveau document" comme destination.

entrez la description de l'image ici

  • Changez le mode du nouveau document en RVB ou en niveaux de gris et enregistrez au format png ou jpeg.

Méthode 2:

  • Ctl / Cmd-cliquez sur la vignette de la chaîne que vous avez choisie.

  • Edit > Copy ou Ctl / Cmd-C

  • File > New, acceptez les dimensions, Edit > Pasteou Ctl / Cmd-V

  • Supprimez le calque d'arrière-plan.

  • Image > Mode > RGB

  • Enregistrer au format png 24 bits avec transparence.

Vous pouvez utiliser l'une des images résultantes comme superposition ou comme canal Alpha chaque fois que nécessaire.

Alan Gilbertson
la source
Cela semble être Photoshop, OP a demandé une solution GIMP.
kelunik
-2

Double-cliquez sur le calque, une boîte de style de calque apparaîtra, dans la partie gauche, recherchez et sélectionnez Incrustation de dégradé et modifiez la couleur du dégradé en fonction de vos besoins, cliquez sur OK, puis dans la zone de superposition de dégradé, changez de style en linéaire et changez l'angle et l'échelle en fonction de votre besoin.

The Clipping Path India
la source
La deuxième fois que vous avez ajouté le lien de votre entreprise. Cela ne sent pas le spam, c'est du spam!
Mensch