Der Glas-Knopf

Nachfolgend zeige ich, wie Ihr einen runden Glas-Button gestaltet, der anmutet wie ein Knopf. Das erfordert kaum »Maus-Akrobatik« und ist einfacher, als man denkt ...

Wir legen ein neues Bild mit 500 mal 500 Pixeln an.

Wir erstellen zunächst mit dem Werkzeug rechteckige-/ elliptische Maske eine kreisförmige Maske mit einer Höhe und Breite von je 300 Pixeln. Pixelgenau geht das mit der Methode »Feste Größe«. Ist diese eingestellt, dann brauchen wir nur noch in die Mitte des Bildes zu klicken, um die Maske fertigzustellen.


Nun machen wir aus der Maske ein Objekt (Objekt → Objekt von Maske erstellen), dieses muss mit weiß gefüllt sein, und duplizieren dieses Objekt dann dreimal, so dass wir im Endeffekt 4 weiße Kreis-Objekte übereinanderliegen haben.


Wir wählen das untereste der vier Objekte (es liegt im Objekt-Manager (F12) ganz unten) und füllen es mit der Farbe, die der Button am Ende haben soll, in diesem Beispiel mit Orange (R:255, G:153, B:0).






Dann wählen wir das 2. Objekt (von unten gesehen) und verbergen die oberen zwei Objekte durch Klick auf das jeweilige Auge im Objekt-Manager.

Nun wechseln wir in das Lichtstudio aus dem Menü »Effekte«. Dort stellen wir folgende Beleuchtung ein: »Scheinwerfer«, Entfernung 40, Intensität 50, Blendenöffnung 50, Grundlicht 20, Belichtung 0, kein Hochglanz. Position des Scheinwerfers wie abgebildet.





Wir wählen das 2. Objekt von oben im Objekt-Manager, das oberste Objekt bleibt verborgen.

Wir machen aus diesem Objekt eine Maske (Maske → Maske von Objekt erstellen) und wechseln in den Maskenkanal (→ Ansicht → Maskenkanal). Ein weißer Kreis auf schwarzem Hintergrund strahlt uns entgegen.








Auf diesen weißen Kreis wenden wir den Gaußschen Verwischer aus dem Effektfilter-Katalog an. Wir stellen dabei eine Intensität von 25ein, »Fast« aktiviert. Dann klicken wir OK.








Wir invertieren den entstandenen weichgezeichneten Kreis durch Umformen → Invertieren.










Nun verlassen wir den Maskenkanal.

Wir füllen unser Objekt mit Schwarz, das Ergebnis ist rechts zu sehen. Und damit hätten wir unseren dritten Kreis fertig. Bevor wir nun weitermachen, löschen wir erst die Maske, da wir sie nun nicht mehr brauchen (Maske → Entfernen)


Wir wählen das oberste Objekt im Objekt-Manager. Außerdem verbergen wir das zweite und das dritte Objekt von oben mit Klick auf deren Augen.

Nun ist ein wenig Mausarbeit angesagt – aber wirklich nur ein wenig. Wir brauchen wieder unser Werkzeug Elliptische Maske. Wir ziehen damit eine elliptische Maske (Methode »frei«) von außerhalb des weißen Kreises in dessen oberes Drittel. Siehe Abbildung rechts.







Jetzt mischen wir die Maske mit dem Objekt (Objekt → Mit Maske mischen). Übrig bleibt nur noch ein weißes "Kugeloberteil", darunter müsste der orange Kreis zu sehen sein. (Falls nicht, dann müsst Ihr noch die Objekte zwei und drei dazwischen verbergen).







Wir entfernen die Maske und formen das oberste Objekt ein wenig um:
Zunächst verschieben wir es ein ganz kleines Stück nach unten. Dann skalieren wir es links und rechts ein wenig, machen es ein klein wenig schmaler. Aufpassen: Es handelt sich jeweils nur um Änderungen von wenigen Pixeln. Es müsste danach aussehen, wie rechts abgebildet.




Nun füllen wir das gerade verschobene Objekt mit einem Farbverlauf von Schwarz zu Weiß. Dazu setzen wir ungefähr in der Mitte an (Vordergrund: Schwarz) und enden am oberen Ende des obersten Objektes (siehe Pfeil).





Die Hauptarbeit ist damit geleistet. Wir wählen nun das Bearbeiten-Werkzeug (den weißen Pfeil). Jetzt geht es daran, die Objekte zu mischen. (Grundlagen dazu sind hier.)

Das oberste Objekt müsste immer noch markiert sein. Wir stellen dessen Mischmodus auf »Bildschirm«.











Wir markieren das zweite Objekt von oben. Dessen Mischmodus stellen wir auf »Subtraktiv«.










Wir markieren das dritte Objekt von oben und stellen bei diesem de Mischmodus auf »Schicht«.










Wie Ihr seht, ist der Button nun bereits so gut wie fertig. Jetzt können wir Ihn noch mit einem Schatten und einer Beschriftung verfeinern. Rechts seht Ihr das Endergebnis.








Das praktische an diesem Button ist, dass wir nun auch ohne Mühe andersfarbige Duplikate anfertigen können. Wir brauchen jeweils nur das unterste (farbige) Objekt mit einer anderen Farbe zu füllen. Praktisch, oder? Ich empfehle, immer etwas dunklere Farben zu verwenden, damit der Button kontrastreich bleibt. Aber am Besten ist, Ihr probiert einfach selbst herum. Nachfolgend seht Ihr einige Varianten.



Auf jeden Fall solltet Ihr den Button am Ende als *.ppf-Datei abspeichern, denn nur so werden die Einzelobjekte des Objekt-Managers konserviert. Bei allen anderen Formaten sind sie verloren und stehen beim nächsten Öffnen nicht mehr zur Verfügung !

Für alle diejeingen, die Schwierigkeiten haben, den Button hinzubekommen, habe ich hier die entsprechende ppf-Vorlage – nur zum Üben, nicht zur Weitergabe – vorbereitet, viel Spaß damit.