Testen, ob ein BG die Kachel in Photoshop richtig wiederholt?

Ich arbeite häufig daran, Hintergrundtexturen in Photoshop zu erstellen, die im Internet verwendet werden sollen. Leider muss ich meistens raten oder einfach Freebies von anderen Websites verwenden.

Ich möchte meine eigenen Texturen in Photoshop erstellen und prüfen, ob sie richtig gekachelt sind, bevor ich das Bild exportiere. Gibt es eine Möglichkeit, dies schnell zu tun? Ich erinnere mich an eine Methode mit Offset, bin aber mit den Tools nicht vertraut.

Unten sind ein paar Beispiele für Hintergrundkacheln, damit Sie sehen können, wovon ich spreche:

Kachel1

Kachel2

Antworten (7)

  • erstellen Sie Ihr Bild. Sagen wir zum Beispiel, es ist 200px im Quadrat
  • Gehen Sie zu FILTER > ANDERE > OFFSET und geben Sie x- und y-Zahlen ein, die der Hälfte Ihrer Bildgröße entsprechen (in diesem Fall 100 Pixel).
  • Dadurch wird Ihr Bild um so viele Pixel verschoben und die Pixel, die von der Leinwand verschoben wurden, auf die andere Seite verschoben. Sie sehen jetzt eine Naht, die in der Mitte Ihres Bildes verläuft, wo sich das Muster nicht ganz wiederholt.
  • Verbessern Sie diese Naht, um sie mit beliebigen Werkzeugen glatt zu mischen (das Klonwerkzeug ist eine gängige Option).
  • Speichern Sie Ihr neues Bild.

Bei komplexeren Bildern müssen Sie möglicherweise einen letzten Versatz von beispielsweise 1/4 der Pixelabmessungen vornehmen, um die Kanten auszubessern, die Sie beim ersten Mal möglicherweise übersehen haben und die nahe am Rand der Leinwand waren.

Danke das ist perfekt! Genau das, wonach ich gesucht habe

DA01 antwortet, wie man es macht, aber Ihre Frage ist, wie man es testet. Die Antwort auf diese Frage lautet:

  1. Wählen Sie Ihre Musterebene aus
  2. Bearbeiten > Muster definieren
  3. Neue Ebene erstellen
  4. Wählen Sie Alle
  5. Bearbeiten> Füllen> Muster> Wählen Sie Ihr Muster
  6. Klicken Sie auf OK und sehen Sie, ob es gut aussieht
Pfui. Ich habe die Frage total falsch verstanden! Guter Tipp. Eine andere Möglichkeit besteht darin, einfach eine Test-HTML-Datei mit einem sich wiederholenden Hintergrund zu erstellen. Speichern Sie die Datei dann einfach immer wieder neu und laden Sie den Browser neu.
Ja, ich wusste, wie man das in HTML/CSS macht, war mir aber nicht bewusst, dass Photoshop das auch testen kann. Danke für den Hinweis!

Normalerweise speichere ich das Bild als JPG oder PNG und verwende dann einfaches HTML, um die Kacheln zu testen.

<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>

Öffnen Sie das in einem Browser und Sie können die Kacheln sehen und einfach "image.jpg" erneut speichern und die Webseite aktualisieren, um die Revisionen zu überprüfen.

Es gibt auch eine andere Möglichkeit, dies zu tun, aber die Grenze besteht darin, dass alle anderen Muster dieselbe Größe haben müssen, Sie werden sehen, warum.

Schritte:

  • Erstellen Sie ein 200 x 200 Pixel großes Feld.
  • Konvertieren Sie es in ein intelligentes Objekt.
  • Duplizieren Sie es und richten Sie es so aus, dass es 3 Kästchen horizontal gibt. Achten Sie darauf, dass es keine Überlappungen oder Zwischenräume gibt.
  • Duplizieren Sie die drei ausgewählten Kästchen in drei vertikale Spalten.
  • Falls noch nicht geschehen, aktivieren Sie schwebende Fenster in den Einstellungen.
  • Doppelklicken Sie auf das Smart-Objekt und öffnen Sie es.
  • Richten Sie beide Fenster so aus, dass Sie beide Dateien sehen können.
  • Füllen Sie das intelligente Objekt mit einem beliebigen Muster und sehen Sie es gleichzeitig in einem anderen Fenster in Aktion.

Es gibt ein großartiges (Freeware für den persönlichen Gebrauch) Tool namens AMP Tile Viewer , mit dem Sie sehr schnell überprüfen können, ob ein Bild kachelbar ist und wie es gekachelt aussehen wird. Ich benutze es die ganze Zeit und es funktioniert einfach großartig. Sie müssen keine Muster in Photoshop erstellen, die Sie später nie verwenden oder löschen müssen.

Ich habe eine Chrome-Erweiterung namens Tile View geschrieben , mit der Sie mit der rechten Maustaste auf ein Bild klicken und sehen können, wie es gekachelt wird.

Es gibt auch dieses webbasierte Tool, das ich kürzlich entdeckt habe: tile.toyls.com

Ich speichere die Kachel einfach als JPG und setze sie auf Kachel auf meinem Desktop. Ziemlich schnell und einfach.

Testen, ob ein BG die Kachel in Photoshop richtig wiederholt?
AntwortenHierDatenschutz-Bestimmungen1y, 0v