4 Farben / Ecken Farbverlauf mit Illustrator oder Photoshop


13

Ich sollte ein Vektorrechteck mit einem Farbverlauf aus 4 Farben für jede Ecke erstellen. Ich konnte nur einige sehr allgemeine Informationen über die Verwendung von Live-Mischungen finden , bin mir jedoch nicht sicher, ob dies das beste Tool ist, und war dennoch nicht in der Lage, dies zu tun. Wie würden Sie das in Illustrator genau erreichen? (Und sekundär in Photoshop?)

4-Farben-Farbverlauf (dieses Bild stammt aus der Photoshop-Farbauswahl)


Sie könnten einfach Quadrate zeichnen und eine Gaußsche Unschärfe verwenden, nicht wahr?
Jeremy

Antworten:


12

Verlaufsgitter in Illustrator

  • Zeichne ein Rechteck
  • Wählen Sie das Mesh-Werkzeug
  • Klicken Sie auf eine Ecke des Rechtecks
  • Eckenfarbe auftragen
  • Wählen Sie das Direktauswahl-Werkzeug
  • Klicken Sie auf einen anderen Eckanker und wenden Sie die Farbe an
  • Wiederholen Sie dies für die verbleibenden Ecken

Gittergewebe

Für einen solchen Gradienten gibt es keine einfache Ein-Klick-Lösung.

Formebenen in Photoshop

Für Photoshop sind die Prozesse umständlicher und komplizierter und bei weitem nicht so präzise.

Eine Methode könnte darin bestehen, für jede Ecke eine separate Form / Vektor-Ebene und dann eine ausgefüllte Form als Basis zu verwenden.

Finale

Grundsätzlich legen Sie für jede Form einen Verlauf fest:

Gradient

Sobald Sie die 4 Formen mit Verläufen haben, ändern Sie ihre Mischmodi in Abdunkeln . Das untere weiße Rechteck, das ich verwendet habe, brauchst du nicht unbedingt . Aber ohne einen einfarbigen (vorzugsweise weißen) Hintergrund hinter den Verlaufsformebenen sehen die Dinge nicht ganz richtig aus.

Ein weiteres Verfahren für Photoshop sein könnte, einfach das packen Verlaufswerkzeug , stellen Sie eine Farbe transparent verlauf und dann ziehen Sie von einer Ecke . Wiederholen Sie dies für jede der 4 Farben. Das Problem bei dieser Methode ist, dass die Länge des Verlaufs bei jedem Ziehen unterschiedlich ist. So werden Sie nicht mit 4 gleichen Eckverläufen enden. Die Methode Vektorebene / Formebene stellt sicher, dass die Farbverläufe alle gleich lang sind.

Am Ende würde ich dies einfach in Illustrator generieren und dann als Smart Object in Photoshop kopieren / einfügen.


1
Ein intelligentes Objekt in Photoshop (aus Illustrator) ist die beste und einfachste Lösung. Sie können damit auch den Farbverlauf ändern! Vielen Dank für Ihre sehr ausführliche Antwort.
Taseenb

3

Um den gewünschten Effekt in Photoshop zu erzielen, würde ich das Sblended-Add-On empfehlen. Vollständige Offenlegung: Ich habe es geschrieben.

Hier ist ein Screenshot der Oberfläche, mit der der Verlauf erstellt wurde.

Vier-Eck-Gefälle mit Sblended

  • Fügen Sie zwei Zeilen hinzu, indem Sie auf eine beliebige Stelle im Hauptbereich tippen
  • Fügen Sie jeder Linie zwei Farbstopps hinzu, indem Sie auf eine beliebige Stelle der Linie tippen
  • Positionieren Sie die Farbstopps durch Ziehen an den Ecken
  • Wählen Sie die gewünschten Farben aus, indem Sie zweimal auf einen Farbstopp tippen

Sobald Sie den Effekt erstellt haben, können Sie ihn wie das integrierte Verlaufswerkzeug anwenden, indem Sie ihn über den gewünschten Bereich ziehen.

Sie können die kostenlose Demoversion hier herunterladen und ausprobieren: https://creative.adobe.com/addons/products/17501


Hallo Brian, willkommen auf der GDSE. Dein Plugin macht in der Tat das, was das OP verlangt. Vielen Dank für die vollständige Offenlegung. Fühlen Sie sich frei, mitzumachen. Ihre Zeit und Mühe tragen dazu bei, dass diese Seite großartig wird!
PieBie
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.