Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 8.6.7d, e: Erweiterbares Headerbild durch
Kacheltechnologie; Website und vergrößertes
Kachelbild
(http://www. howatec-online.de)
Abb. 8.6.7f-h: Unsichtbare Kachelübergänge
(Foto und Bearbeitung: Hammer)
Ausgangskachel mit sichtbaren Übergängen,
Bearbeitung im Verschiebungsfilter,
bearbeitete Kachel ohne Übergänge.
286
Grafiken und Bilder im Web
Im Beispiel der Howatec-Website wurde im Header ein kachelbares
Wasser-Hintergrundbild eingefügt, so dass der Headbereich
stets über die gesamte Browserbreite mit diesem Bild ausgefüllt
wird, wenn das Browserfenster bei hoher Monitorauflösung weit
aufgezogen wird. In der Mitte der Seite ist in Breite des Contentbereichs
ein statisches Wasserbild im Vordergrund platziert (Abb.
8.6.7d, e).
TIPP: Übergangslose Kacheln erstellen Sie in Photoshop folgendermaßen
(Abb. 8.6.7f-h):
Zunächst wird ein Ausschnitt in geeigneter Größe festgelegt.
Dieser sollte eine Rapportgröße aufweisen, die nicht sofort eine
Musterwiederholung erkennen lässt (möglichst keine Störstellen
integrieren), z. B. ein Bildausschnitt von 150 Pixeln Breite und
Höhe.
Öffnen Sie den Filter „Sonstige Filter: Verschiebungseffekt“. Geben
Sie bei horizontaler und vertikaler Verschiebung jeweils den halben
Wert der Datei ein (hier: 75 Pixel). Das Kontrollkästchen „Durch
verschobenen Bereich ersetzen“ muss angekreuzt sein. Arbeiten
Sie den nunmehr deutlichen Bildübergang mit dem Kopierstempel
oder Retuschier-Stempel nach, bis der Übergang nicht mehr sichtbar
ist. Setzen Sie dann die Verschiebung durch Eingabe der negativen
Werte zurück (hier: -75, -75).
Die so entstandene Kachel positionieren Sie als Hintergrundbild
und erhalten auf diese Weise eine Hintergrundstruktur ohne
merkbare Kachelübergänge.