Wie kann ich die Textur von Früchten erstellen?

Ich möchte die Textur einer Frucht, insbesondere einer Zitrone, in Form eines strukturierten Bildes erzeugen, das ansonsten transparent ist. Dies liegt daran, dass ich es als Überlagerungsebene für Elemente in meinem Browser verwenden möchte.

Hier ist ein Beispiel für die Art von Textur, die ich zu erstellen versuche, ohne das Gelb

Ich konnte herausfinden, wie man strukturierten Text erstellt , der aus Fruchtbildern besteht, aber ich brauche eine Überlagerung, weil mein Inhalt dynamischer ist.

Ich habe mir auch die Filter von Photoshop angesehen, nämlich Plastic Wrap , weil es der Art von Textur ähnelte, die ich zu erstellen versuche, aber ich konnte den Filter nicht auf ein ansonsten transparentes Bild anwenden

Kann jemand einen Einblick geben, wie ich ein ansonsten transparentes, strukturiertes Bild erstellen könnte, das der Haut einer Zitrone ähnelt?


Mit dem Ansatz von Blue1086 konnte ich Folgendes erstellen, was großartig ist, aber gibt es eine Möglichkeit, mehr Grau zu entfernen? Wie Sie in meinem Projekt sehen können, wird die Zitrone oben etwas grauer, als ich möchte

Um es gut zu mischen, müssen Sie einen CSS-Hintergrundmischmodus verwenden. Diese werden noch nicht in allen Browsern vollständig unterstützt, aber sie sind auf dem Weg dorthin.

Antworten (4)

Was Sie meiner Meinung nach sagen wollen, ist, dass Sie eine Zitronenstruktur über einem Bild haben möchten. Dazu würde ich folgendes tun:

  1. Erstellen Sie eine vollfarbige Zitrone (oder verwenden Sie einfach ein Bild)
  2. Gehen Sie zu Bild > Anpassungen > Bild entsättigen
  3. Gehen Sie zu Bearbeiten > Muster definieren
  4. Erstellen Sie eine leere neue Ebene über dem Bild, auf dem Sie die Textur platzieren möchten
  5. Gehen Sie zu Bearbeiten > Füllen (Stellen Sie sicher , dass unter Mischen der Modus auf Normal und die Deckkraft auf 100 % eingestellt ist.
  6. Klicken Sie auf OK
  7. Stellen Sie den Mischmodus der Ebene auf Überlagern ein

Hat das funktioniert?

EDIT: Ok, jetzt sehe ich was du willst.

  1. Erstellen Sie eine transparente Ebene in Photoshop
  2. Fügen Sie Ihr Bild ein
  3. Gehen Sie zu Bild > Anpassungen > Bild entsättigen
  4. Ändern Sie die Deckkraft auf etwa 50 %
  5. Gehen Sie zu Datei > Speichern unter
  6. Setze das Format auf PNG (oder ein anderes transparentes Format)
  7. Klicken Sie auf Speichern
Das ist toll! Aber gibt es eine Möglichkeit, das Grau noch weiter zu entfernen? Ich habe die Deckkraft auf 20 % verringert, um besser zu passen, aber es wäre immer noch großartig, wenn möglich mehr Grau zu entfernen
Hilft es, zu Bild > Anpassungen > Farbton/Sättigung zu gehen und dann die Helligkeit zu erhöhen ?
Unglücklicherweise nicht
Das Letzte, was mir einfällt, ist Image > Adjustments > Replace Color . Klicken Sie auf die Pipette mit dem „+“ und wählen Sie die gräulichen Teile aus, die „weniger grau“ sein sollen, und ändern Sie dann die endgültige Farbe in etwas wie Weiß oder Hellgrau. Es kann hilfreich sein, lokalisierte Farbcluster abzuhaken. Sie können damit herumspielen, bis Sie hoffentlich Ihr gewünschtes Ergebnis erhalten

Aus irgendeinem Grund ist diese Frage nach 5 Jahren, in denen sie gepostet wurde, aufgetaucht. Dann hatten Webdesigner offensichtlich keine Mischmodi wie hartes Licht, Multiplizieren usw. Sie hatten nur Transparenz zum Mischen von Ebenen.

Das hat Versuche, etwas zu bekommen, nicht verhindert, obwohl teilweise transparente Graustufen-Texturen die Farben stumpf gemacht haben, wie wir in älteren Antworten und ihren Kommentaren sehen. Mit den Mischmodi von Photoshop hätte man ein Texturfoto benötigt, das im Durchschnitt zu 50% grau ist und einen Mischmodus mit hartem Licht hat. Das Ergebnis wäre und wäre noch ok.

Beim Mischen mit Transparenz kann nur Weiß hinzugefügt werden, wenn die Textur selbst nicht eingefärbt werden kann und das Ergebnis nicht grau werden darf. Eine farbige Textur würde natürlich gut mit Transparenz funktionieren, aber diesmal kommt es offensichtlich nicht in Frage. Wenn ein gewisses Grau zulässig ist, kann man eine Prägung mit einer invertierten Kopie der weißen Textur simulieren. Das wird am Ende der Antwort versucht.

Nur weiße Textur kann nicht richtig sein, aber sie kann immer noch verwendbar sein. Ein Beispiel:

Geben Sie hier die Bildbeschreibung ein

Links gibt es eine nicht so fein bemalte Zitrone mit einfacher radialer Verlaufsfärbung. Rechts befindet sich ein Texturmuster, das nur zu 60 % undurchsichtige weiße zufällige Punkte enthält. Es gibt eine Ebenenmaske, um den betroffenen Bereich zu begrenzen. Das nächste Bild zeigt die Texturebene als vollständig undurchsichtig, ohne Maske und vor einem dunklen Hintergrund:

Geben Sie hier die Bildbeschreibung ein

Die Textur besteht aus BW-Rauschen:

Geben Sie hier die Bildbeschreibung ein

Das Rauschen wurde mit 1 px Gaussian Blur weichgezeichnet und das Ergebnis erhielt den Filter Stilisieren > Prägen:

Geben Sie hier die Bildbeschreibung ein

Wenn nur der weiße Teil verwendet wird, muss dieser groß genug sein. Mit Rundungen kann man das Weiß erhöhen. Mischmodus Hellere Farbe und ein gelber Hintergrund helfen, die benötigte Aufhellung zu finden:

Geben Sie hier die Bildbeschreibung ein

Mit dem Zauberstab kann man das Gelb auswählen (= alle Ebenen abtasten) und mit dieser Auswahl die grauen Bereiche zwischen den weißen in der Textur löschen. Das Ergebnis mit dem Mischmodus Normal ergibt dasselbe wie das vorherige mit dem Mischmodus Hellere Farbe:

Geben Sie hier die Bildbeschreibung ein

Das Ergebnis ist die verwendete Endtextur, nur die gelbe Testebene entfernen und als PNG exportieren.

Wenn etwas Grau zulässig ist , kann man eine invertierte Kopie der weißen Textur erstellen und sie um ein paar Pixel verschieben. Das erzeugt so etwas wie eine Prägung:

Geben Sie hier die Bildbeschreibung ein

In Photoshop lässt das Mischen von "hellerer Farbe" das Schwarz nur als Kanten zurück. Das Zusammenführen von Texturen und das Anheben von Schwarz auf 50 % Grau mit Curves erzeugt eine Textur, die plausibler ist als nur Weiß, weil sie die Oberfläche unebener macht. Hier wird es auf eine "Zitrone" angewendet:

Geben Sie hier die Bildbeschreibung ein

Diese Antwort ist vielleicht nicht die beste, aber Sie können die folgenden Schritte ausprobieren:

  • Gehen Sie zur Registerkarte Kanäle
  • Strg+Klicken Sie auf den Daumen der Kanalebene, der die Textur am besten darstellt, und Strg+C darauf
  • Gehen Sie zurück zu Ebenen und deaktivieren Sie (falls ausgewählt)
  • Erstellen Sie eine neue Ebene und Einfügen (Strg+V)

Diese neue Ebene ist das, wonach Sie suchen. Es ist eine halbtransparente Textur, die Sie über eine Volltonfarbe legen können. Je nachdem, wonach Sie suchen, können einige Anpassungen erforderlich sein. Vielleicht den Kontrast erhöhen und so weiter.

So sieht mein Test aus, aber ich habe alle 3 Kanäle kopiert und dann zusammengeführt:

Geben Sie hier die Bildbeschreibung ein

Ich habe mich gefragt, ob Sie die Textur auf eine Ebene über dem Objekt legen und den Mischmodus der Texturebene auf Überlagerung oder weiches Licht einstellen könnten. Tut das, was Sie versucht haben?

Das Problem dabei ist, dass ich die Textur als Ebene exportieren musste, um sie im Browser zu verwenden (damit sie dynamisch zu anderen Dingen hinzugefügt werden kann), ohne etwas in Photoshop selbst zu beeinflussen. Danke aber für deinen Beitrag!