Erstellen einer gekrümmten Straßentextur in Photoshop?


9

Ich habe eine sehr einfache Straßentextur ( 200 x 200) wie diese:

Straßentextur 1

Ich muss eine gekrümmte Version dieser Textur erstellen, die doppelt so groß ist ( 400 x 400). Hier ist ein Bild, um Ihnen eine grundlegende Vorstellung davon zu geben, was ich versuche:

gekrümmte Straßentextur

Das Problem ist, ich habe keine Ahnung, wie ich die Linien und Straßenmarkierungen so krümmen soll, dass sie glatte Kurven bilden, die sich nahtlos in die ursprüngliche Textur einfügen. Ich habe versucht, das Warp-Werkzeug zu verwenden (ich habe die Linien und Markierungen alle als separate Ebenen), aber die Ergebnisse sehen schrecklich aus. Ich bin mir ziemlich sicher, dass es dafür eine ziemlich einfache Lösung gibt, aber ich bin mit Photoshop ziemlich unerfahren. Aus diesem Grund habe ich in den letzten zwei Stunden meinen Kopf gegen eine Wand geschlagen, daher wäre jede Hilfe sehr hilfreich. Und ja, ich habe versucht, nach Tutorials zu googeln, konnte jedoch nichts finden, das dieses Problem eindeutig beheben könnte.

Ich verwende Photoshop CC. Ich habe auch Illustrator, aber keine Erfahrung damit.


Sie möchten dies in Photoshop tun, aber der einfachste Weg, um ein gutes Ergebnis zu erzielen (keine verschwommene Textur), besteht darin, es in Illustrator mit dem Pinsel-Werkzeug neu zu erstellen.
Luciano

Antworten:


3

Ich würde dieses Problem mit bézier pen toolPhotoshop oder Illustrator lösen . Auf diese Weise können Sie mathematisch definierte Vektoren und Formen "zeichnen", die den zusätzlichen Vorteil haben, dass Sie auf jede Größe skalieren können, ohne die Auflösung zu verlieren.

Aber hier ist die Sache: Das Erlernen des Bézier-Stift-Werkzeugs ist eine Herausforderung, da es nicht wie die anderen pixelbasierten Werkzeuge von Photoshop funktioniert - Sie müssen sich das Erstellen von Linien und Formen vorstellen.

Um Ihnen den Einstieg zu erleichtern, sollten Sie versuchen, das Bézier-Spiel zu üben: http://bezier.method.ac/ . Sobald Sie das Bézier-Stift-Tool beherrschen, können Sie problemlos das erreichen, was Sie erreichen möchten.


1

Wurde diese Frage an anderer Stelle beantwortet? Antwort 1 kommt der ursprünglichen Anfrage nicht einmal nahe (Illustrator ist in dieser Anfrage nicht hilfreich, es sei denn, Sie erstellen zunächst Ihre Texturen in diesem Programm). Natürlich kann ich auf dieser verdammten Website nicht mehr als 2 Bilder posten, es sei denn, ich bin ein langjähriges Mitglied, also habe ich sie alle zu einem großen Bild zusammengefasst. Tut mir leid.

So geht's: Haftungsausschluss A - Sie werden Artefakte und gestreckte Texturen haben, das ist keine Magie. Haftungsausschluss B - Yisela hatte in einer Sache Recht: Sie müssen verstehen, wie man Bezier-Kurven bearbeitet, aber in diesem Zusammenhang müssen Sie kein Experte sein.

Richten Sie zunächst Ihre vertikale und horizontale Textur wie unten ein, wobei die Texturen genau proportional zur Krümmung sind. In diesem Fall mache ich eine 90-Grad-Biegung, daher sind die Texturen quadratisch.

Abb. 1.

Anschließend müssen Sie einige Richtlinien zeichnen, die integrierten Photoshop-Richtlinien verwenden, um ein Raster wie dieses zu erstellen, und einen kreisförmigen Umriss auf einer separaten Ebene mit einer Deckkraft von ca. 25% für wichtige Merkmale Ihrer Textur (z. B. die Mitte der) Straße, Bürgersteig usw.).

Abb. 2. Abb. 3.

Anschließend müssen Sie eine Kopie Ihrer Textur in einer anderen Ebene erstellen und diese entweder horizontal oder vertikal verdoppeln. Ich habe vertikal gewählt:

Abb. 4.

Wählen Sie anschließend "Bearbeiten / Transformieren / Verziehen" und verschieben Sie die Netzpunkte, bis sie so aussehen. Drücken Sie dann die Eingabetaste:

Abb. 5. Abb. 6.

Voila:

Abb. 7.

Erstellen einer gekrümmten Straßentextur in Photoshop

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.