Hintergrund-Textur

Fundgruben-Tipp: Webhintergrund mit Textur


Es gibt im Internet viele Seiten, von denen Du vorgefertigte Texturen kostenlos downloaden kannst. Die Krönung sind jedoch selbst ertellte Texturen als Hintergrund in Deiner Website!

Im Gegensatz zum Webhintergrund mit Farbverläufen kann es für Backgrounds mit Texturen durchaus von Bedeutung sein, welche Breite die Texturgrafik hat. Es kommt schlicht auf das Motiv an. Wichtig ist, dass sich die Textur kacheln lässt, da es sonst unschöne Übergänge gibt. Bei der Auswahl der Textur achte ferner darauf, dass sie nicht zu dominant ist, da Deine Website sonst schnell unruhig wirken könnte, was die Besucher vertreibt.


Hinweis:

Dieser Tipp ist eine Coproduktion mit Friedhelm von meiner Partnerseite. Die Einzelheiten dazu, wie Du Texturen als Hintergrund in Deine Webseite einbinden kannst, findest Du in Friedhelms CSS-Fundgrube anschaulich erklärt. Ein Besuch lohnt sich!



Wie erstellt man nun solche kachelbaren Texturen in PI?

Öffne eine neue Leinwand, zum Beispiel in 70x70 Pixel, und fülle sie mit einer Farbe Deiner Wahl. Für unser erstes Beispiel habe ich #C09C42, einen Goldton, gewählt.

Gehe über "Foto" und "Rauschen" auf "Rauschen hinzufügen":

Rauschen hinzufügen


Entscheide Dich zum Beispiel für das Vorschaubild unten links und bestätige mit OK. Fertig ist Deine erste Textur:

Original: Textur Rauschengekachelt auf 210x210 px: Textur Rauschen


Das ist eine sehr einfache Textur. Mehr Pfiff erhälst Du über die Trickkiste!


Öffne eine neue Leinwand, wieder in 70x70 Pixel.
In der Trickkiste wähle aus der Rubrik Bildverbesserungen-Füllen die Hintergrundtextur BT117:

Trickkiste


Rechtsklicke auf das Vorschaubild und wähle im Kontextmenü "Eigenschaften ändern und anwenden...". Hier kannst Du die Feineinstellungen vornehmen.
Zunächst musst Du die Zellengröße auf die Größe Deiner Leinwand bringen. Das ist für die Kachelung wichtig. Über den Hintergrundtyp kannst Du die Textur ein bisschen abschwächen:

Textureinstellungen


Klicke Dich einmal durch die Möglichkeiten und beobachte die Vorschau. Mit dem Hintergrundtyp 5 habe ich am Ende dieses Ergebnis erzielt:

Original: Textur mit Reliefgekachelt auf 210x210 px: Textur mit Relief


Die folgende Textur entstammt der feingeschliffenen Hintergrundtextur BT132:

Original: Textur mit Mustergekachelt auf 210x210 px: Textur mit Muster


Diese Textur entstammt der feingeschliffenen Hintergrundtextur BT115:

Original: Textur mit Glaseffektgekachelt auf 210x210 px: Textur mit Glaseffekt



Mit dem PlugIn "Simple" kannst Du auch Mustertexturen erstellen, die kachelbar sind. Hier arbeitest Du zu Beginn besser mit einer etwas größeren Leinwand. Eine mit "Simple" erstellte kachelbare Mustertextur könnte so aussehen:

Textur mit Muster

Beachte: eine solche Textur eignet sich wegen des auffälligen Motivs nur bedingt als Background für die gesamte Webseite.


Mehr zum PlugIn-Tipp "Simple" findest Du im PI-Kursteil 11 unter Ziffer 5!



... Hier geht's nach oben !


... Zur Inhaltsübersicht der PI-Fundgrube !

PI-Miniaturmalereien