Wie kann ich gute durchgehende (nahtlose) Fliesen entwerfen?

Ich habe Probleme, Fliesen so zu gestalten, dass sie im zusammengesetzten Zustand nicht wie Fliesen aussehen, sondern wie eine homogene Sache. Sehen Sie sich zum Beispiel das folgende Bild an:

Obwohl der Hauptteil des Grases nur ein Feld ist, "sieht" man das Gitter nicht. Sie wissen, wo es ist, wenn Sie ein bisschen genau hinschauen, aber es ist nicht offensichtlich. Wenn ich Kacheln entwerfe, kann man nur "oh, jeez, 64-mal die gleiche Kachel" sehen, wie in diesem Bild:

(Ich habe das von einer anderen GDSE-Frage übernommen, sorry; sei nicht kritisch gegenüber dem Spiel, aber es beweist meinen Standpunkt. Und tatsächlich hat es ein besseres Kacheldesign als das, was ich ohnehin schaffe.)

Ich denke, das Hauptproblem ist, dass ich sie so entwerfe, dass sie unabhängig sind. Es gibt keine Verbindung zwischen zwei Fliesen, wenn sie geschlossen zueinander liegen. Ich denke, die Fliesen "durchgehender" zu machen, würde einen sanfteren Effekt haben, aber ich schaffe es nicht, es scheint mir zu komplex zu sein.

Ich denke, es ist wahrscheinlich einfacher als ich denke, wenn Sie erst einmal wissen, wie es geht, aber zu diesem bestimmten Punkt kein Tutorial gefunden haben. Gibt es eine bekannte Methode, um durchgehende / homogene Fliesen zu entwerfen? (Meine Terminologie könnte völlig falsch sein, zögern Sie nicht, mich zu korrigieren.)

Haftungsausschluss: Ich bin kein Künstler, das ist nur das Kunstwissen des Programmierers.

Sie erzielen den Rastereffekt in Ihrem Beispiel hauptsächlich aufgrund des helleren Grasfleckens am unteren Rand der Kachel:

Solche leicht erkennbaren Details lassen sofort erkennen, dass Sie nur die gleiche Kachel wiederholen.

Überprüfen Sie diesen Artikel, der viele nützliche Tipps zu diesem Thema enthält. Insbesondere mit Photoshop:

• Verwenden Sie das Patch-Tool, um grelle Details zu entfernen.
• Verwenden Sie das Doge- oder Burn-Werkzeug, um überall eine gleichmäßige Leuchtkraft zu erzielen.
• Machen Sie die Kanten nahtlos, indem Sie das Bild versetzen und dann mit dem Patch-Tool die Kanten zusammenfügen. Ich habe zu diesem Zweck auch schon vier Mal gesehen, wie Leute das Bild duplizierten und spiegelten.

Auch in dem von Ihnen verknüpften Bild scheint es ein Implementierungsproblem zu geben, da beim Vergrößern des Bildes einige Lücken zwischen den Kacheln auftreten können:

Ich bin kein Experte, aber abgesehen davon, dass es mehr als eine Art Grasplättchen gibt (nicht völlig anders, wie die Leute erkennen, aber anders genug), könnte ein Trick darin bestehen, "Übergangsplättchen" zwischen zwei verschiedenen Arten von Plättchen zu haben. Wenn Sie das von Ihnen gezeigte Beispielbild verwenden, kann eine halbgrüne, halbgraue Kachel zwischen der vollständig grauen und der vollständig grünen Kachel dazu beitragen, den Übergang zu glätten. Wenn Sie diese Übergänge abgerundet und natürlicher gestalten (eine Textur geht in die nächste über), kann dies den Effekt unterstützen.

Beachten Sie im Bild von Chrono Trigger unten in der Mitte, dass es halb braun (Schmutz), halb grün (Gras) ist und Flecken von dunklerem Gras aufweist. Es verwendet auch leichteres Gras und Steine, um natürliche Variationen hinzuzufügen (eine transparente Fliese mit dem Stein oder leichtem Gras über der Grasfliese, vielleicht?)

Sie müssen Übergänge machen. Für jede mögliche Zusammensetzung mehrerer Kacheltypen müssen Sie Kacheln zeichnen, die die Schicht abschließen. Möglicherweise möchten Sie entscheiden, dass viele der Kombinationen in Ihrem Spiel nicht möglich sind, da die Anzahl der Übergänge, die Sie sonst vornehmen müssten, leicht auf eine sehr große Zahl anwachsen würde.

In der Regel bedeutet dies, dass die Eigenschaften der Oberflächentypen auf irgendeine Weise gemischt werden. Bei einem einfachen Übergang von Gras zu Schmutz werden beispielsweise kleine Grasflächen mit zunehmendem Eindringen in die Schmutzfliese seltener. Für eine schnelle Lösung können Sie jedoch einfach eine Textur ausblenden, während Sie eine andere einblenden, oder ein Dithering ausführen, bei dem Sie zufällig Pixel aus einer von zwei Texturen auswählen.

Außerdem würde ich empfehlen, dass Sie von Kacheln zu Unterkachelmustern wechseln und dieses Bild von zwei Kacheln betrachten. Wenn Sie statt vollständiger Kacheln Formen herstellen, die der roten Figur entsprechen, werden Sie niemals mehr als zwei verschiedene Oberflächen in benötigen Wenn Sie dasselbe Plättchen verwenden und somit die Anzahl der zu erstellenden Übergangsplättchen stark einschränken, können Sie aus diesen Diamantenplättchen quadratische Plättchen für das Spiel generieren oder die Diamantenplättchen einfach direkt verwenden, Computer nicht sehr wählerisch über diese Dinge nicht mehr.

Wenden Sie einen Hochpassfilter auf Ihre Fliesen an.

In diesem hervorragenden Artikel von Skaven finden Sie detaillierte Theorie, Beispiele und Anweisungen.

Beginnen Sie mit einer regelmäßigen Kachel. Teilen Sie dann die Kacheln horizontal und vertikal in 4 gleiche Teile, so dass Sie 4 "Kacheln" erhalten.

Die Kachel sieht nun so aus:

1 2
3 4

Lege Teil 2 auf die linke Seite von Teil 1. Mach dasselbe mit 3 und 4. Die Kachel sieht nun so aus:

2 1
4 3

Bewegen Sie nun beide unteren Teile nach oben über die oberen Teile. Du hast folgendes übrig:

4 3
2 1

Angenommen, Ihr Plättchen ist 32x32, dann ist jedes Stück 16x16. Jetzt löschen Sie die Mitte, sagen wir 22x22 Pixel (es liegt an Ihnen) und lassen einen Rahmen Ihrer Kachel übrig. Dieser Rahmen passt sich nun perfekt an und Sie müssen die Lücke in der Mitte mit Einzigartigkeit wie Kies, Stein, etwas höherem Gras oder was auch immer füllen.

Sie müssen wahrscheinlich ein wenig mit den Pixeln wackeln, aber wenn Sie Ihren Rahmen haben, werden Sie in der Lage sein, viele einzigartige, aber perfekt gekachelte Kacheln zu produzieren.

So gestalte ich meine Fliesen:

1. Machen Sie Ihre Entwurfsfliese
2. Kopieren Sie Ihre Kachel in ein 3-mal größeres Bild in X- und Y-Richtung
3. Kopieren Sie Ihre Kachel so, dass das Bild 9 Kopien Ihrer Kachel enthält
4. Sie sollten in der Lage sein zu sehen, wo jede Kachel beginnt und endet. Sie müssen lediglich ein Weichzeichnungswerkzeug (ich verwende hierfür GIMP) nehmen und die Kanten weichzeichnen, damit sie wie eine einzige große Kachel aussehen.
5. Dann kopieren Sie die mittlere Kachel aus dem Bild und dann haben Sie Ihre endgültige Kachel

Das Ergebnis sollte ziemlich gut aussehen, wenn Sie mehrere Kacheln nebeneinander legen. Sie können diesen Vorgang jederzeit wiederholen, um Ihre Kacheln zu optimieren.