Was ist Moodboard-Ersteller?
Mood Board Creator ist eine freie Leinwand, auf der du Bilder, Farbmuster, Texte und Formen zu einem visuellen Board zusammenstellst. Stücke verschieben, stapeln, drehen, dann als scharfes PNG oder kleineres JPEG exportieren – passend für eine Kunden-Mail oder eine Notion-Seite.
Wähle aus fünf Leinwandgrößen (1080x1080, 1200x800, 1920x1080, 800x600 und A4 zum Drucken) und zehn Hintergrundfarben, darunter Creme, Salbei, Dämmerung und tiefes Schwarz. Starte mit einer Vorlage für Mode, Interior, Marken-Palette oder Film-Look, oder bau das Board komplett selbst, indem du JPEG- und PNG-Bilder direkt von deinem Gerät hineinziehst. Setze runde Farbmuster, freien Text oder Rechtecke, Kreise und Dreiecke ein, deren Füllfarbe, Randfarbe und Randstärke du jederzeit ändern kannst. Jedes Element lässt sich einzeln drehen, skalieren und in der Stapelreihenfolge verschieben. Exportiere am Ende als gestochen scharfes PNG oder als JPEG mit Qualitätsregler für schnelles Teilen.
Anleitung
- Wähle die Leinwandgröße (1080 quadratisch für Social, A4 zum Drucken) und eine Hintergrundfarbe, dann füge über die Werkzeugleiste Bild, Farbprobe, Text oder eine einfache Form hinzu.
- Zieh ein Element an die Position, skaliere an den Eckpunkten und dreh es mit dem Drehgriff. Die rechten Steuerungen heben Elemente in den Vordergrund oder schicken sie zurück.
- Gib dem Board einen Titel, wähle PNG für maximale Schärfe oder JPEG mit Qualitätsregler für eine kleinere Datei und lade herunter. Die Datei trägt den Titel als Namen – also vorher benennen, wenn du mehrere Entwürfe behalten willst.
Wann verwenden
- Einer Kundin eine Markenidentität präsentieren: Farbpalette, Typo-Probe und Logo-Richtung auf einer Seite.
- Eine Renovierung planen und Stoffe, Farben und Möbel zusammenbringen, bevor irgendwas bestellt wird.
- Die optische Tonalität für ein Shooting, einen Schnitt oder eine Hochzeit festzurren, damit das Team im selben Mood arbeitet.
Ergebnis
Eine Innenarchitektin baut ein Wohnzimmerkonzept. Sie lädt drei Stoffproben hoch, nimmt vier Farben von einem Pantone-Fächer ab, setzt einen Vitra-Sessel in die Mitte und beschriftet alles: „Akzentwand - clay 1825“, „Sofastoff - Leinengewebe“, „Pendelleuchte - Rauchglas“. Sie exportiert das PNG und schickt es der Kundin vor dem nächsten Termin.
Häufige Fragen
- Welche Bildformate kann ich auf das Board ziehen?
- JPEG, PNG, GIF und WebP funktionieren direkt hier. Sehr große Originale (über etwa 12 Megapixel) werden automatisch verkleinert, damit das Board nicht ruckt. SVG ist in dieser Version nicht dabei, weil der PNG-Export Rasterdaten braucht.
- Kann ich einen Hex-Code aus einem anderen Tool kopieren und als Probe nutzen?
- Ja. Öffne den Picker im Panel Add Color und füge deinen Hex ein (#A3B18A oder A3B18A funktionieren beide). Die runde Farbprobe übernimmt genau diesen Wert und lässt sich wie jedes andere Element skalieren.
- Wie schneide ich ein Foto zu, das ich gerade aufs Board gezogen habe?
- Die Leinwand behandelt jedes Bild als ein Objekt, der „Beschnitt“ läuft also über Maskieren: leg ein Rechteck in der Hintergrundfarbe über den Bereich, der weg soll. Brauchst du einen echten Zuschnitt, jag das Foto vorher durch unser Image Cropper und lade es neu hoch.
- Reicht das PNG für einen scharfen A4-Druck?
- Ja, mit dem A4-Preset (2480x3508 Pixel, 300 DPI auf A4). Die anderen Presets sind bildschirmgroß: 1080 quadratisch bleibt nur bis etwa 9 cm Breite scharf, danach werden die Pixel sichtbar. Auf Papier kommt immer das A4-Preset zum Einsatz.
- Werden meine hochgeladenen Bilder irgendwo hingeschickt?
- Nein. Die Fotos werden mit der FileReader-API gelesen und bleiben im Fabric.js-Canvas, und der Export läuft ebenfalls lokal. Das Board wird automatisch auf deinem eigenen Gerät gespeichert und ist bei der Rückkehr wieder da, und nichts verlässt jemals dein Gerät — zum Löschen nutze „Leeren“.
Ähnliche Tools
Textur-Generator
Erstellen Sie prozedurale Texturen und Muster
Organigramm-Ersteller
Organisatorische Hierarchiediagramme erstellen
Partikeleffekt-Generator
Anpassbare Partikelanimationen erstellen
CSS-Animationsgenerator
Erstellen Sie CSS-Keyframe-Animationen visuell
YouTube-Thumbnail-Ersteller
Gestalten Sie auffällige YouTube-Thumbnails
Wortwolken-Generator
Visuelle Wortwolken aus Text erstellen