Schneller Tipp Erstellen Sie in Illustrator ein nahtloses Kaffeebohnenmuster

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator ein einfaches Kaffeebohnenmuster erstellen. Sie lernen, wie Sie einen einfachen Pinsel erstellen. Als Nächstes lernen Sie mit einigen grundlegenden Werkzeugen und Effekten zusammen mit dem Round Any Corner-Skript, wie Sie die Form der Ausgangskaffeebohne erstellen, multiplizieren, skalieren und neu einfärben. Wenn Sie die Option "Am Raster ausrichten" voll ausnutzen, erfahren Sie, wie Sie Ihr eigenes Muster erstellen.

Sie haben Ihr Coffee-Shop-Logo. Jetzt haben Sie eine Farbpalette, aus der Sie arbeiten können. Ich zeige Ihnen, wie Sie ein grundlegendes Kaffeebohnenmuster mit den gleichen Farben des Logos erstellen, das für eine Vielzahl von Dingen verwendet werden kann, darunter Tapeten, Druck- und Webhintergründe, Tischdecken usw. Lass uns also in dieses Tutorial einsteigen.


1. Bereiten Sie ein neues Dokument vor

Schritt 1

Schlagen Steuerung + N ein neues Dokument erstellen. Geben Sie 600 in das Feld Breite und Höhe ein und klicken Sie dann auf Erweitert Taste. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf OK klicken.

Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und der Snap to Grid (Ansicht> An Raster ausrichten). Für den Anfang benötigen Sie alle 5px ein Raster. Einfach auf gehen Bearbeiten> Voreinstellungen> Hilfslinien> Raster, Geben Sie 5 in das Feld Rasterzeile ein und 1 in das Feld Unterteilungen. Sie sollten auch das Infofenster öffnen (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.


2. Erstellen Sie die Startkaffeebohnenform

Schritt 1

Verwendung der Ellipsenwerkzeug (L), Erstellen Sie eine 65x5px-Form und füllen Sie sie mit Schwarz. Deaktivieren Sie die Ausrichtungsfunktion (Ansicht> An Raster ausrichten) und konzentriere dich weiter auf diesen gequetschten Kreis. Wechseln Sie zu Ankerpunkt-Werkzeug konvertieren (Umschalttaste + C) und klicken Sie auf den linken und rechten Ankerpunkt, die im ersten Bild hervorgehoben sind. Am Ende sollte Ihre Form wie im zweiten Bild aussehen. Öffne das Bürsten Panel (Fenster> Pinsel), stellen Sie sicher, dass Ihre schwarze Form noch ausgewählt ist, und drücken Sie die Taste Neuer Pinsel Taste (durch den kleinen blauen Pfeil in der folgenden Abbildung gezeigt). Überprüf den Kunstpinsel Klicken Sie auf OK. Wählen Sie einen Namen für Ihren neuen Pinsel, vergewissern Sie sich, dass Sie alle in der folgenden Abbildung gezeigten Eigenschaften eingeben und auf klicken OK.

Schritt 2

Aktivieren Sie den Snap to Grid (Ansicht> An Raster ausrichten). Für den folgenden Schritt benötigen Sie alle 1px ein Raster. Also, gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie in jedes Feld eine 1 ein. Verwendung der Ellipsenwerkzeug (L), Erstellen Sie eine 58 x 40 Pixel-Form und füllen Sie sie mit R = 71 G = 58 B = 48. Konzentriere dich auf diese neue Form, wechsle zur Direktauswahl-Tool (A), Wählen Sie den oberen Ankerpunkt aus und ziehen Sie ihn 3px nach unten.

Schritt 3

Verwendung der Stiftwerkzeug (P), Erstellen Sie einen horizontalen 65px-Pfad und platzieren Sie ihn wie im ersten Bild gezeigt. Wählen Sie es aus und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Vergewissern Sie sich, dass für die Füllung keine Farbe festgelegt ist, und wählen Sie dann den Strich aus. Fügen Sie den Kunstpinsel hinzu, der im ersten Schritt erstellt wurde, und fahren Sie mit fort Effekt> Verzerren und transformieren> Zickzack. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Schritt 4

Stellen Sie sicher, dass der Pfad mit dem Zeichenpinsel noch ausgewählt ist, und wechseln Sie zu Objekt> Pfad> Umrissstrich. Wählen Sie den resultierenden Pfad zusammen mit der braunen Form aus, öffnen Sie das Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf die Minus Front Taste. Bewegen Sie sich zum Schichten Panel (Fenster> Ebenen), wählen Sie die resultierende Gruppe von Formen und Gruppierung aufheben es (Umschalt + Strg + G). Wählen Sie die drei dunkleren Formen aus und löschen Sie sie einfach.

Schritt 5

Für diesen Schritt benötigen Sie das Round Any Corner-Skript. Sie finden es in den Vectortuts + -Artikeln 20 Kostenlose und nützliche Adobe Illustrator-Skripts. Speichern Sie es auf Ihrer Festplatte, kehren Sie zu Illustrator zurück und nehmen Sie die Direktauswahl-Tool (A). Wählen Sie die vier Ankerpunkte aus, die im ersten Bild hervorgehoben sind, und gehen Sie zu Datei> Skripts> Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 5 Punkten ein und klicken Sie auf OK. Am Ende sollten Ihre Formen wie im zweiten Bild aussehen. Wählen Sie beide Formen aus und verwandeln Sie sie in eine einfache Form Zusammengesetzter Pfad (Objekt> Zusammengesetzter Pfad> Make oder Steuerung + 8)


3. Multiplizieren Sie die Kaffeebohnenform

Schritt 1

Wählen Sie Ihren zusammengesetzten Pfad und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern. Bewegen Sie sich zum Schichten wählen Sie die resultierende Gruppe aus und klicken Sie auf Umschalt + Strg + G zweimal. Am Ende sollten Sie vier ähnliche zusammengesetzte Pfade haben, wie im zweiten Bild gezeigt.

Schritt 2

Konzentriere dich auf deine zusammengesetzten Pfade, öffne die Verwandeln Panel (Fenster> Transformieren) und vergewissern Sie sich, dass die Schaltfläche Breite und Höhe einschränken aktiviert ist. Wählen Sie die zweite Kaffeebohnenform (beginnen Sie die Zählung von oben) und geben Sie einfach 50 in der Breite ein (W:) im Transformieren-Bedienfeld. Gehen Sie zum nächsten zusammengesetzten Pfad, wählen Sie ihn aus und geben Sie 40 in das Feld Breite (W :) ein. Wählen Sie schließlich die Form der unteren Kaffeebohne aus und geben Sie 30 in das Feld Breite ein. Am Ende sollten Ihre vier Kaffeebohnen aussehen wie im dritten Bild.

Schritt 3

Wählen Sie Ihre vier Kaffeebohnenformen aus, Gruppe Sie (Strg + G) und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern. Bewegen Sie sich zum Schichten wählen Sie die resultierende Gruppe aus und klicken Sie auf Umschalt + Strg + G zweimal.

Schritt 4

Wählen Sie die mittlere Kaffeebohnensäule und ersetzen Sie die braune Füllung mit R = 211 G = 53 B = 53. Gehen Sie zur rechten Spalte der Kaffeebohnen und stellen Sie deren Füllfarbe auf R = 255 G = 210 B = 0.


3. Machen Sie das Kaffeebohnenmuster

Schritt 1

Für den nächsten Schritt benötigen Sie alle 5px ein Raster. Also geh nochmal zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie in jedes Feld 5 ein. Verwendung der Rechteckwerkzeug (M), Erstellen Sie ein 250px-Quadrat und füllen Sie es mit Weiß. Bewegen Sie sich zum Schichten und verriegeln Sie diese Form, um sicherzustellen, dass Sie sie nicht aus Versehen auswählen oder verschieben. Deaktivieren Sie die Ausrichtungsfunktion (Ansicht> An Raster ausrichten) und konzentrieren Sie sich auf Ihr weißes Rechteck. Ändern Sie die Größe Ihrer Kaffeebohnenform und drehen Sie sie, wie in der folgenden Abbildung gezeigt. Verwenden Sie die Strg + C> Strg + F Verknüpfung, um Ihre Formen bei Bedarf zu multiplizieren. Stellen Sie sicher, dass keine Kaffeebohnenform außerhalb Ihres weißen Quadrats liegt.

Schritt 2

Machen Sie neue Kaffeebohnen und platzieren Sie sie ungefähr wie auf dem ersten Bild. Aktivieren Sie den Snap to Grid (Ansicht> An Raster ausrichten) und das auswählen Rechteckwerkzeug (M). Erstellen Sie eine 30 x 250 Pixel große Form, platzieren Sie sie wie im zweiten Bild gezeigt, füllen Sie sie mit Schwarz und senken Sie sie ab Opazität bis 50%.

Schritt 3

Wählen Sie das schwarze Rechteck und die Kaffeebohnenformen aus, die außerhalb des weißen Quadrats liegen, und kopieren Sie sie (Strg + C> Strg + F). Wählen Sie diese Kopien aus und ziehen Sie sie einfach um 250 Pixel nach links, wie im zweiten Bild gezeigt. Bewegen Sie sich zum Schichten Panel und löschen beide schwarzen Rechtecke.

Schritt 4

Deaktivieren Sie die Ausrichtungsfunktion (Ansicht> An Raster ausrichten), stellen Sie weitere Kaffeebohnen her und setzen Sie sie ungefähr wie in der ersten Abbildung gezeigt ein. Aktivieren Sie den Snap to Grid (Ansicht> An Raster ausrichten) und das auswählen Rechteckwerkzeug (M). Erstellen Sie eine 250 x 30 Pixel große Form, platzieren Sie sie wie im zweiten Bild gezeigt, füllen Sie sie mit Schwarz und senken Sie sie ab Opazität bis 50%.

Schritt 5

Wählen Sie das schwarze Rechteck und die Kaffeebohnenformen, die außerhalb des weißen Quadrats (in der Oberseite) liegen, und duplizieren Sie sie (Strg + C> Strg + F). Wählen Sie diese Kopien aus und ziehen Sie sie einfach um 250 Pixel nach oben, wie im zweiten Bild gezeigt. Bewegen Sie sich zum Schichten Panel und entfernen Sie diese schwarzen Rechtecke.

Schritt 6

Konzentriere dich auf den Schichten Panel und Freischalten das weiße Quadrat Wählen Sie es aus, gehen Sie zu Aussehen Panel und entfernen Sie einfach die Farbe aus der Füllung. Wählen Sie dieses unsichtbare Quadrat zusammen mit allen Kaffeebohnenformen aus und gehen Sie zu Bearbeiten> Muster definieren. Bewegen Sie sich zum STRG Panel (Fenster> Farbfelder) und du findest dein neues Muster.


4. Das Muster verwenden

Schritt 1

Wähle das aus Rechteckwerkzeug (M), Erstellen Sie eine Form in der Größe Ihrer Zeichenfläche und füllen Sie sie mit Weiß. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste (zeigt durch den kleinen blauen Pfeil). Wählen Sie diese neue Füllung aus und fügen Sie einfach Ihr Kaffeebohnenmuster aus dem hinzu Farbfelder Panel.

Schritt 2

Wählen Sie Ihre gemusterte Form erneut aus und konzentrieren Sie sich auf die Aussehen Panel und ersetzen Sie einfach das Weiß mit R = 206 G = 164 B = 118 oder eine andere Farbe.


Herzliche Glückwünsche! Sie sind fertig.

Jetzt ist deine Arbeit erledigt. So sollte es aussehen. Sie können Ihr gesamtes Muster problemlos neu einfärben. Sie können also Ihren bevorzugten Farbsatz verwenden. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.