So erstellen Sie Muster Diagonal Grid Hintergrund in Gimp - Super Dev Ressourcen
Die letzte Mal habe ich gezeigt, wie Sie unscharfen Hintergrund und es in Ihren Anwendungen verwenden zu machen. Mit unscharfem Bild als App Hintergrund ist jedoch nicht die einzige Option, die Sie haben. Gittermuster sind auch sehr beliebt unter den Designern. Sie können Gittermuster verwenden, um einfache, aber elegante Hintergründe für Ihre App zu erstellen. In diesem Tutorial werde ich zeigen, wie Sie kostenlose Bildbearbeitungstool, Gimp eine diagonale Gittermuster Hintergrund von Grund auf neu erstellen können.
Falls Sie nicht wollen, Pattern-Datei erstellen, können Sie die Pattern-Datei herunterladen ich auf den zweiten Teil der Tutorial erstellt und überspringen, wo ich zeigen, wie man es in Gimp laden und es dann einen Hintergrund erstellen verwenden.
Teil 1: Erstellen Sie Pattern-Datei
Starten Sie Gimp dann gehen Sie Datei -> Neu und erstellen Sie eine 20px x 20px Bild.
Zum Erweiterte Optionen. stellen Sie sicher, den Fill mit Parametern auf Transparenz gesetzt.
Zoom bis 1600% in, damit wir sehen können, was wir tun.
Wählen Vordergrundfarbe. Ich wählte schwarz (# 000000).
Halten Sie nun die Umschalttaste gedrückt, und Sie den Cursor in der rechten unteren Ecke bewegen.
Ein Linksklick auf der Maus oder Touchpad und lassen Sie es geht, während die Shift-Taste gedrückt gehaltene Taste.
Hier haben Sie die erste Diagonale gezogen. Wiederholen des Prozesses der anderen diagonalen Verbinden der oberen rechten und unteren linken Ecken zu ziehen.
Sie sollten wie bei einem Bild ähnlich ein „X“ gezeigt unten landen.
Gehen Sie zu Datei -> ExportAs und exportieren Sie Ihr Bild als Gimp-Muster (.pat) Datei.
Ich exportierte meine Datei in C: UsersPublicDocumentsGimp Patterns.
Seit 2.2 GIMP können Sie auch .png verwenden. jpg. bmp. gif oder TIFF-Dateien als Muster. Wie wir auf Gimp 2.8.10 arbeiten, hätten wir es auch als .png-Datei exportiert.
Teil 2: Lastmuster in Gimp
Gehen Sie auf zu Bearbeiten -> Einstellungen. Wenn das Fenster Einstellungen oben zeigt, navigieren Sie zu Patterns unter Folders. Nun fügen Sie den Ordner, in dem Sie die Pattern-Datei auf der Liste der vorhandenen Standardordner gespeichert.
In meinem Fall habe ich C: UsersPublicDocumentsGimp Patterns.
Schließen Sie Gimp und öffnen Sie sie erneut.
Ihr Muster sollte in Gimp Patterns Dialog angezeigt, wie unten dargestellt.
Teil 3: Hintergrund erstellen
Jetzt werden wir das Muster verwenden, die wir in Gimp in vorherigem Schritt geladen, um den Hintergrund zu erstellen.
Nach diesem Schritt wird eine Hintergrundebene im Ebenendialog erstellt werden.
In Werkzeugoptionen wählen Sie den Typ FG Farbfüllung füllen. Wählen Sie eine Vordergrundfarbe Ihrer Wahl (ich ausgewählt # F0E7CA) und Hintergrundebene mit ihm füllen.
Fügen Sie eine neue transparente Schicht aus dem Menü Ebene -> Neue Ebene oder von Ebenendialog. Nennen Sie es Muster.
Klicken Sie auf der patternpreview Miniatur in dem Optionsdialog. Dies wird einen Muster-Picker öffnen, wählen Sie das Muster aus der Liste.
Unten ist das, was die Schaufel Füllwerkzeug Option aussehen soll, nachdem Sie das Muster ausgewählt haben. Füllen Sie dieses Muster in der Patternlayer.
Wählen Sie Muster Schicht.
Ändern Sie den Modus auf Overlay und reduzieren Opazität das Muster mit Hintergrund zu mischen. Sie können mit dem Durchlässigkeitswert spielen, um auf das gewünschte Ergebnis zu erhalten. Ich stelle es auf 70.
Endbild
Unten ist das, was sollte Ihr endgültiges Bild aussehen.
In folgenden Screenshot sehen Sie, wie der Hintergrund wir oben erstellt, wenn in einem Mock-up todo App verwendet aussieht.
Experimentieren Sie mit Farben und Formen
Durch die Verwendung verschiedener Farben in der Hintergrundebene, können Sie schöne Muster Hintergründe erstellen.
Stattdessen diagonale Linien der Zeichnung als in dem ersten Teil dieses Tutorials gezeigt, können Sie auch Formen wie Stern oder Herz ziehen und Hintergründe erstellen ähnlich wie Valentinstag Themenhintergründe aus meiner früheren Post.
Herunterladen und Teilen
Sie können die Pattern-Datei und Hintergründe herunterladen, die ich weiter unten für dieses Tutorial erstellt. Und wenn Sie das Tutorial gefunden nützlich dann teilen Sie es mit anderen :)
Download „Diagonal Gitter-Muster-Hinte“ Diagonal-Grid-Pattern-Backgrounds.zip - Heruntergeladene 83 mal - 26 KB