Autorun CD Menu erstellen

Autorun CD Menu für CD und DVD, Frontend-Menu für USB-Stick erstellen

KS-SW - Klaus Schwenk Software

Tutorial

Der Bitmap-Button





Zur Erstellung der Bitmap-Buttons steht seit der Version 2.4 ein zusätzliches Programm zur Verfügung: Der Button Creator

Falls jedoch der Wunsch besteht, ein Button-Bitmap nach zu bearbeiten oder ein Bitmap selbst zu erstellen, folgt hier die Beschreibung des Bildformates.

Der Entwurf des Button-Images erfolgt mit Ihrem Grafikprogramm. Im einfachsten Fall ist dies "Paint", das zu dem Lieferumfang von Windows gehört. Empfohlen wird "Paintshop Pro" oder ein gleichwertiges Programm.


Das Bitmap des Buttons besteht aus drei untereinander angeordneten Teilbildern - das obere Bild für den Button im Ruhezustand, das mittlere für den Button im Mouseover-Zustand (Der Mauszeiger befindet sich innerhalb des Schalters), das untere Bild für den Button im gedrückten Zustand. Es schließt sich eine Zeile mit einem Pixel-Höhe an, die die Information der transparenten Farbe enthält.

Soll ein Button mit 200 Pixel-Breite und 32 Pixel-Höhe entworfen werden, so muss ein Bitmap in der Größe 200 x ((3 x 32) + 1) Pixel = 200 x 97 Pixel erstellt werden. (Siehe unteres Beispiel, bei dem allerdings die farblichen Unterschiede nur sehr gering sind)


Bitmap für Bitmap Button erstellen


Die transparente Farbe in obigem Beispiel ist Gelb. (Pixelzeile 97)
(wird jedoch im Beispiel nicht verwendet)


Die Beschriftung des Buttons kann wahlweise im Bitmap-Image vorgenommen werden oder man kann CDMenuPro die Beschriftung überlassen. Falls man sich für letzteres entschließt, benötigt man nur ein Buttonbild für alle Buttons und kann sehr schnell Änderungen vornehmen.

In folgenden Beispiel hat CDMenuPro die Beschriftung ausgeführt.
Fonteinstellung: (CDMenuProEd Menüleiste: Stile - Zentraler Buttonstil...")
Arial, Fett, 12, Effekt: Geprägt.

Falls der Buttontext im Bitmap liegt, werden keine Eingaben im Button Eigenschaftsdialog unter "Button-Text" vorgenommen.



Button Idle-Zustand

Button Mouseover-Zustand

Button Button Down-Zustand



Demo mit runden Bitmap Buttons.

Demo mit runden Bitmap Buttons

Button im Ruhezustand
Ruhe-Zustand

Button im Mouseover Zustand
Mouseover-
Zustand

Button im Down Zustand
Button- gedrückt-
Zustand