Hintergrundgrafiken

Die Hintergrundgrafiken wurden mit Corel Photopaint erstellen. Ich habe dazu Version 11 verwendet, die Anleitung sollte jedoch auch mit allen anderen Versionen funktionieren.

Neue Datei

Im Menü: Datei > Neu
Für unser Beispiel 169 Pixel als Breite und 74 Pixel als Höhe angeben. Als Auflösung 72 Pixel (Standard) wählen.

Farbverlauf

Mit STRG + Rücktaste das Menü für die Hintergrundfarbe auswählen. Darin im unteren Teil auf das Icon "Farbverlauf" klicken und anschließend auf "Bearbeiten".
Im folgenden Fenster einen Winkel von 90.0 Grad einstellen. Im Bereich "Farbüberblendung" den Radiobutton "zwei Farben" auswählen. Bei der Farbe "von" die dunkle Farbe und bei "bis" die helle Farbe eintragen. In unserem Fall ist das bei "von" die RGB-Farbe 203, 229, 254 und bei "bis" die RGB-Farbe 252, 252, 254.

Das Fenster sollte nun folgendermaßen aussehen:

Dann in beiden Fenstern auf "OK".

Rechteck

Mit der Funktionstaste "F6" das Hilfsmittel "Rechteck" auswählen. Bei den Eigenschaften die Rahmenstärke auf 0 setzten und den Hintergrund aktivieren (ist Standardmäßig aktiviert). Dann ein Rechteck zeichnen, welches exakt 160 Pixel breit und 35 Pixel hoch ist. Es muss beinahe die Hälfte des Fenster bedecken und links oben ausgerichtet sein. Hilfreich ist es dabei, mit dem Lineal eine Hilfslinie zu erzeugen und exakt in der Mitte des Bildes anzulegen.
Das Bild sollte nun folgendermaßen aussehen:

Duplizieren

Damit der Farbverlauf nicht so abrupt endet muss das Rechteck dupliziert werden. Dazu das erzeugte Rechteck markieren und STRG+D drücken.

Spiegeln

An der mit dem Kreis markierten Stelle mit der Maus klicken aber nicht loslassen. Anschließend die STRG Taste drücken und etwas nach unten ziehen (knapp unter dem Rechteck). Anschließend die Maustaste loslassen und die Änderungen über die rechte Maustaste zuweisen.

Verlauf anpassen

Danach die Höhe des neuen Rechtecks auf ca. 10 Pixel verringern und direkt unterhalb des ersten Rechtecks positionieren.

Hover-Effekt

Beide Rechtecke markieren (bei gedrückter Umschalttaste) und kombinieren (STRG + SHIFT + Pfeiltaste nach unten). Jetzt die Taste "R" drücken und exakt wie rechts gezeigt die obere Hälfte des Bildes markieren. Mit STRG+C die obere Hälfte kopieren und wieder einfügen. Achtung: Bei mir hat Corel Photopaint einen Bug, der das direkte Einfügen anschließend unmöglich macht. Sollte auch bei dir dieser Fehler auftreten, hilft ein STRG + SHIFT + N, anschließend ein STRG + X, dann das Fenster wieder schließen, ins alte Fenster wechseln und jetzt STRG + V drücken. Mit STRG + R die Maske löschen und das neue Rechteck nach ganz unten verschieben. Wie oben schon einmal geschehen das Rechteck wieder spiegeln (siehe Punkt Spiegeln).

Das Ergebnis sollte jetzt wie folgt aussehen:

Speichern

Das Ergebnis muss nun noch gespeichert werden. Dazu Datei > Speichern unter... auswählen, einen Dateinamen eingeben und als Dateityp "GIF" auswählen. Als Palette "Optimiert" wählen und die Anzahl der Farben auf ca. 15-20 festlegen. Es ist keine Transparenz nötig.

- Fertig -

Das Ergebnis sieht jetzt folgendermaßen aus: