« WordWeb im Netz
Nahtlose Hintergrundmuster gestalten mit dem Tiled Backgrounds Designer
Vor einiger Zeit bin ich bei meinen Recherchen auf ein geniales Online-Tool gestossen: den Tiled Backgrounds Designer. Mit dem Tool kannst du schnell und einfach nahtlose Hintergrundbilder für deine Website zaubern. Hier erfährst du, was der Tiled Backgrounds Designer alles hinkriegt und kannst einige Hintergründe runterladen, die ich extra für meine Leser kreiert habe.
So kreierst du ein Hintergrundmuster
Den Tiled Backgrounds Designer findest du hier: bgpatterns.com. Öffne die Startseite des Tools, und schon kannst du loslegen.
1. Ein Bild wählen
Als erstes wählst du ein Bild, das dir gefällt. Im gleichen Schritt kannst du die Grösse des Bildes (Image scale) und seine Deckkraft (Image Opacity) anpassen.
2. Farben wählen
Im zweiten Schritt wählst du eine Farbe für den Hintergrund und eine zweite Farbe für das Bild.
3. Textur und Gesamtgrösse einstellen
Als Drittes wählst du eine Textur für den Hintergrund. Wenn du keine Textur möchtest, stellst du die Deckkraft (Texture opacity) einfach auf 0. Natürlich kannst du auch jeden anderen beliebigen Wert wählen. Wenn du willst, kannst du ausserdem die Gesamtgrösse des Hintergrundbildes (Size) verändern.
4. Rotation einstellen
Zum Abschluss kannst du die Rotation des Bildes ändern.
5. Hintergrundbild testen und herunterladen
Drücke auf «Apply background», um zu testen, wie dein Hintergrundbild als Muster wirkt. Wenn dir das Muster gefällt, lädst du es mit «Download image» auf deinen Computer runter. Wenn du bei BgPatterns einen Account hast, kannst du das Hintergrundbild auch auf der Plattform speichern und für andere Benutzer zum Download bereitstellen.
Kostenlose Hintergrundmuster zum Downloaden
Weils so viel Spass macht, habe ich heute einige Hintergrundmuster gestaltet, die du hier kostenlos runterladen kannst. Klicke auf die gewünschten Bilder, um den zugehörigen Hintergrund als JPEG zu speichern. Für alle, die gleich die ganze Sammlung speichern möchten, gibts die Hintergründe auch als Photoshop-Pattern-Datei:
» Alle Hintergrundmuster downloaden (Photoshop Patterns)
Jetzt bist du dran!
Kennst du weitere gute Tools und Ressourcen für nahtlose Hintergründe? Ich freue mich auf deinen Kommentar!
Kommentar schreiben
Themen
Neuste Artikel
- Ich bin wieder da: die schönsten Fotos aus Island
- WordWeb macht Urlaub
- Wieso das Wörtchen «nicht» nicht in die Werbung gehört
Beliebteste Artikel
- Kurz erklärt: docx in doc umwandeln
- Ornamente für stilvolles Design: 25 Vector-Sets und Dingbat-Fonts
- 15 Holz-Texturen zum Herunterladen
- 10 hilfreiche Tools für Texter
- Die wichtigsten Kommaregeln für besser lesbare Texte
Letzte Kommentare
- Jasmina schreibt: Hi Barbara, 1. Schön, dass Du wieder zurück bist :) 2. Das sind wirklich beeindrucke (...)
- Susi schreibt: Willkommen zurück. Es freut mich sehr, dass es dir in Island so gut gefallen hat. Islan (...)
- Barbara Frolik schreibt: Danke für deinen Kommentar, liebe Anntheres. Ja, die Reise war absolut himmlisch. Am liebs (...)
- Anntheres schreibt: Oooh, die sind aber schööön! Ich hoffe, die ganze Reise war auch so himmlisch... und jede (...)
Danke Barbara,
für diesen tollen Tipp, ich liebe nämlich so Background Strukturen und Muster :)
Diese Tool wird mir sicherlich noch gute Dienste leisten :)
Backgrounds wir kommen !
Gruss Manu
@Manuel: Das Tool macht wirklich seeehr viel Spass! Noch besser wäre es, wenn man zusätzlich zu den vorgegebenen Formen noch eigene hochladen könnte. Aber auch so kann man damit sehr schöne Sachen machen :)
Ja das stimmt, das habe ich auch gedacht und hab gedacht ich hätte die Funktion irgendwie übersehen :) trotzdem, es geht so einfach und schnell :)
ich liebe solche Tools :))
Vielleicht schreibe ich denen mal eine Mail. Wer weiss, wenn wir Glück haben, gibts bald eine Upload-Funktion :)
Danke Barbara. Deine Tipps sind eine wahre Bereicherung. Bin immer wieder gerne au deinem Blog und stöbere hier herum. Als kleines Präsent möchte ich deshalb mal ein Link zu einem weiteren Online-Generator-Tool hinterlassen, mit dem sich coole Hintergründe erstellen lassen: http://www.patterncooler.com/index.php
@Heike: Vielen Dank für deinen netten Kommentar :) Deinen Link-Tipp finde ich super. Mit dem Tool kann man ja richtig tolle Retromuster zaubern :)
Echt genial, schnell Hintergründe erstellen ohne PSD mit Pattern und Pinsel voll zu stopen.