Wie konvertiere ich ein diagonales Linienmuster in meiner *.psd-Datei in ein Photoshop-Muster? [Duplikat]

In meiner PSD von Designer habe ich einen Hintergrund wie im roten Rechteck.

Geben Sie hier die Bildbeschreibung ein

Dieses Muster wird in keinem Photoshop-Muster angezeigt. (Vielleicht ist es der innere PSD-Container)

Wie könnte ich ein kleines Rechteck aus Photoshop abrufen und als cssHintergrund verwenden, damit es sich nahtlos ohne Fehler oder Ränder usw. wiederholt?

Wie rufe ich wiederholte Inhalte für einen Hintergrund aus einem .psdLayout ab?

Hallo @brabertaser1992, ich habe versucht, Ihre Frage umzuschreiben, um sie zu klären und zu bereinigen. Wenn ich Ihre ursprüngliche Absicht verstümmelt habe, zögern Sie nicht, meine Änderung rückgängig zu machen oder erneut zu bearbeiten!

Antworten (1)

Um ein sich nahtlos wiederholendes Musterbild zu erstellen, müssen Sie das Bild selbst erstellen und auf verschiedene Weise sicherstellen, dass es auf allen Seiten nahtlos ist. Sie können es dann auswählen und wählen Edit... > Define Pattern.... Dadurch wird Ihr ausgewähltes Bild als Muster zu den verfügbaren Musteroptionen von Photoshop hinzugefügt.

Sie können neue Muster laden oder speichern, indem Sie das Layer StylePopup verwenden ( double clickden leeren Teil einer Ebene in der Ebenenpalette oder auswählen Layer > Layer Style... > Pattern Overlay...), indem Sie auf das kleine Zahnradsymbol klicken, wenn Sie ein Muster auswählen.

Es kann schwierig sein, sicherzustellen, dass Ihr Muster nahtlos ist. Manchmal ist eine clevere Wahl Ihrer Einheitszelle alles, was Sie brauchen, aber es kann viel kniffliger sein. Insbesondere das Umwandeln eines Fotos in ein nahtloses Muster erfordert das Kopieren von Teilen Ihrer Einheitszelle an das gegenüberliegende Ende und das Anwenden einer Verlaufsmaske auf den kopierten Teil.

In csskönnten Sie ein solches resultierendes Bild als sich wiederholenden Hintergrund verwenden – Sie müssen nichts angeben, background-repeates ist standardmäßig auf repeat-xund eingestellt.repeat-y

Es gibt Alternativen, wie z. B. das Erstellen Ihres Musters in allem csswie mit Patternify , einem browserbasierten Generator für sich wiederholende Muster, oder das Verwenden und/oder Optimieren eines der Muster in der CSS3 Patterns Gallery , unter anderem.

Ich kenne mich mit CSS und Mustern aus. aber wie man ein muster aus der psd-quelle auswählt, das wäre das resultierende bild ohne offsets usw