Wenn Sie sich beim Seitenhintergrund für ein Bild oder Foto
entscheiden, sieht dies im oberen Teil der Seite meist sehr gut
aus. Sobald aber die Seiten länger werden, erreicht man
irgendwann das Ende des Hintergrundbildes und ein "Wiederholen"
(kacheln) ist mit unschönen Übergängen verbunden, da normale
Bilder nicht darauf ausgelegt sind, vertikal oder horizontal
wiederholt zu werden.
Die meisten Bilder lassen sich aber mit wenigen Handgriffen
so umgestalten, dass sie problemlos als Hintergrundgrafik
genutzt werden können. Der Trick ist, dass man einen
Farbverlauf hin zur gewünschten Hintergrundfarbe an den Rändern
des Bildes (bzw. nur nach unten, sofern das Bild eine
ausreichende Breite besitzt) hinzufügt. Die gleiche Farbe wählt
man dann als Seitenhintergrundfarbe und so geht das Bild
fliessend in den Hintergrund über und man erkennt keine Ränder
oder Übergänge mehr.
Um die Vorgehensweise und das Resultat zu verdeutlichen,
werden im folgenden die einzelnen Schritte mit Hilfe des pixlr
Photo Editors erklärt.
- pixlr Photo Editor öffnen und über "open image from
computer" das entsprechende Bild von Ihrem PC wählen.
- oben in der Menüleiste auf "Language" und dort die
Sprache auf Deutsch umstellen (zum besseren Verständnis)
- oben auf "Ebene" und dann auf "Neue Ebene" klicken
- Farbauswahl-Werkzeug auswählen (Taste I) und auf die
gewünschte Hintergrundfarbe in Ihrem Bild klicken
- links in der Werkzeugleiste das "Gradient-Werkzeug"
(links, sechstes von oben) wählen
- oben, unterhalb der Menüleiste auf die Grafik neben
"Verlauf" klicken
- im erschienenen Fenster unten bei den Verlaufsarten in
der ersten Zeile das 3. Bild anklicken
- im gleichen Fenster oben drüber auf Farbe klicken, und
anschliessend mit der Pipette auf die gewünschte zukünftige
Hintergrundfarbe in Ihrem Bild klicken. Unbedingt den
6-stelligen Farbcode (z.B. #001361) rechts notieren
(wird später benötigt). Im Farbfenster "OK" klicken
- wieder oben unter der Menüleiste bei "Typ" linear, bei
"Modus" normal wählen
- mit der Maus an den Rand des Bildes navigieren, an dem
der Farbverlauf erzeugt werden soll (aber noch knapp im
Bild bleiben)
- linke Maustaste klicken und gedrückt halten und die Linie
gerade über ca 3/4 des Bildes ziehen. Anschliessend Maustaste
loslassen
- Oben auf Datei und dann Speichern klicken. Als Format
"PNG" wählen und den gewünschten Namen angeben und an
gewünschter Stelle auf Ihrem PC abspeichern.
Sollte der bei Punkt 11 erzeugte Farbverlauf nicht
zufriedenstellend sein, dann drücken Sie die Tastenkombination
"Strg + Z" um den letzten Arbeitsschritt rückgängig zu machen
und wiederholen Sie diesen Punkt bis der gewünschte Verlauf
erstellt wurde. Die Länge der Linie gibt die Länge des Verlaufs
wieder. Aber wie so oft gilt auch hier: probieren geht über
studieren!
Das so erzeugte Bild mit Verlauf muss nun noch auf Ihrer
Homepage über den Designeditor als
Hintergrundbild integriert werden. Wählen Sie dort "Keine
Wiederholung" und als Hintergrundfarbe den vorher bei Punkt 8
notierten Farbcode mit dem Sie den Verlauf erzeugt haben.
Unten sehen Sie Beispielbilder mit und ohne Verlauf. Auf der
rechten Seiten können Sie das Beispielbild als
Seitenhintergrund mit Verlauf sehen.