Tolle 3D-Schaltflächen für Webseiten gestalten

Mit Hilfe der beiden Programme Simply 3D 2 und Picture Publisher 7 können Sie Ihre Webseiten mit dekorativen 3D-Schaltflächen ausstatten. Die Vorbereitung geschieht
in Simply 3D 2, in dem Sie zunächst in einer neuen Datei nach einem Klick auf die
Schaltfläche »Formen« eine »Kugel erstellen«. Über »Extras | Objekt bearbeiten | Profil«
können Sie das Aussehen der Kugel verändern, sie also zum Beispiel flachquetschen
oder die kreisförmige Kontur in eine andere Form zerren. Durch einen höheren Wert in »Unterteilungen« sorgen Sie für weichere Rundungen, zusätzliche Änderungspunkte erhalten Sie durch einen höheren Wert im Feld »Schlüssel«. Der Bereich »Abschnitt« und das obere Feld entsprechen der Vorderansicht der Kugel, der Bereich »Profil« und das untere Änderungsfeld der Draufsicht auf die Kugel.
Nach diesen Änderungen schließen Sie das Fenster »Profil bearbeiten« mit »OK« und
richten nach einem Klick auf die Schaltfläche »Objekte drehen | In x-Richtung drehen«
das Objekt zur Kamera hin aus. Dafür klicken Sie es zuerst an und ziehen bei gedrückter linker Maustaste die Maus nach unten, bis Sie die gewünschte Einstellung gefundenhaben. Ein Klick auf die Schaltfläche »Rendern« zeigt Ihnen, daß der Button bisher noch nicht sehr spektaktulär aussieht, denn noch fehlt es an einem attraktiven Material.
Öffnen Sie dafür im Fensterbereich »Katalog« den Ordner »Materialien | Metall« und ziehen Sie ein vielversprechendes Material, zum Beispiel das Feld »Eisen«, per Drag-and-Drop auf die Kugel. Im Szeneneditor öffnen Sie den Ordner »Materialien« unter »Kugel« und klicken »Eisen« mit der rechten Maustaste an. Wählen Sie aus dem Popup-Menü »Farbe« und weisen Sie dem Objekt einen möglichst dunklen Farbton Ihrer Wahl zu, zum Beispiel ein dunkles Rot, (das vierte Feld der ersten Reihe). Nach einem Klick auf »OK« können Sie nochmals rendern, um zu prüfen, ob Sie mit dem Material zufrieden sind. Falls Ihnen das Ergebnis zu düster ist, können Sie aus dem »Katalog« im Bereich »Lichtquellen« weitere Leuchtkörper auf das Objekt ziehen. Gut geeignet ist etwa die Beleuchtung »2 zu 45░«. Jetzt fehlt nur noch die Schrift, die Sie nach einem Klick auf die Schaltfläche »Text | Textassistent« bequem menügeführt editieren können. Falls sie zu groß ausfallen sollte, prüfen Sie zunächst mit »Ansicht | Ansichtsebene | Seite«, wo der Text gelandet ist. Mit einem Klick auf den Eintrag »Text_Name« markieren Sie den Text und ziehen ihn nach einem Klick auf die Schaltfläche »Verschieben | In x-Richtung schieben« vor die deformierte Kugel. Über »Ansicht | Ansichtsebene | Kamera« wechseln Sie wieder in die normale Ansicht, in der Sie jetzt die Textgröße über die Schaltfläche »In xyz-Richtung skalieren« so stark verkleinern, bis der Text kleiner ist als der Button. Wählen Sie dann »Extras | Rendereinstellungen | Sehr gut« und klicken Sie auf »Rendern«. Um das gescannte Ergebnis zu speichern, wählen Sie »Datei | Speichern unter«, geben unter »Dateityp« ein Bildformat, zum Beispiel »Tagged Image-Dateiformat (.tif)«, an und laden dieses Bild im Picture Publisher. Hier markieren Sie mit dem Maskenwerkzeug einen möglichst engen Bereich um die Schalfläche und entfernen den Rand um die Markierung mit »Maske | Schneiden«. Mit »Datei | Export | GIF-Export« bringen Sie die Datei in ein Internettaugliches Format. Legen Sie nach einem Klick auf das bunte Feld rechts unter »Hintergrundfarbe« den Farbton »Schwarz« aus und fügen Sie mit Klick auf »Hinzufügen« das schwarze Farbfeld in die »Transparenzpalette« ein. Die GIF-Datei können Sie als Grafik in Ihre Internet-Seite einfügen. Für den Entwurf weiterer Seiten wechseln Sie wieder zu Simply 3D 2.