Lichtstreuung in Inkscape

Für ein kleines Projekt von mir arbeite ich daran, ein Ressourcenpaket zu erstellen, das dem Paket ähnelt, das Sie hier finden . Im Wesentlichen handelt es sich um ein Paket mit Buchstaben, die Glühbirnen haben, um den Text zu beleuchten. Unten sehen Sie ein Beispiel.

Großkapital A

Wie Sie in diesem Beispiel sehen können, wird das Licht um jede Glühbirne herum gestreut, um den Effekt des Lichts zu erzeugen, das den Rest des A beleuchtet. Meine Frage ist, wie ich in Inkscape am besten einen ähnlichen Lichtstreuungseffekt erzeugen kann.

Antworten (1)

Zunächst einmal : Beachten Sie, dass Inkscape für Vektorillustrationen gedacht ist, daher sind die gewünschten Bildeffekte nicht die stärkste Seite von Inkscape ... Das Ergebnis, das Sie mit Programmen wie Inkscape erzielen, sieht zwangsläufig "flacher" und weniger realistisch aus als eine ausgewachsene Lichtsimulation, auch bekannt als 3D-Rendering / Raytracing. Wenn Sie lieber in diese Richtung gehen möchten, schauen Sie sich Blender und YafaRay an .


Trotzdem würde ich folgendermaßen vorgehen, um den Effekt in Inkscape zu imitieren:

Jede Glühbirne besteht aus zwei Komponenten: dem Körper der Glühbirne und dem Glühen um sie herum .

1. Der Körper

  • Verwenden Sie eine beliebige Anzahl von Kreisen, einige mit einer durchgehenden Füllung, einige mit nur einem Strich und teilweiser Kontur und einige mit einer Farbverlaufsfüllung. Wählen Sie die Farben und Farbverläufe aus dem Originalbild aus. Das ist ein künstlerischer Prozess, also gibt es kein Richtig oder Falsch. Fahren Sie fort/wiederholen Sie, bis Sie genügend Details und eine "karikaturistische" Kopie des ursprünglichen Glühbirnenkörpers haben.

  • Wenn Sie zufrieden sind, konvertieren Sie alle Strichobjekte in Pfade. Wählen Sie dann jedes Objekt aus und machen Sie die Füllung unscharf (verwenden Sie den Schieberegler direkt unter der Füllfarbe). Ich habe jedem Objekt eine etwas andere Unschärfe zwischen 3% und 10% gegeben. Dadurch werden die harten Kanten entfernt und der "cartoonartige" Look reduziert.

  • Eine einzelne Glühbirne könnte am Ende so aussehen:

2. Das Leuchten

Es gibt mehrere Filter, die so klingen, als könnten sie den Trick machen. Insbesondere „Filter“ > „Schatten und Glühen“ > „Ausschnitt-Glühen“, „Dunkel und Glühen“ und „Schlagschatten“ (mit einem farbigen Schatten) scheinen gute Kandidaten zu sein.

Wenn Sie diese Effekte jedoch tatsächlich anwenden, führt keiner von ihnen zum gewünschten Ergebnis. Um zu sehen, was ich meine, machen Sie einen gefüllten Kreis, der größer ist als Ihr Lampenkörper, wählen Sie eine orange leuchtende Farbe aus dem Originalbild und wenden Sie jeden Effekt an.

Anstatt vorkonfigurierte Filter zu verwenden, landete ich bei folgendem Workflow:

  • Überlagern Sie einen oder mehrere Kreise, bis sie gut mit dem Leuchten im Originalbild übereinstimmen. Verbinden Sie die Kreise mit "Pfad" > "Vereinigung". Beachten Sie, dass diese Form mit dem von der Glühbirne emittierten Licht übereinstimmen kann (aber nicht muss).

  • Wählen Sie nun eine passende Farbe für die neu erstellte Form (etwas Orange vom Original). Wenn Sie möchten, wenden Sie einen kreisförmigen Farbverlauf an, der von einem gelblicheren Orange auf der Innenseite zu einem dunkleren auf der Außenseite geht. Verwischen Sie dann die Füllung (z. B. 8 %) und machen Sie die Form transparent (z. B. 50 %).

3. Zusammenbauen

  • Produzieren Sie mehr Zwiebelkörper. Wenn Sie möchten, dass das Endergebnis gut aussieht, sollten Sie sich die Zeit nehmen, mindestens 3 oder 4 verschiedene Lampenkörper zu modellieren, aber für dieses Beispiel werden wir nur die Körper duplizieren und drehen.

  • Legen Sie ein leuchtendes Objekt unter jede Glühbirne. Skalieren Sie jedes leuchtende Objekt und passen Sie seine Transparenz an, sodass sie alle etwas unterschiedlich sind. Wenn Sie möchten, fügen Sie einen dunklen Hintergrund (wie im Original) hinzu, damit Sie besser beurteilen können, ob Sie dem Originaleffekt nahe kommen.

Im Original ist ein deutliches Muster inmitten des Leuchtens und über den ganzen Buchstaben sichtbar. IMHO soll dies entweder a) eine grobe Holzstruktur des Buchstabenkörpers oder b) eine Art Rauch / Moiré / Lens Flare-Muster anzeigen. So oder so sieht es cool aus, also hier ein Vorschlag, wie man diesen Effekt möglicherweise erzielen kann:

  • Verwenden Sie den Kalligrafiepinsel, um einige wellenförmige weiße Striche über Ihren Buchstaben zu ziehen. Sie sollten einem ähnlichen Muster wie die Linien im Original folgen. Wählen Sie dann eine weiße Füllung mit geringer Deckkraft (z. B. 10 %) und verwischen Sie die Füllung (z. B. 3 %). Zeichnen/passen Sie diese Linien manuell an, bis Sie zufrieden sind.

Offensichtlich fehlen noch einige Elemente, insbesondere der stranggepresste Aluminium-/Glasrahmen des Buchstabens. Da Sie nach dem Lichtdiffusionseffekt gefragt haben, werden wir uns hier nicht damit befassen. Ich hoffe jedoch, dass klar geworden ist, wie die Grundwirkung mit einfachen Formen, Füllungen, Deckkraft und – ganz wichtig – Unschärfe erreicht werden kann.


Eine letzte Bemerkung : Das Originalbild sieht auf jeden Fall sehr poliert aus, also wundern Sie sich nicht, wenn Sie ziemlich viel Mühe aufwenden müssen, um ein ähnliches Ergebnis zu erzielen. Ich denke, es erfordert entweder viel manuelle Illustration und Verfeinerung oder einige fortgeschrittene 3D-Modellierungs- / Rendering-Fähigkeiten, um ein so ausgefeiltes Ergebnis zu erzielen.