Aqua-Style mit Illustrator

Bartelme:Design zeigt Ihnen in dem folgenden Tutorial, wie Sie mit Adobe Illustrator in ein paar einfachen Schritten ein Aqua-Symbol erstellen.

Apple mit Aqua-Style

Seitdem Apple sein neues Betriebssystem „MacOS X“ im Aqua-Style herausgebracht hat, ist dieser in aller Munde. Viele sind von dem neuen Style fasziniert und versuchen diesen nachzubauen. Bartelme Design zeigt Ihnen in dem folgenden Tutorial, wie Sie mit Adobe Illustrator in ein paar einfachen Schritten ein Aqua-Symbol erstellen.

Im Prinzip bestet der Aqua-Style nur aus ein paar Verläufen, die in der richtigen Art und Weise kombiniert werden. Die Kugel ist eine jener Körper, die am einfachsten mit diesem Style versehen werden können. Aus diesem Grund wird sie für dieses Tutorial verwendet.

1. Schritt

Öffnen Sie Illustrator und zeichen Sie einen einfachen Kreis, und füllen Sie ihn mit einem Verlauf (kreisförmig).

In diesem Fall habe ich folgende Farben für den Verlauf bzw. für die Kontur verwendet.

Farbtabelle RGB

Um einen realistischeren Effekt zu erzielen, klicken Sie mit dem Verlaufs-Werkzeug ein wenig unterhalb der Mitte. Das Ergebnis sollte in etwa so aussehen.

2. Schritt

Als nächsten Schritt zeichen Sie einen weiteren Kreis und platzieren ihn, wie auf dem Bild unterhalb zu sehen.

Nachdem Sie die Deckkraft auf ca. 40% gesetzt haben, dürfte die Illustration in etwa so aussehen.

3. Schritt

Um den Effekt noch zu verstärken, verwenden wir die Funktion „Deckkraftmaske“. Wählen Sie den kleinen Kreis aus, klicken Sie in der Palette „Transparenz“ auf den kleinen Pfeil rechts oben, und wählen Sie den Punkt „Deckkraftmaske erstellen“ aus.

Erstellung der
Deckkraftmaske

Klicken Sie auf die schwarze Fläche — Sie befinden sich jetzt im Maskierungsmodus (der Kreis dürfte nun nicht mehr sichtbar sein). Zeichnen Sie nun über der Stelle, wo sich der Kreis befunden hat ein Rechteck — der Kreis erscheint wieder. Nun nutzen wir das Prinzip der Masken (dunklere Farben erhöhen die Transparenz und umgekehrt), um einen Verlauf ins Transparente zu erstellen. Dies sollte in etwa so aussehen.

4. Schritt

Wechseln Sie nun wieder in den normalen Modus zurück, und fügen Sie der Kugel einen leichten Schlagschatten hinzu — fertig.

Beispiele und Tutorials

Aufgrund der häufigen Anfragen bezüglich Aqua-Style habe ich drei kleine Beispiel-Dateien im Illustrator-Format zum Download bereitgestellt.

Hier ein Auszug jener Symbole, die unter der Verwendung des Aqua-Styles erstellt wurden.

Symbole mit Aqua-Style

1 comments so far

Skip to comment form

Matt December 07, 2006 at 09:50 AM

In Step 3, you can just put a greyscale gradient (white to black) on the highlight object and set the transparency mode to ‘Screen’ (as long as your document is in RGB mode).

Commenting is not available in this weblog entry.