de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Kostenlose Mustergeneratoren: Hier sind 8 Tools, die Sie zum Lesezeichen hinzufügen möchten

Muster werden häufig im Webdesign als Hintergrund verwendet. Grundsätzlich können Muster als Grafiken definiert werden, die in wiederholter Form auf einem Feld verwendet werden. Wenn Sie Schwierigkeiten haben, natürliche Muster zu erzeugen, ist es ziemlich kompliziert, eine Schleife zu erstellen, die sowohl vertikal als auch horizontal funktioniert, also, zumindest ist es schwierig manuell zu machen.

Glücklicherweise gibt es viele Werkzeuge, die Sie verwenden können, um schöne Muster leicht zu machen, und wir führen 8 davon auf, die online gefunden werden können. Plus, sie sind frei zur Verwendung. Einige dieser Mustergeneratoren ermöglichen Ihnen die Kontrolle über Farben, Orientierung, Musterelemente und mehr, während andere Muster für Sie zufällig erzeugen. Diese Muster können dann in verschiedenen Bildformaten oder im Code heruntergeladen werden.

1. Gestalten

Mit Patternify können Sie Muster erstellen, indem Sie sie Pixel für Pixel zeichnen. Dies ist ein gutes Werkzeug, um wirklich kleine Symbole zu erstellen. Mit der Unterstützung von Farb- und Transparenzoptionen können Sie mit diesem Tool einige coole Grafiken erstellen. Zusätzlich zum PNG-Format kann dieses Tool das Bild auch im Base64-Format generieren, sodass Sie es in Ihrem CSS verwenden können.

2. Gerstnerizer

Gerstnerizer kann Ihnen farblose Muster geben, aber es gleicht es mit Linienmuster aus. Legen Sie am Standort die Linienstärke, die Deckkraft und die Krümmung der Linie auf der Werkzeugleiste links fest. Dann können Sie aus 3 Musterformen wählen: Dreiecke, Quadrate und Sechsecke. Legen Sie auf der Kachel unter der Auswahl der Musterform Linien und Sie sehen ein Muster auf der großen Leinwand auf der rechten Seite. Das Muster kann in SVG gespeichert werden.

3. Tartanmacher

Wenn Sie horizontale und vertikale Muster kreuz und quer mögen, dann ist Tartanmaker das Werkzeug für Sie. Wählen Sie 3 Farben, die Ausrichtung, die Garngröße und klicken Sie dann auf "Make It", und Sie erhalten ein Tartanmuster, das für Sie erstellt wurde. Sie können auch die Galerie nach Mustern durchsuchen, die von anderen Benutzern erstellt wurden, und diese kostenlos herunterladen.

4. Streifengenerator

Ein einfaches Werkzeug, um großartige Streifenmuster zu erstellen. Sie können dem Streifengenerator so viele Farben hinzufügen, wie Sie möchten, und dann die Stripe-Größe, den Abstand, den Hintergrundstil, die Ausrichtung und, wenn Sie möchten, Schatten hinzufügen. Sie können generierte Streifenmuster auch von anderen Benutzern durchsuchen, wenn Sie nur nach einem vorgefertigten suchen möchten.

5. Farbliebhaber Nahtlos

Mit Color Lovers können Sie Muster aus vordefinierten Formen und Linien erstellen. Wählen Sie eine Linie aus oder ziehen Sie eine Form aus dem linken Bereich und legen Sie sie auf den Leinwandbereich, um mit dem Zeichnen Ihrer Muster zu beginnen. Das Werkzeug generiert die Kacheln automatisch. Es enthält einfache Bearbeitungswerkzeuge, mit denen Sie Formen auf der Leinwand drehen, skalieren und neu anordnen können.

6. Mustererzeuger

Patternizer ist ein weiteres Pattern-Generator-Tool, mit dem Sie einfach Ihr eigenes Pattern erstellen können. Wählen Sie eine Farbe, einen Drehwinkel, eine Deckkraft, eine Breite, eine Lücke und einen Versatz, um Ihr Muster zu erhalten. Sie können dann den Code für die Verwendung auf Ihrer Website abrufen. Beachten Sie, dass Sie ein kleines, von Patternizer bereitgestelltes Skript einfügen müssen, bevor Sie das Muster verwenden können. Lesen Sie das vollständige Tutorial hier.

7. GeoPattern

GeoPattern bietet eine einzigartige und zufällige Möglichkeit, Muster automatisch zu generieren. Sie müssen nur einen Text eingeben (beliebiger Text) und das Werkzeug erzeugt ein einzigartiges und schönes Muster. Jedes Zeichen, das Sie eingeben, erzeugt ein anderes Bildmuster basierend auf den 16 fantastischen Mustertypen, wie Oktogonen, überlappenden Kreisen, Pluszeichen, Sinuswellen, Sechsecken und mehr. Probieren Sie die Demo aus, um zu sehen, wie cool dieses Tool ist.

8. PlaidMaker

PlaidMaker ist ein Werkzeug, um ein schönes Karomuster zu erstellen. Wählen Sie eine Farbe aus, die Sie auf der Palette verwenden möchten, und erstellen Sie dann horizontale und vertikale Muster separat. Sie können Spiegelbilder auch für beide Ausrichtungen verwenden. Wenn Sie nicht von Grund auf neu arbeiten möchten, klicken Sie auf "Plaids durchsuchen", um vorgefertigte Designs zu sehen, und Sie können es im PNG-Format für verschiedene mobile Größen und Facebook-Covergrößen herunterladen.

Anfängerleitfaden für: Erstellen von HTML5 / CSS3-Webseiten

Anfängerleitfaden für: Erstellen von HTML5 / CSS3-Webseiten

Dieser Artikel ist Teil unserer "HTML5 / CSS3 Tutorials" -Serie - mit dem Ziel, Sie zu einem besseren Designer und / oder Entwickler zu machen. Klicken Sie hier, um mehr Artikel aus derselben Serie zu sehen. HTML5 und CSS3 haben das Web in nur 2 Jahren im Sturm erobert. Vor ihnen gab es viele veränderte Semantiken in der Art und Weise, wie Webdesigner Webseiten erstellen sollen, und mit ihrer Ankunft kommen eine Reihe toller Unterstützungen wie alternative Medien, XML-Stil-Tags und progressive Eingabeattribute für Webdesigner, um verträumt zu werden Funktionen wie Animation.Obw

(Tech- und Design-Tipps)

30 Tools zum Erstellen eigener Infografiken

30 Tools zum Erstellen eigener Infografiken

Infografiken sind eine der besten Möglichkeiten, Daten zu präsentieren, ohne dass Ihr Publikum vor Langeweile gähnt. Es gibt viele Leute, die beeindruckende Daten haben, aber was sie nicht wissen, ist, wie man informative und gut gestaltete Infografiken erstellt .Glücklicherweise gibt es viele Infografik-Tools, mit denen Sie lebendige Diagramme und Grafiken innerhalb von Minuten und ohne viel Aufwand erstellen können . Sch

(Tech- und Design-Tipps)