Schritt 1: Vorbereitung

Öffnen Sie ein neues Dokument indem Sie [STRG] + [N] drücken. Wenn sich das neue Dokument geöffnet hat, erweitern Sie Ihren Arbeitsbereich mit dem Objektmanager und den Eigenschaften. Diese befindet sich dann im rechten Bildschirmbereich und werden einmal über den Menüpunkt Extras > Objekt-Manager und durch klicken der rechten Maustaste und Eigenschaften aktiviert. Danach klicken Sie in der oberen Leiste auf Ansicht > An Hilfslinien ausrichten.

Schritt 2: Der erste Kreis

Jetzt können wir mit unserem Button beginnen. Wählen Sie im Werkzeugbereich auf der linken Seite Hilfsmittel ‘Ellipse’ aus oder drücken Sie [F7]. Nun erscheint ein Kreissymbol an Ihrem Mauszeiger. Erstellen Sie einen exakten Kreis indem Sie [STRG] und die linke Maustaste gedrückt halten und die Maus entsprechend ziehen. In diesem Beispiel habe ich einen Kreis mit 100×100 mm erstellt.

Wie Sie sicherlich schon gestgestellt haben, befindet sich rechts im Bildschirm auch eine Farbtabelle. Wenn Ihnen eine der aufgeführten Farben gefällt und Sie Ihren Button entsprechend gestalten möchten, klicken Sie mit der linken Maustaste auf die Farbe, um die Füllung anzupassen und mit der rechten Maustaste, um den Rahmen anzupassen. Für dieses Beispiel benötigen wir allerdings keinen Rahmen und schalten diesen aus, indem wir in der Farbtabelle auf die oberste weiße Fläche mit dem X klicken.

Schritt 3: Der zweite Kreis

Klicken Sie auf den erstellten Kreis und kopieren Sie diesen mit [Strg] + [C] oder mit rechter Maustaste > Kopieren. Anschließend fügen Sie den Kreis ein, indem Sie [Strg] + [V] oder mit rechter Maustaste > Einfügen. Da der neue Kreis nun identisch mit dem ersten Kreis ist, verwenden wir für den Neuen eine andere Farbe. Wählen Sie einfach eine beliebige aus der Farbtabelle aus.

Wenn Sie sich für eine neue Farbe entschieden haben, verkleinern wir den vorderen neuen Kreis um 5 mm in der Höhe und 5 mm in der Breite. Dies können Sie unterhalb der Menüleiste einstellen. Anschließend werden wir den oberen Kreis mit einem Farbverlauf versehen. Klicken Sie einfach in der Werkzeugleiste bei Hilfsmittel ‘Interaktive Überblendung’ auf das kleine Dreieck, rechts unten. Dadurch erweitert sich dieser Punkt. Klicken Sie nun Transparenz und ziehen Sie mit gedrückter Maustaste von links oben nach rechts unten des hinteren Kreises. Selbstverständlich können Sie den Farbverlauf auch in jede beliebige Richtung ziehen.

Schritt 4: Die Spiegelung

Drücken Sie nun erneut [Strg] + [V] oder mit rechter Maustaste > Einfügen, um einen dritten Kreis einzufügen. Verkleinern Sie diesen um jeweils 10 mm in der Höhe und Breite und färben Sie ihn weiß. Anschließend verwenden Sie wieder das Tranparenz-Werkzeug, von Schritt 3. Allerdings ziehen Sie nun den Verlauf von oben nach unten. Starten Sie ruhig ein drittel oberhalb des Kreises, den Farbverlauf.

Anschließend ändern Sie noch die Größe des dritten Kreises auf ca. 80×63 mm und Positionieren ihn ein paar Millimeter unterhalb des zweiten Kreises.

Schritt 5: Individuelles Design

Da Sie nun mit Ihrem Glas-Button fertig sind, können Sie diesen noch mit einem Text, Bild und/oder Schatteneffekt versehen.

Probiert es doch einfach mal aus. Ist wirklich sehr interessant.