In meiner PSD von Designer habe ich einen Hintergrund wie im roten Rechteck.
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 css
Hintergrund verwenden, damit es sich nahtlos ohne Fehler oder Ränder usw. wiederholt?
Wie rufe ich wiederholte Inhalte für einen Hintergrund aus einem .psd
Layout ab?
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 Style
Popup 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 css
könnten Sie ein solches resultierendes Bild als sich wiederholenden Hintergrund verwenden – Sie müssen nichts angeben, background-repeat
es ist standardmäßig auf repeat-x
und eingestellt.repeat-y
Es gibt Alternativen, wie z. B. das Erstellen Ihres Musters in allem css
wie 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.
Vinzenz