So erstellen Sie ein hübsches, verspieltes Schulmuster in Adobe Illustrator

Was Sie erstellen werden

Folge diesem Tutorial und lass uns ein nahtloses Muster mit niedlichen Tieren und Schulartikeln schaffen! Wir werden verschiedene einfache Formen mit Hilfe des Shape Builder-Werkzeugs, mit Warp-Effekten und anderen nützlichen Funktionen von Adobe Illustrator ändern. Dann fassen wir unsere Elemente in einem spielerischen nahtlosen Muster zusammen, das auf jede Form angewendet und für den Druck auf Stoff oder als Hintergrund für Ihre Website oder Ihr Blog verwendet werden kann. 

Sie können eine erweiterte Version des Musters erstellen, indem Sie weitere Elemente hinzufügen, die Sie in diesem Kids School Set von Envato Elements erhalten können. Dort finden Sie eine Sammlung farbenfroher nahtloser Muster, Schulsets und Porträts aller Charaktere, die Sie sowohl für private als auch für kommerzielle Projekte verwenden können!

Beginnen wir mit der Erstellung unseres Musters!

1. Wie erstelle ich ein süßes Häschen?

Schritt 1

Nehmen Sie die Ellipsenwerkzeug (L) und lass uns die Basis des Kopfes aus einem erstellen 115 x 85 px weißes Oval.

Verwenden Sie die Direktauswahl-Tool (A) Um die Ankergriffe der Seiten nach oben zu ziehen, wird die Form oben etwas quadratischer und flacher.

Schritt 2

Lassen Sie uns Gesichtsmerkmale hinzufügen. Machen Sie eine 8 x 8 px dunkelvioletter Kreis für das Auge. Wählen Sie es mit der Auswahlwerkzeug (V), halt Alt-Shift, und ziehen Sie auf die andere Seite, um das zweite Auge zu machen.

Dann mach ein paar 12 x 6 px rosa Ellipsen für die Flecken auf den Wangen. Verwenden Sie die gleichen Ellipsen, um die Augenbrauen zu formen. Ändern Sie die Füllfarbe in Grau und drehen Sie die Formen ein wenig, damit der Hase überrascht und freundlich aussieht.

Erstellen Sie eine größere Ellipse für die Nase und platzieren Sie sie in der Mitte des Gesichts. Verwenden Sie die Pipettenwerkzeug (I) die Farbe aus den Augen holen.

Schließlich können wir alles perfekt aufeinander abstimmen Gruppe (Control-G) Wählen Sie jedes Elementpaar zusammen mit dem Kopf aus und klicken Sie auf Horizontales Ausrichtungszentrum in dem Ausrichten Panel. Wählen Sie entweder Auf Schlüsselobjekt ausrichten oder zu Artboard am unteren Rand des Panels.

Schritt 3

Nun fügen wir einen Mund hinzu. Ein ... kreieren 12 x 12 px Kreis mit dunkelviolettem Schlaganfall und keine Füllung. Verwenden Sie die Scherenwerkzeug (C) Klicken Sie auf beide seitlichen Ankerpunkte, indem Sie die Form voneinander trennen. Löschen Sie die obere Hälfte des Kreises. 

Halt Alt-Shift Ziehen Sie den Halbkreis nach rechts und erstellen Sie eine Kopie.

Wir können die Stärke der Linien im einstellen Schlaganfall Panel. Stellen Sie das ein Gewicht zu 2 pt und Deckel zu Runde Kappe.

Verbinden Sie den Mund mit der Nase, indem Sie eine kurze Senkrechte hinzufügen 2 pt Linie.

Schritt 4

Lassen Sie uns eine runde lustige Brille auf das Gesicht unseres Hasen setzen. Machen Sie ein großes 55 x 55 px Kreis mit Magenta-Strich und 3 pt Hubgewicht

Duplikat (halt Alt-Shift und ziehen Sie es auf die gegenüberliegende Seite und verbinden Sie die Kreise mit einem kleinen Bogen. Wir können die gewölbte Linie aus der Mundgruppe kopieren und auf den Kopf stellen.

Schritt 5

Nun zu den Ohren. Mach ein 22 x 75 px hellgraue Ellipse. Wählen Sie den oberen und den unteren Ankerpunkt mit Direktauswahl-Tool (A) und Konvertieren Sie ausgewählte Ankerpunkte in eine Ecke aus dem Bedienfeld oben.

Wählen Sie dann beide seitlichen Ankerpunkte aus und ziehen Sie sie etwas nach oben, um den oberen Rand der Form zu vergrößern.

Schritt 6

Doppelklick das Werkzeug drehen (R) und setze das Winkel zu 20 Grad. Jetzt Kopieren (Control-C) die Form und Einfügen vor (Control-F). Machen Sie die Form kleiner und füllen Sie sie mit rosa Farbe, um den inneren Teil des Ohrs darzustellen.

Schritt 7

Gruppe (Control-G) beide Teile des Ohres, Doppelklick das Werkzeug reflektieren (O), und wähle das aus Vertikale Achse. Klicken Kopieren das zweite Ohr schaffen.

Schritt 8

Bringen Sie die Ohren oben an und Send to Back (Shift-Control- [).

Da haben wir es! Unser Hase ist fertig!

2. Wie zeichnet man einen Kätzchen-Charakter?

Schritt 1

Lass uns den Kopf des Hasen und sein Gesicht benutzen, um ein süßes Kätzchen zu machen! Kurz hinzufügen 2 pt Striche an den Augen, um die Wimpern zu bilden.

Schritt 2

Nehmen Sie die Ellipsenwerkzeug (L) und lass uns ein paar Streifen auf der Stirn machen. Ein ... kreieren 15 x 45 px Oval in der Mitte der Oberkante des Kopfes und fügen Sie an beiden Seiten zwei kleinere Ovale hinzu.

Wählen Sie alle Ovale und den Kopf aus. Nehmen Sie die Form-Builder-Werkzeug (Umschalttaste-M), halt Alt, und klicken Sie auf die Teile, die Sie löschen möchten.

Schritt 3

Jetzt machen wir die Ohren!

  1. Nehmen Sie die Polygon-Werkzeug (Sie finden es im selben Dropdown-Menü wie das Rechteckwerkzeug (M)) und klicken Sie auf eine beliebige Stelle der Zeichenfläche, um ein Popup zu öffnen Optionen Fenster. Stellen Sie die Anzahl von ein Seiten zu 3. Mach ein 65 x 60 px Dreieck.
  2. Wählen Sie die obere Ecke des Dreiecks mit Direktauswahl-Tool (A) und ziehen Sie es auf die rechte Seite.
  3. Packe die Ankerpunktwerkzeug (Umschalttaste-C) und lassen Sie uns die Spitze des Ohrs rund machen. Klicken Sie auf den oberen Ankerpunkt und ziehen Sie die Ziehpunkte heraus, um die Ecke glatt zu machen.

Schritt 4

Ziehen Sie den oberen Punkt weiter nach rechts, sodass die Form noch mehr schräg wird. Duplizieren (Control-C> Control-F) die Form und verkleinern die Kopie. Ändern Sie die Füllfarbe in Rosa, um den inneren Teil des Ohrs darzustellen.

Schritt 5

Lassen Sie uns das Ohr drehen und an der linken Seite des Kopfes anbringen Send to Back (Shift-Control- [). Verwenden Sie die Werkzeug reflektieren (O) die Ohrgruppe über die Vertikale Achse und befestigen Sie es an der gegenüberliegenden Seite des Kopfes.

Schritt 6

Beenden Sie den Kitty mit runden Gläsern im Gesicht.

3. Wie man einen niedlichen Shiba-Hund macht

Schritt 1

Beginnen Sie mit einem Kopf aus einem 125 x 90 px orange Ellipse. Wählen Sie die seitlichen Ankerpunkte mit Direktauswahl-Tool (A) und schiebe sie ein bisschen nach unten. Machen Sie die Ankergriffe kürzer, um die Seiten des Kopfes spitzer zu machen.

Fügen Sie dem Gesicht die Gesichtsmerkmale hinzu, indem Sie sie vom Hasen kopieren, aber diesmal machen Sie die Brauen weiß.

Schritt 2

Nehmen Sie die Liniensegmentwerkzeug (\) oder der Stiftwerkzeug (P), halt Verschiebung, und machen Sie eine horizontale Linie. Gehe zu Effekt> Verzerren und transformieren> Zickzack und stellen Sie die folgenden Optionen ein:

  • Größe zu 10 px
  • Kanten pro Segment zu 3
  • Punkte zu Glatt

Klicken OK und Objekt> Darstellung erweitern den Effekt anwenden.

Schritt 3

Verwenden Sie die Direktauswahl-Tool (A) um die Spitzen der Schnur zu begradigen, indem Sie die Ankergriffe nach unten biegen.

Platzieren Sie den erstellten Strich über dem Gesicht, wie in der Abbildung unten gezeigt, und richten Sie ihn am Kopf aus, wobei Sie den Kopf als a verwenden Schlüsselobjekt. Wählen Sie dazu sowohl die Linie als auch den Kopf aus und klicken Sie erneut auf den Kopf. Dann klick Horizontales Ausrichtungszentrum in dem Ausrichten Panel.

Schritt 4

Wenn Sie beide Formen ausgewählt lassen, klicken Sie auf Teilen in dem Pfadfinder Panel, um die Form zu trennen. Füllen Sie den unteren Teil mit weißer Farbe.

Schritt 5

Lass uns ein Ohr von a bilden 65 x 60 px oranges Dreieck. Gehe zu Effekt> Warp> Bogen, stellen Sie das ein Vertikale Biegung Wert zu 20%, und klicken Sie auf OK.

Objekt> Darstellung erweitern den Effekt anwenden.

Schritt 6

Wählen Sie die Form mit Direktauswahl-Tool (A) und lass uns die Ecken abrunden. Wir können dies entweder manuell tun, indem Sie die Kreismarkierung der ziehen Live-Ecken oder durch die Einstellung der Eckenradius zu 10 px in der Systemsteuerung oben.

Duplizieren (Control-C> Control-F) die Form und verkleinern die Kopie. Ändern Sie die Füllfarbe in Weiß.

Schritt 7

Befestigen Sie das Ohr am Kopf und verwenden Sie die Werkzeug reflektieren (O) eine gespiegelte Kopie machen. Unser Shiba-Hund ist fertig! Gute Arbeit!

4. Wie man einen niedlichen Waschbären gestaltet

Schritt 1

Wir können den Kopf dieses Charakters dem Kopf des Hundes ähnlich machen, jedoch mit schärferen Seiten.

Eine weitere Möglichkeit, den Kopf zu erstellen, ist das Öffnen des folgenden Dokuments. So erstellen Sie einen Satz flacher Tiersymbole in Adobe Illustrator Teil 3, Schritt 1 einen ähnlichen Waschbärkopf nachbauen.

  • So erstellen Sie einen Satz flacher Tiersymbole in Adobe Illustrator

    In diesem Tutorial erstellen wir sechs verschiedene Tierporträts aus ein und demselben Kreis! Viel Spaß beim Erstellen einer Reihe von trendigen flachen Elementen mit…
    Yulia Sokolova
    Icon Design

Oder wir können das gesamte Set Flat Animals Icons auf Envato Elements laden und das Waschbär-Icon als Basis verwenden.

Tragen Sie das Gesicht von unserem Häschen auf.

Schritt 2

Lassen Sie uns die Streifen neu erstellen. Machen Sie eine 83 x 75 px dunkelblaue Ellipse, drehen Sie sie und platzieren Sie sie auf der linken Seite des Gesichts, wie in der Abbildung unten gezeigt. Verwenden Sie die Werkzeug reflektieren (O) die Form über die Vertikale Achse, Kopie erstellen.

Wählen Sie die Ellipsen zusammen mit dem Kopf aus und verwenden Sie die Form-Builder-Werkzeug (Umschalttaste-M) während Sie gedrückt halten Alt um die unerwünschten Teile zu löschen.

Schritt 3

Jetzt haben wir alle vier Charaktere! Fügen wir noch ein paar Objekte hinzu, um das Muster vielfältiger zu gestalten.

5. So erstellen Sie eine bunte Trommel

Schritt 1

Lassen Sie uns die oberen und unteren Kanten der Trommel aus ein paar erstellen 98 x 9 px rosa Rechtecke mit 2 px Eckenradius.

Platzieren Sie die Rechtecke wie unten gezeigt, und verbinden Sie sie mit einem größeren hellrosa Rechteck, das eine Seitenansicht der Trommel darstellt.

Schritt 2

Erstellen Sie eine horizontale Linie mit gelbem Strich mit der Stiftwerkzeug (P) oder der Liniensegmentwerkzeug (\).

Gehe zu Effekt> Verzerren und transformieren> Zickzack und stellen Sie die folgenden Optionen ein:

  • Größe zu 26 px
  • Kanten pro Segment zu 4
  • Punkte zu Ecke

Klicken OK und gehe zu Objekt> Darstellung erweitern. Verwenden Sie die Ankerpunktwerkzeug löschen (-) den unteren Punkt rechts zu löschen, um die Form symmetrisch zu machen.  

Schritt 3

Wählen Sie die erstellte Form aus, Rechtsklick, und Beitreten um den Pfad zu schließen. Drücken Sie Umschalttaste-X zu Tauschen Sie Füllung und Kontur.

Zum Schluss platzieren Sie die erstellten Dreiecke über der Trommelbasis. Ändern Sie die Größe und Ausrichtung, um die Dreiecke an die Trommel anzupassen.

Schritt 4

Beenden Sie die Trommel, indem Sie ein paar einfache Trommelstöcke aus Kreisen und abgerundeten Rechtecken hinzufügen.

6. Wie zeichnet man einen Notizblock, Stifte und einen Apfel aus der Schule?

Schritt 1

Gehen wir zum nächsten Schulgegenstand über. Nehmen Sie die Rechteckwerkzeug (M) und mache eine 75 x 110 px gelbes Rechteck. Duplizieren (Control-C> Control-F) und verkleinern Sie die oberste Kopie (75 x 98 px). Füllen Sie die neue Form mit rosa Farbe.

Schritt 2

Fügen wir dem Notebook eine Spirale hinzu. Mach zwei 12 x 6 px graue Rechtecke und platzieren Sie sie an der linken Seite des Notebooks. Wählen Sie die Rechtecke aus und gehen Sie zu Objekt> Überblenden> Erstellen

Nun das das Gruppe mischen erstellt wird, können wir die Einstellungen bearbeiten Objekt> Überblenden> Überblendoptionen und setze das Abstand zu Angegebene Schritte gleich 7.

Schritt 3

Fügen Sie dem Cover ein gelbes abgerundetes Rechteck hinzu und verzieren Sie es mit den Buchstaben „ABC“. Ich habe die Bananito-Schriftart verwendet, die Sie für GraphicRiver verwenden können, oder Sie können sie durch eine beliebige von Hand gezeichnete Schriftart ersetzen.

Kopieren (Control-C) das gelbe Basisrechteck und Einfügen im Hintergrund (Control-B). Wählen Sie den oberen und den unteren rechten Ankerpunkt mit Direktauswahl-Tool (A) und bewegen Sie die Punkte nach unten. Füllen Sie die Kopie mit einer dunkleren gelben Farbe, um das Objekt dreidimensionaler zu gestalten.

Schritt 4

Ein ... kreieren 14 x 75 px rosa Rechteck und verwandeln Sie ihn in einen einfachen Wachsmalstift, indem Sie weitere Streifen und Details hinzufügen. Machen Sie die Oberseite des Buntstiftes auch aus einem Rechteck und verschieben Sie die oberen Ankerpunkte mit den Pfeiltasten näher aneinanderauf Ihrer Tastatur, während Sie gedrückt halten Verschiebung.

Duplikat die Buntstifte ein paar Mal und variieren die Farben.

Schritt 5

Lass uns aus einem Apfel einen Apfel machen 55 x 55 px roter Kreis. Wählen Sie den oberen Ankerpunkt aus und verwenden Sie die Ankerpunktwerkzeug (Umschalttaste-C) die Griffe drehen 45 Grad die herzförmige Spitze des Apfels bilden. Machen Sie es etwas ruhiger, indem Sie die Live-Ecken Merkmal.

Beenden Sie den Apfel, indem Sie einige weitere Details wie ein Blatt und ein Highlight hinzufügen Ellipsenwerkzeug (L).

7. Wie gestaltet man ein nahtloses Muster?

Schritt 1

Nun, da wir alle Elemente bereit haben, können wir sie auswählen und zu gehen Objekt> Muster> Erstellen. Einmal die Musteroptionen Das Panel wird geöffnet. Legen Sie die folgenden Optionen fest:

  • Fliesentyp zu Gitter
  • Breite zu 450 px
  • Höhe zu 450 px
  • Kopien zu 5 x 5

Wir können damit beginnen, unsere Objekte in der blauen Box zu verteilen, alle anderen Objekte außerhalb der Box zu lassen und sie einzeln hinzuzufügen, um das Muster ausgewogen zu gestalten.

Das Kopien Diese Option hilft uns, das gesamte Bild zu sehen, indem halbtransparente Kopien um die Box projiziert werden, so dass wir die Elemente ausrichten und Leerstellen auffüllen können.

Schritt 2

Fügen Sie die restlichen Elemente hinzu, platzieren Sie sie zwischen den Zeichen und drehen Sie die Objekte.

Füllen Sie die leeren Lücken mit generischen Elementen, z. B. Kreisen, Blättern oder Tropfenformen, und erstellen Sie sie entweder mit Bleistiftwerkzeug (N) oder mit einem Kunstpinsel.

Mal sehen, wie wir selbst einen solchen Pinsel herstellen können.

Schritt 3

Beginnen Sie mit einem Kreis von ungefähr 20 x 20 px Größe. Wählen Sie seinen linken Ankerpunkt aus und ziehen Sie ihn weiter nach links. Wandelt den ausgewählten Ankerpunkt in eine Ecke um aus dem Bedienfeld oben.

Dann ziehen Sie die Form auf die Bürsten Panel (Fenster> Pinsel). Wählen Kunstpinsel im Popup-Menü und belassen Sie alle Optionen als Standard. Jetzt können wir die Bürste in der Bürsten Panel und verwenden Sie die Pinselwerkzeug (B) einfache florale elemente oder wirbel zeichnen. 

Wir können die Größe der Wirbel verändern, indem wir die Größe ändern Gewicht in der Systemsteuerung oben oder in der Schlaganfall Panel.

Schritt 4

Wenn Sie mit dem Muster zufrieden sind, klicken Sie auf Erledigt auf der Oberseite der Zeichenfläche. Jetzt können wir unser Muster im finden Farbfelder Klicken Sie auf die Schaltfläche Muster bearbeiten Taste am unteren Rand des Bedienfelds.

Lass uns einen machen 850 x 600 px rosa rechteck. Duplikat Klicken Sie auf das Muster, und wenden Sie das Muster auf die oberste Kopie an Farbfelder Panel.

Da haben wir es!

Schritt 5

Ich habe mehr Schulgegenstände aus dem Schulkinderset verwendet, um das Muster detaillierter und verspielt zu gestalten. Wir können auch die Farben der Elemente und des Hintergrunds variieren, um sie an alle Designanforderungen anzupassen.

Herzliche Glückwünsche! Unsere Kinderschule Seamless Pattern ist fertig!

Gute Arbeit! Unser Muster ist fertig! Ich hoffe, es hat Ihnen Spaß gemacht, an diesem Tutorial teilzunehmen und einige neue Tipps und Tricks entdeckt zu haben, mit denen Sie mehr niedliche Comic-Figuren zeichnen und neue nahtlose Muster zu verschiedenen Themen entwerfen können!

Fühlen Sie sich frei, um das gesamte Schulkinderset auf Envato Elements zu erhalten. Dort finden Sie die erweiterte Version unseres Musters in verschiedenen Farbkombinationen sowie eine Reihe zusätzlicher Elemente und Portraits aller Charaktere, die Sie für Ihre persönlichen oder kommerziellen Projekte verwenden können.