Hintergrundmuster per Onlinegenerator
Häufig werden auf Websites Hintergrundbilder und Farbverläufe als Gestaltungsmittel für die Homepage eingesetzt. Grundlage für diese Techniken ist die CSS-Eigenschaft background-image, mit der einem HTML-Element ein Hintergrundbild zugewiesen wird. Im Buch hatte ich u. a. die Anwendung in Verbindung mit background-repeat und background-color erläutert.
Hintergrundbilder werden gewöhnlich in Bildbearbeitungsprogrammen erstellt, deren Bedienung Anfängern oftmals Probleme bereitet. Eine erstaunlich einfach zu bedienende Alternative zur Erstellung solcher Hintergrund-Pattern bietet der Onlinegenerator BgPatterns.
Maximal vier Schritte sind notwendig:
- Über die Registerkarte “Images” wählen Sie ein grundsätzliches Motiv inklusive Größe, Anordnung und Deckkraft aus.
- Über die Registerkarte “Canvas” fügen Sie ggf. eine Oberflächentextur hinzu.
- Über die Registerkarte “Colors” können Sie Vorder- und Hintergrundfarbe verändern.
- Über die Registerkarte “Rotate” können Sie das Motiv rotieren lassen.
Alle Veränderungen werden in dem rechten Vorschaufenster in Echtzeit berücksichtigt. Mit einem Klick auf “Apply background” wird das Bildmotiv auf den Hintergrund angewandt, wodurch ein konkreter Eindruck vermittelt wird. Über “Download image” lässt sich das Bild als JPEG-Bild herunterladen. Über “Save to My patterns” kann man seinen Entwurf auch online abspeichern, allerdings ist zunächst eine Registrierung notwendig.
Interessant ist ferner noch die Möglichkeit, dass im unteren Bereich der Website die von anderen Usern erstellten Kacheln als Inspirationsquelle angesehen und modifiziert werden können.
Getrübt wird der positive Gesamteindruck lediglich durch die fehlende Möglichkeit eigene Motive hochzuladen, und das Bilder lediglich als JPEG-File abgespeichert werden können, was je nach Motiv Qualitätseinbußen zur Folge haben kann.
Wer gar nicht selbst Hand anlegen möchte, findet eine kleine aber feine Auswahl bei Pattern Wall (leider nur JPEG). Quantitativ punktet hingegen DinPatterns, und hier werden auch verschiedene Bildformate angeboten (neben JPEG auch GIF, und PNG.).
Empfehlenswert ist schließlich noch patterrific. Allerdings ist hier - im Gegensatz zu allen anderen bisher vorgestellten Diensten - die Nutzung der Vorlagen nur bei privaten Websites kostenfrei, bei kommerziellen Projekten fällt eine (geringe) Lizenzgebühr an.
Abschließender Tipp: Wenn Sie speziell gestreifte Hintergründe generieren möchten, sollten Sie sich unbedingt den (kostenlosen) Stripe Generator anschauen. Definieren Sie Variablen wie Größe, Abstand und Farben der Streifen und klicken Sie auf das Bild um die Vorschau zu aktualisieren. Die fertige Datei können Sie im PNG-Format herunterladen.
Kommentare zu nur diesem Artikel können Sie als RSS 2.0 Feed 