DesignTips > > Tutorial für Farbverlauf in die Transparenz(Illustrator)

Tutorial für Farbverlauf in die Transparenz(Illustrator)

Tutorial für Farbverlauf in die Transparenz(Illustrator)

Dieses Tutorial zeigt, wie man im Illustrator einen ins transparente gehenden Farbverlauf erstellt.

Dadurch kann man ein undurchsichtiges Objekt wie oben gezeigt durchsichtig erscheinen lassen. Diese Technik wird oft für Webdesigns oder Flyer-Überschriften verwendet.

Für dieses einfache Tutorial werden wir eine Deckkraftmaske verwenden. Sehen wir uns das Ganze anhand eines einfachen Beispiels an.

Schritt 1: Entsprechende Grafik zeichnen

Zeichnen Sie im Illustrator eine Grafik, mit der Sie arbeiten wollen. Im Beispiel habe ich einen Kreis gezeichnet.

Schritt 2: Grafik vervielfältigen

Jetzt vervielfältigen wir die Grafik direkt auf der gerade gezeichneten Grafik.

Wählen Sie das Objekt aus und drücken Sie Strg+C (Bearbeiten→Kopieren) und danach Strg+F (Bearbeiten→Davor einfügen). (Strg+V fügt die Grafik einfach nur ein, Strg+F hingegen kopiert die Grafik genau vor die bereits kopierte Grafik.)

Schritt 3: Auf den vorderen Kreis einen Schwarz/Weiß-Farbverlauf anwenden

Jetzt wenden wir einen Schwarz/Weiß-Verlauf auf den vorderen Kreis an.

Wählen Sie das Objekt aus und stellen Sie das Verlauf-Panel (Fenster→Verlauf) wie oben gezeigt ein. (Art: Linear)

Schritt 4: Deckkraftmaske erstellen

Wählen Sie beide Kreise aus. (Strg+A oder Auswahl→Alles auswählen)

Klicken Sie im Transparenz-Panel (Fenster→Transparenz) wie oben gezeigt oben rechts und erstellen Sie eine Deckkraftmaske.

Schritt 5: Deckkraftmaske wurde angewendet

Die Dreckkraftmaske wurde angwendet! Zwar ist die Maske so schon in Ordnung, aber dieses Mal möchte Ich die Maske von Links nach Rechts durchsichtig werden lassen. Deshalb kehren wir die Maske um.

Klicken Sie im Transparenz-Panel auf Umkehren.

Schritt 6: Maske wurde umgekehrt

Die Maske wurde umgekehrt.

Die Grafik wird nun von Links nach Rechts gleichmäßig transparent.

Schritt 7: Bild vorbereiten

Jetzt möchten wir den Effekt auf ein Bild anwenden, was Sie sich selbst aussuchen können.

Der Prozess ist der Selbe.

Wählen Sie demnach zuerst ein Bild, welches Sie mit einem transparenten Farbverlauf versehen wollen.

Schritt 8: Rechteckt in Größe des Bildes

Erstellen SIe über dem Bild ein Rechteck in gleich Größe, genauso wie in Schritt 2.

Schritt 9: Farbverlauf auf Rechteck anwenden

Jetzt wenden wir den Farbverlauf auf das Rechteck an.

Da ich das Bild nur langsam transparent lassen werden möchte wähle ich etwas andere Einstellungen.

(Die oben angezeigten Einstellungen sind die Einstellung für das Beispielbild. Je nach Farbe des Bildes ändert sich auch das Aussehen der Transparenz. Passen Sie die Verlaufeinstellungen je nach Bild individuell an.)

Nur als Tipp, es ist sinnvoller den Teil in dem das Bild transparent werden soll genau einzustellen und den nicht-transparenten Teil so zu lassen wie er ist. Da es sich in diesem Fall um einen Schwarz-Weiß verlauf handelt sollten Sie nur Grautöne für die einzelnen Farben verwenden.

Schritt 10: Deckkraftmaske erstellen

Wenn Sie mit den Einstellungen fertig sind brauchen Sie nur wie in Schritt 4 eine Deckkraftmaske erstellen.

Schritt 11: Maske umkehren

Klicken Sie nun erneut auf Maske umekehren.

Schritt 12: Stück für Stück transparent werdender Verlauf

Das Bild hat nun einen Stück für Stück transparent werden Verlauf.

Zusammenfassung

Dieses Mal habe ich Ihnen gezeigt, wie man im Illustrator einen transparenten Verlauf erstellt. Das Tutorial war an sich ziemlich einfach denke ich.

Man kann sagen, der wichtige Punkt dieses Mal war es einen weichen Verlauf zu erstellen.

Je nach Einstellungen des Schwarz/Weiß-Verlaufs ändert sich auch das Aussehen der Transparenz. Diese Technik lässt sich oft verwenden, weshalb es sich lohnt mit dein Einstellungen von Schritt 9 zu üben und sich diese Technik anzueignen.

この投稿文は次の言語で読めます: Vereinfachtes Chinesisch, Englisch, Japanisch

Tutorial zum Bearbeiten und Verformen von Text per Illustrator
Tutorial: Farbverlauf für Text (Illustrator)
Tutorial Baum für Illustrator
Tutorial zum Ausschneiden von Bildern (Illustrator)
Methode zum Erstellen von Kirschblüten in Illustrator ohne Verwendung des Zeichenstift-Werkzeugs
Tutorial für eine frühlingshafte Blume
Tutorial um Text aus einem Bild ausschneiden (Illustrator)
Tutorial für eine frühlingshafte Blume
Auch für Illustrator-Anfänger kein Problem! Anleitung zum Erstellen eines Kirschbaums