Wie kann ich Geschwindigkeit in einer Grafik darstellen?


22

Wie kann ich in diesem Beispiel die Geschwindigkeit anzeigen?

Ich habe keine Vektorprogramme, ich arbeite in Photoshop.

Bildbeschreibung hier eingeben

Jeder Rat wird hilfreich sein.


2
Im Allgemeinen wird die Geschwindigkeit über Linien oder verschwommene Linien zusammen mit einem Winkel zu einem Objekt (wenn horizontal) übertragen. Google.com/…
Scott

Antworten:


30

Erstellen Sie eine Tropfenform mit dem Stiftwerkzeug:

Bildbeschreibung hier eingeben

Fülle es mit Weiß ( Command+ Delete).

Duplizieren, strecken und drehen Sie Ihre Kopien, um sie mit einigen Linien im Objekt abzugleichen:

Bildbeschreibung hier eingeben

Verbinden Sie die Formen, indem Sie alle auswählen und 1.Hit Command+ Eoder 2. Rechtsklick und wählen Sie Mit Smart Object verbinden.

Dann füge eine Ebenenmaske hinzu und füge einen leichten Farbverlauf von unten nach oben hinzu ...

Bildbeschreibung hier eingeben


1
+1 Dies ist die am wenigsten aufdringliche Option und passt gut zum scharfen, klaren Illustrationsstil
user56reinstatemonica8

1
@ user568458 Ich stimme zu. Alle anderen Beispiele (z. B. Unschärfen und Hintergrund-Blobs) sind nicht mit dem ursprünglichen Illustrationsstil kompatibel. Dieser passt perfekt. Sie lassen es wie ein Raumschiff aussehen , dieses sieht aus wie ein Papierflugzeug, das geworfen wurde .
Vaxquis

Ich mag diesen Weg. Das ist wirklich gut für statische Bilder
Vinand

Ich habe mich auch für die Verwendung der Ellipse mit dem Verformungswerkzeug entschieden, um ähnliche Ergebnisse anstelle des Stiftwerkzeugs zu erzielen.
Vinand

27

Ein alternativer Ansatz besteht darin, einen externen Bezugspunkt bereitzustellen.

In diesem Fall bewegt sich der Betrachter mit der Geschwindigkeit Ihres Motivs. Stationäre Objekte scheinen sich in die entgegengesetzte Richtung zu bewegen, wie durch die Wolken darunter angezeigt.

Sie werden diesen Ansatz in Anime sehen, wo das von @Dalvenjia bereitgestellte Beispiel möglicherweise häufiger in Cartoons aus dem Westen zu sehen ist. Um nicht zu implizieren, dass dies ein besserer Ansatz ist, aber sicherlich einen anderen stilistischen Charakter annimmt.

Bildbeschreibung hier eingeben

Aus technischer Sicht ist es im Wesentlichen das gleiche.

Mit dem Pinselwerkzeug habe ich einige Ebenen mit Wolken erstellt und dann auf Kopien jeder Ebene eine Bewegungsunschärfe angewendet. Verschieben Sie die Ausrichtung Ihrer Bewegung so, dass sie in die Richtung verschwindet, in die sich Ihr Motiv bewegt.

Hoffe das hilft.


1
Sehr nette Antwort. Ich habe dein Bild in bearbeitet, willkommen bei GD.SE!
Yisela

Vielen Dank, @ Yisela Ich war mir nicht sicher, wie ich mein Bild für die direkte Anzeige veröffentlichen soll. Das habe ich in den Buchungsunterlagen nicht bemerkt.
Jwarton

1
Kein Problem :) Du kannst nur Bilder posten, wenn du 10 Reputation hast. Aus diesem Grund wurde die Option deaktiviert (kein Problem mehr!)
Yisela

Ihr Weg sieht nur für die Animation geeignet
Vinand

Es tut mir leid, wenn dies bei Vinand nicht hilfreich war. Ich war mir Ihrer Anwendung nicht bewusst und dachte, es wäre effektiv, die implizite Bewegung aus einem etwas anderen Blickwinkel zu betrachten. Ich hoffe, einige der anderen Posts hier haben Ihre Räder zum Laufen gebracht. :)
Jwarton

16

Wie Scott bemerkte, wird Bewegung normalerweise durch Linien, Unschärfe und / oder durchscheinende Teilbilder des Objekts dargestellt, die hinter der "Bewegungsrichtung" liegen.

Um eine saubere Vorderkante mit einer Bewegungsunschärfe oder einem ähnlichen Effekt auf die Hinterkante zu erhalten, benötigen Sie zwei Ebenen. Das erste ist das Objekt selbst, das zweite ist darauf gelegt und teilweise ausgeblendet.

Eine schnelle und einfache Möglichkeit hierfür ist Motion Blur. Hier ist eine Illustration, die in eine zweite Ebene kopiert und auf die Kopie eine Bewegungsunschärfe angewendet wurde.

Bildbeschreibung hier eingeben

Und hier ist es mit der "Vorderkante" Unschärfe mit einer Ebenenmaske entfernt:

Bildbeschreibung hier eingeben

Durch Überblenden der Maske können Sie einstellen, wie viel oder wie wenig der Effekt das Objekt überlagert. Für zusätzliche Gutschrift können Sie einen Verflüssigungsfilter auf das hintere Ende der Unschärfe anwenden, um "Turbulenzen" zu erzeugen.


1
Wäre es nicht im Allgemeinen besser mit einer kürzeren Bewegungsunschärfe zu beginnen und nur bewegt die unscharfe Schicht , so dass die Vorderkante ausrichtet mit dem ursprünglichen Objekt? Sie können dann die Maskierung verwenden, um den Effekt zu optimieren, wenn Sie möchten.
Ilmari Karonen

1
Es gibt viele Möglichkeiten, dies zu tun. Kürzere Bewegungsunschärfen neigen dazu, zu undurchsichtig und nicht ausreichend weich zu sein, und es gibt eine bestimmte Grenze dafür, wie weit Sie sie verschieben können. Wenn überhaupt, würde ich eine größere Unschärfe verwenden und sie in die entgegengesetzte Richtung bewegen.
Alan Gilbertson

15

Wenden Sie etwas Wind und Bewegungsunschärfe an und Sie können das Gefühl der Geschwindigkeit geben: Angewendete Effekte

  1. Drehe dein Bild um 90CW, da der Wind nur seitwärts wirkt.
  2. Wählen Sie die Ebene mit der Papierebene aus (kein Hintergrund oder etwas anderes).
  3. Duplizieren Sie die Ebene, um eine saubere Kopie zu erhalten. Probieren Sie verschiedene Einstellungen aus und vergleichen Sie sie.
  4. Filter anwenden> Stilisieren> Wind und nach Bedarf wiederholen, ich habe es nur zweimal gemacht.
  5. Filter anwenden> Weichzeichnen> Bewegungsunschärfe
  6. Spiel mit den Einstellungen, ich habe 0 ° und 100 Stärke verwendet.

Jetzt sind Sie an der Reihe, kreativ zu sein.

BEARBEITEN: Vergessen Sie nicht, Ihr Bild um 90CCW zurückzudrehen


1
Ein kleines Problem hier ist , dass die Linien gehen gerade nach unten nicht der impliziten Perspektive der Ebene passen, so dass es wie Eiszapfen oder die Rückseite der Ebene gesehen werden könnte , nach oben bewegt
user56reinstatemonica8

1
Ich denke, es wäre besser, wenn der Wind / die Unschärfe vor dem Flugzeug entfernt würde.
MrWhite

7

Dies mag Sie vielleicht mehr ansprechen, aber es wird einige Mühe kosten, das Pfadwerkzeug, den Strich und einige sorgfältige Maskierungen zu verwenden:


3
+1, das ist ein schönes Bild, wahrscheinlich nicht geeignet für Geschwindigkeit, aber für Bewegung sicher
Ilan

Haha, in der Tat. Da hast du recht.
Jwarton

Ich mag es so sehr, dass ich sogar einen Spielcode neu schreiben werde, um ihn hinzuzufügen. Aber ich finde das vorherige Beispiel mit dem Stiftwerkzeug immer noch besser für den Begrüßungsbildschirm.
Vinand

3
Das klingt nach einem lustigen Projekt! Halten Sie uns über Ihre Fortschritte auf dem Laufenden!
Jwarton
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.