Hur man skapar ett söt, lekfullt skolmönster i Adobe Illustrator

Vad du ska skapa

Följ den här handledningen och låt oss skapa en skön sömlös mönster med söta djur och skolartiklar! Vi kommer att modifiera olika enkla former, med hjälp av Form Builder Tool, Warp Effects och andra användbara funktioner i Adobe Illustrator. Då samlar vi våra element i ett lekfullt sömlöst mönster som kan appliceras på vilken form som helst och används för tryck på tyg eller som bakgrund för din hemsida eller blogg. 

Du kan skapa en utökad version av mönstret genom att lägga till flera element, som du kan få från denna Kids School Set på Envato Elements. Där hittar du en samling färgglada sömlösa mönster, en uppsättning skolartiklar och porträtt av alla tecken som du kan använda för både personliga och kommersiella projekt!

Låt oss börja skapa vårt mönster!

1. Hur man skapar en söt kanin

Steg 1

Ta Ellipsverktyg (L) och låt oss skapa huvudets bas från en 115 x 85 px vit oval.

Använd Direktmarkeringsverktyg (A) för att dra ankarhandtagen på sidopunkterna, vilket gör formen lite mer kvadratisk och platt på toppen.

Steg 2

Låt oss lägga till ansiktsfunktioner. Gör en 8 x 8 px mörkrila cirkel för ögat. Välj den med Urvalsverktyg (V), håll Alt-Shift, och dra till motsatt sida för att göra det andra ögat.

Gör sedan ett par 12 x 6 px rosa ellipser för de rodna fläckarna på kinderna. Använd samma ellipser för att bilda ögonbrynen. Ändra fyllfärgen till grå och rotera formerna lite för att få kaninen att bli överraskad och vänlig.

Skapa en större ellipsa för näsan och placera den i mitten av ansiktet. Använd Eyedropper Tool (I) att välja färgen från ögonen.

För att göra allt perfekt anpassat kan vi grupp (Control-G) varje par element, välj dem tillsammans med huvudet och klicka Horisontell inriktning Center i Justera panel. Välj antingen Justera till nyckelobjekt eller till Artboard längst ner på panelen.

Steg 3

Nu lägger vi en mun. Skapa en 12 x 12 px cirkel med mörkblå Stroke och nej fyllning. Använd Saxverktyg (C) att klicka på båda sidorankeringspunkterna, splittra formen i ett stycke. Ta bort den övre halvan av cirkeln. 

Håll Alt-Shift och dra halvcirkeln till höger, skapa en kopia.

Vi kan justera linjans tjocklek i Stroke panel. Ställ in Vikt till 2 pt och Keps till Round Cap.

Anslut munnen med näsan genom att lägga till en kort vertikal 2 pt linje.

Steg 4

Låt oss sätta på ett par runda roliga glasögon på kaninens ansikte. Gör en stor 55 x 55 px cirkel med magenta slag och 3 pt slagvikt

Duplicera (håll Alt-Shift och dra) till motsatt sida och koppla cirklarna med en liten båge. Vi kan kopiera den välvda linjen från mungruppen och rotera den upp och ner.

Steg 5

Låt oss nu gå vidare till öronen. Göra en 22 x 75 px ljusgrå ellips. Välj dess främre och nedre ankarpunkter med Direktmarkeringsverktyg (A) och Konvertera valda ankarpunkter till hörn från kontrollpanelen ovanpå.

Välj sedan båda sidoförankringspunkterna och dra dem lite för att göra toppen av formen bredare.

Steg 6

Dubbelklicka de Rotera verktyg (R) och ställa in Vinkel till 20 grader. Nu Kopiera (Control-C) formen och Klistra in på framsidan (Control-F). Gör formen mindre och fyll den med rosa färg, som visar den inre delen av örat.

Steg 7

Grupp (Control-G) båda delarna av örat, dubbelklicka de Reflekteringsverktyg (O), och välj Vertikal axel. Klick Kopia för att skapa andra örat.

Steg 8

Fäst öronen på toppen av huvudet och Skicka till tillbaka (Shift-Control- [).

Där har vi det! Vår kanin är klar!

2. Hur man ritar en kattungecken

Steg 1

Låt oss använda basen av kaninens huvud och hans ansikte för att göra en söt kattunge! Lägg till kort 2 pt slag mot ögonen för att bilda ögonfransarna.

Steg 2

Ta Ellipsverktyg (L) och låt oss göra några ränder på pannan. Skapa en 15 x 45 px oval i mitten av huvudets övre kant och lägg till två mindre ovalar på båda sidor av det.

Välj alla ovaler och huvud. Ta Formverktygsverktyg (Shift-M), håll Alt, och klicka på de bitar som du vill radera.

Steg 3

Låt oss nu göra öronen!

  1. Ta Polygon Tool (du kan hitta den i samma rullgardinsmeny som Rektangelverktyg (M)) och klicka någonstans på Artboard för att öppna en popup alternativ fönster. Ange antal Sidor till 3. Göra en 65 x 60 px triangel.
  2. Välj det övre hörnet av triangeln med Direktmarkeringsverktyg (A) och dra den åt höger.
  3. Ta tag i Anchor Point Tool (Shift-C) och låt oss göra ringen av örat avrundat. Klicka på den övre ankarpunkten och dra ut handtagen, så att hörnet blir smidigt.

Steg 4

Dra toppunkten längre åt höger, vilket gör formen sneda ännu mer. Duplicera (Control-C> Control-F) formen och göra kopian mindre. Byt fyllfärgen till rosa och avbilda den inre delen av örat.

Steg 5

Låt oss rotera örat, fäst det på vänster sida av huvudet och Skicka till tillbaka (Shift-Control- [). Använd Reflekteringsverktyg (O) att vända öronkoncernen över Vertikal axel och fäst den på motsatt sida av huvudet.

Steg 6

Avsluta kitty genom att lägga runt glasögon i ansiktet.

3. Hur man gör en söt Shiba hund

Steg 1

Börja med att ta ett huvud från a 125 x 90 px orange ellipsa. Välj dess sidoförankringspunkter med Direktmarkeringsverktyg (A) och flytta dem ner lite. Gör ankarhandtagen kortare så att sidorna på huvudet blir spetsiga.

Lägg ansiktsegenskaperna i ansiktet genom att duplicera dem från kaninen, men den här gången gör browarna vita.

Steg 2

Ta Linjesegmentverktyg (\) eller den Penverktyg (P), håll Flytta, och gör en horisontell linje. Gå till Effekt> Förvräng & Transformera> Zig Zag och ställ in följande alternativ:

  • Storlek till 10 px
  • Ridges per segment till 3
  • Points till Slät

Klick ok och Objekt> Expand Utseende att tillämpa effekten.

Steg 3

Använd Direktmarkeringsverktyg (A) att räta ut linjens spetsar genom att böja ankarhandtagen neråt.

Placera den skapade stroke över ansiktet, som visas i bilden nedan, och rikta den till huvudet, med huvudet som en Nyckelobjekt. För att göra detta, välj både linjen och huvudet och klicka på huvudet igen. Klicka sedan Horisontell inriktning Center i Justera panel.

Steg 4

Om du väljer båda formerna klickar du på Dela upp i Stigfinnare panel för att dela formen i stycken. Fyll underdelen med vit färg.

Steg 5

Låt oss bilda ett öra från en 65 x 60 px orange triangel. Gå till Effekt> Warp> Arc, ställa in Vertikal böjning värde till 20%, och klicka ok.

Objekt> Expand Utseende att tillämpa effekten.

Steg 6

Välj formen med Direktmarkeringsverktyg (A) och låt oss göra rundarna avrundade. Vi kan göra det antingen manuellt genom att dra cirkelmarkören på Levande hörn eller genom att ställa in Hörnradie till 10 px i kontrollpanelen ovanpå.

Duplicera (Control-C> Control-F) formen och göra kopian mindre. Ändra fyllfärgen till vit.

Steg 7

Fäst örat mot huvudet och använd Reflekteringsverktyg (O) att göra en speglad kopia. Vår Shiba hund är klar! Bra jobbat!

4. Hur man designar en gullig tvättbjörn

Steg 1

Vi kan göra huvudet på denna karaktär liknar hundens huvud men med skarpare sidor.

Ett annat sätt att göra huvudet är att öppna det här Hur man skapar en uppsättning platt djurikoner i Adobe Illustrator-handledning och följer Del 3, Steg 1 att återskapa ett liknande tvättbjörnhuvud.

  • Så här skapar du en uppsättning platt djurikoner i Adobe Illustrator

    I denna handledning skapar vi sex olika djurporträtt från en och samma cirkel! Låt oss ha kul att göra en uppsättning trendiga plana element med hjälp av grundläggande ...
    Yulia Sokolova
    Icon Design

Eller vi kan få hela paketet med Flat Animals Icons på Envato Elements och använd tvättbjörnsymbolen som bas.

Applicera ansiktet från vår kanin.

Steg 2

Låt oss återskapa ränderna. Gör en 83 x 75 px mörkblå ellips, rotera den och placera den på vänster sida av ansiktet, som visas på bilden nedan. Använd Reflekteringsverktyg (O) att vända formen över Vertikal axel, skapa en kopia.

Välj ellipserna tillsammans med huvudet och använd Formverktygsverktyg (Shift-M) medan du håller nere Alt att radera de oönskade bitarna.

Steg 3

Nu har vi alla fyra karaktärerna! Låt oss lägga till några fler objekt för att göra mönstret mer mångsidigt.

5. Hur man skapar en färgstark trumma

Steg 1

Låt oss skapa trummans övre och nedre kanter från ett par 98 x 9 px rosa rektanglar med 2 px Hörnradie.

Placera rektanglarna enligt nedan och anslut dem med en större ljusrosa rektangel, som visar en sidovy av trumman.

Steg 2

Skapa en horisontell linje med gul stroke, med hjälp av Penverktyg (P) eller den Linjesegmentverktyg (\).

Gå till Effekt> Förvräng & Transformera> Zig Zag och ställ in följande alternativ:

  • Storlek till 26 px
  • Ridges per segment till 4
  • Points till Hörn

Klick ok och gå till Objekt> Expand Utseende. Använd Ta bort Anchor Point Tool (-) för att radera bottenpunkten till höger för att göra formen symmetrisk.  

Steg 3

Välj den skapade formen, Högerklicka, och Ansluta sig att stänga vägen. Tryck Skift-X till Byt fyllning och stroke.

Slutligen placera de skapade trianglarna över trummans botten. Ändra storlek och justera för att trianglarna ska passa trumman.

Steg 4

Avsluta trumman genom att lägga till ett par enkla trummor av cirklar och avrundade rektanglar.

6. Hur man ritar en skola anteckningsblock, kritor och en Apple

Steg 1

Låt oss flytta till nästa skolobjekt. Ta Rektangelverktyg (M) och gör en 75 x 110 px gul rektangel. Duplicera (Control-C> Control-F) det och göra den övre kopian mindre (75 x 98 px). Fyll den nya formen med rosa färg.

Steg 2

Låt oss lägga en spiral i anteckningsboken. Gör två 12 x 6 px grå rektanglar och placera dem på vänster sida av anteckningsboken. Välj rektanglarna och gå till Objekt> Blanda> Gör

Nu när Blandningsgrupp är skapad kan vi redigera inställningarna från Objekt> Blanda> Blandningsalternativ och ställa in Mellanrum till Specificerade steg lika 7.

Steg 3

Låt oss lägga en gul rundad rektangel på kåpan och dekorera den med bokstäverna "ABC". Jag har använt Bananito-teckensnittet, som du kan få på GraphicRiver, eller du kan ersätta det med en handritad typsnitt av din smak.

Kopiera (Control-C) den gula basrektangeln och Klistra in bakåt (Control-B). Välj dess övre och nedre högra ankarpunkter med Direktmarkeringsverktyg (A) och flytta punkterna nere. Fyll kopian med en mörkare gul färg för att göra objektet lite mer tredimensionellt.

Steg 4

Skapa en 14 x 75 px rosa rektangel och förvandla den till en enkel krita genom att lägga till fler ränder och detaljer. Gör också toppen av kritan från en rektangel och flytta dess främre ankarpunkter närmare varandra med pilknapparnapå tangentbordet medan du håller nere Flytta.

Duplicera Kritorna är några gånger och varierar färgerna.

Steg 5

Låt oss göra ett äpple från en 55 x 55 px röd cirkel. Välj sin främre ankarpunkt och använd Anchor Point Tool (Shift-C) för att rotera handtagen 45 grader för att bilda den hjärtformade toppen av äpplet. Gör det lite jämnare med hjälp av Levande hörn funktion.

Avsluta äpplet genom att lägga till några fler detaljer som ett blad och en höjdpunkt, med hjälp av Ellipsverktyg (L).

7. Hur man designar ett sömlöst mönster

Steg 1

Nu när vi har alla element redo, kan vi välja dem och gå till Objekt> Mönster> Gör. När Mönsteralternativ panelen öppnas, ställ in följande alternativ:

  • Kakel typ till Rutnät
  • Bredd till 450 px
  • Höjd till 450 px
  • kopior till 5 x 5

Vi kan börja distribuera våra föremål inuti den blå rutan, hålla alla andra föremål utanför rutan och lägga dem en efter en för att göra mönstret väl balanserat.

De kopior alternativet hjälper oss att se hela bilden genom att projicera halvtransparenta kopior runt lådan så att vi kan anpassa elementen och fylla i tomma utrymmen.

Steg 2

Lägg till resten av elementen, placera dem bland karaktärerna och rotera föremålen.

Fyll de tomma luckorna med generiska element, som cirklar, löv eller droppliknande former, skapa dem antingen med Penna verktyg (N) eller med en Konstborste.

Låt oss se hur vi kan göra en sådan borste själv.

Steg 3

Börja med att göra en cirkel av ungefär 20 x 20 px storlek. Välj dess vänstra ankarpunkt och dra den längre åt vänster. Konvertera vald ankarpunkt till hörn från kontrollpanelen ovanpå.

Dra och släpp sedan formen till borstar panel (Fönster> Penslar). Välj Konstborste i popup-menyn och lämna alla alternativ som standard. Nu kan vi plocka borsten i borstar panel och använd Paintbrush Tool (B) att rita enkla blommiga element eller virvlar. 

Vi kan ändra storleken på virvlarna genom att variera Vikt i kontrollpanelen ovanpå eller i Stroke panel.

Steg 4

När du är nöjd med mönstret klickar du på Gjort på toppen av Artboard. Nu kan vi hitta vårt mönster i rutor~~POS=HEADCOMP panelen och redigera den när som helst om det behövs genom att klicka på Redigera mönster knappen längst ned på panelen.

Låt oss göra en 850 x 600 px rosa rektangel. Duplicera det och applicera mönstret till toppkopian genom att klicka på det i rutor~~POS=HEADCOMP panel.

Där har vi det!

Steg 5

Jag har använt fler skolartiklar från School Kids Set för att göra mönstret mer detaljerat och lekfullt. Vi kan också variera färgerna på elementen och bakgrunden, så att de passar alla designbehov.

grattis! Vårt unga barns skolframa är klart!

Bra jobbat! Vårt mönster är klart! Jag hoppas att du har haft följande handledning och upptäckt några nya tips och tricks som hjälper dig att rita mer söta tecknadecken och designa nya sömlösa mönster på olika teman!

Känn dig fri att få hela skolbarnssatsen på Envato Elements. Där hittar du den utökade versionen av vårt mönster i olika färgkombinationer samt en massa extra element och porträtt av alla tecken att använda i antingen dina personliga eller kommersiella projekt.