Hoe maak je een schattig, speels schoolpatroon in Adobe Illustrator

Wat je gaat creëren

Volg deze tutorial en laten we een terug naar school naadloos patroon maken met schattige dieren en schoolitems! We zullen verschillende eenvoudige vormen aanpassen, met behulp van de Shape Builder Tool, Warp Effects en andere handige functies van Adobe Illustrator. Vervolgens verzamelen we onze elementen in een speels naadloos patroon dat op elke vorm kan worden toegepast en worden gebruikt om op stof te printen of als achtergrond voor uw website of blog. 

Je kunt een uitgebreide versie van het patroon maken door meer elementen toe te voegen, die je kunt krijgen van deze Kids School Set op Envato Elements. Daar vindt u een verzameling kleurrijke naadloze patronen, een verzameling schoolitems en portretten van alle personages die u kunt gebruiken voor zowel persoonlijke als commerciële projecten.!

Laten we beginnen met het creëren van ons patroon!

1. Hoe maak je een schattig konijn?

Stap 1

Neem de Ellipse Tool (L) en laten we de basis van het hoofd maken vanuit een 115 x 85 px witte ovaal.

Gebruik de Direct selectie gereedschap (A) om de ankerhandgrepen van de zijpunten naar boven te trekken, waardoor de vorm aan de bovenkant een beetje meer vierkant en vlak wordt.

Stap 2

Laten we gezichtskenmerken toevoegen. Maak een 8 x 8 px donkerpaarse cirkel voor het oog. Selecteer het met de Selectie gereedschap (V), houden Alt-Shift, en sleep naar de andere kant om het tweede oog te maken.

Maak er dan een paar 12 x 6 px roze ellipsen voor de blozen vlekken op de wangen. Gebruik dezelfde ellipsen om de wenkbrauwen te vormen. Verander de vulkleur in grijs en roteer de vormen een beetje om het konijn er verbaasd en vriendelijk uit te laten zien.

Maak een grotere ellips voor de neus en plaats deze in het midden van het gezicht. Gebruik de Pipetgereedschap (I) om de kleur uit de ogen te halen.

Tot slot, om alles perfect op elkaar te laten aansluiten, kunnen we dat groep (Control-G) elk paar elementen, selecteer ze samen met het hoofd en klik Horizontaal centreer uitlijnen in de richten paneel. Selecteer een van beide Uitlijnen op hoofdobject of bij Artboard onderaan het paneel.

Stap 3

Laten we nu een mond toevoegen. Maak een 12 x 12 px cirkel met donkerpaars Beroerte en geen vulling. Gebruik de Schaargereedschap (C) om op beide ankerpunten aan de zijkant te klikken en de vorm apart te splitsen. Verwijder de bovenste helft van de cirkel. 

Houden Alt-Shift en sleep de halve cirkel naar rechts, maak een kopie.

We kunnen de dikte van de lijnen in de Beroerte paneel. Stel de Gewicht naar 2 pt en pet naar Ronde dop.

Verbind de mond met de neus door een korte verticaal toe te voegen 2 pt lijn.

Stap 4

Laten we een paar ronde grappige glazen op het gezicht van ons konijn zetten. Maak een grote 55 x 55 px cirkel met magenta streek en 3 pt Stroke-gewicht

Duplicaat (houden Alt-Shift en sleep) naar de andere kant en verbind de cirkels met een kleine boog. We kunnen de gebogen lijn van de mondgroep kopiëren en ondersteboven draaien.

Stap 5

Laten we nu naar de oren gaan. Maak een 22 x 75 px lichtgrijze ellips. Selecteer de bovenste en onderste ankerpunten met de Direct selectie gereedschap (A) en Converteer geselecteerde ankerpunten naar een hoek vanaf het bedieningspaneel bovenaan.

Selecteer vervolgens beide ankerpunten aan de zijkant en sleep ze een beetje naar boven om de bovenkant van de vorm breder te maken.

Stap 6

Dubbelklik de Roteer gereedschap (R) en stel de Hoek naar 20 graden. Nu Kopiëren (Control-C) de vorm en Plak aan de voorkant (Control-F). Maak de vorm kleiner en vul deze met roze kleur, die het binnenste deel van het oor afbeeldt.

Stap 7

Groep (Control-G) beide delen van het oor, Dubbelklik de Reflect Tool (O), en selecteer de Verticale as. Klik Kopiëren om het tweede oor te creëren.

Stap 8

Bevestig de oren aan de bovenkant van het hoofd en Send to Back (Shift-Control- [).

Daar hebben we het! Ons konijn is klaar!

2. Hoe teken je een kittenkarakter

Stap 1

Laten we de basis van het hoofd van het konijn en zijn gezicht gebruiken om een ​​schattig poesje te maken! Voeg een short toe 2 pt slagen in de ogen om de wimpers te vormen.

Stap 2

Neem de Ellipse Tool (L) en laten we wat strepen op het voorhoofd maken. Maak een 15 x 45 px ovaal in het midden van de bovenkant van het hoofd en voeg aan beide zijden twee kleinere ovalen toe.

Selecteer alle ovalen en de kop. Neem de Shape Builder Tool (Shift-M), houden alt, en klik op de stukjes die je wilt verwijderen.

Stap 3

Laten we nu de oren maken!

  1. Neem de Polygoon gereedschap (je kunt het vinden in hetzelfde drop-down menu als de Rechthoekgereedschap (M)) en klik ergens op het tekengebied om een ​​pop-up te openen opties venster. Stel het aantal in Sides naar 3. Maak een 65 x 60 px driehoek.
  2. Selecteer de bovenste hoek van de driehoek met de Direct selectie gereedschap (A) en sleep het naar de rechterkant.
  3. Grijp de Anchor Point Tool (Shift-C) en laten we de bovenkant van het oor rond maken. Klik op het bovenste ankerpunt en sleep de grepen naar buiten, zodat de hoek glad wordt.

Stap 4

Sleep het bovenste punt verder naar rechts, waardoor de vorm nog meer scheef trekt. Dupliceren (Control-C> Control-F) de vorm en maak de kopie kleiner. Verander de vulkleur in roze en geef het binnenste deel van het oor weer.

Stap 5

Laten we het oor draaien, bevestigen aan de linkerkant van het hoofd en Send to Back (Shift-Control- [). Gebruik de Reflect Tool (O) om de oorgroep over de te draaien Verticale as en bevestig het aan de andere kant van het hoofd.

Stap 6

Maak de kitten af ​​door een ronde bril aan het gezicht toe te voegen.

3. Hoe maak je een schattige Shiba-hond

Stap 1

Begin met het maken van een hoofd van een 125 x 90 px oranje ellips. Selecteer de ankerpunten aan de zijkant met de Direct selectie gereedschap (A) en verplaats ze een beetje naar beneden. Maak de ankerhandgrepen korter om de zijkanten van het hoofd meer spits te maken.

Voeg de gezichtseigenschappen toe aan het gezicht door ze te dupliceren van het konijn, maar maak deze keer de wenkbrauwen wit.

Stap 2

Neem de Lijnsegmenthulpmiddel (\) of de Pen gereedschap (P), houden Verschuiving, en maak een horizontale lijn. Ga naar Effect> Vervormen en transformeren> Zig Zag en stel de volgende opties in:

  • Grootte naar 10 px
  • Randen per segment naar 3
  • punten naar Glad

Klik OK en Object> Uiterlijk uitbreiden om het effect toe te passen.

Stap 3

Gebruik de Direct selectie gereedschap (A) om de uiteinden van de lijn recht te maken door de ankerhendels naar beneden te buigen.

Plaats de gecreëerde streek over het gezicht, zoals weergegeven in de afbeelding hieronder, en lijn het uit met het hoofd, met behulp van de kop als een Sleutelvoorwerp. Om dit te doen, selecteert u zowel de lijn als de kop en klikt u nogmaals op de kop. Dan klikken Horizontaal centreer uitlijnen in de richten paneel.

Stap 4

Houd beide vormen geselecteerd, klik op Verdelen in de verkenner paneel om de vorm uit elkaar te splitsen. Vul het onderste gedeelte met witte kleur.

Stap 5

Laten we een oor vormen van a 65 x 60 px oranje driehoek. Ga naar Effect> Verdraaien> Boog, stel de Verticale buiging waarde voor 20%, en klik OK.

Object> Uiterlijk uitbreiden om het effect toe te passen.

Stap 6

Selecteer de vorm met de Direct selectie gereedschap (A) en laten we de hoeken afgerond maken. We kunnen het handmatig doen door aan de cirkelmarkering van de Live hoeken of door het instellen van Hoekradius naar 10 px in het bedieningspaneel bovenaan.

Dupliceren (Control-C> Control-F) de vorm en maak de kopie kleiner. Verander zijn vulkleur in wit.

Stap 7

Bevestig het oor aan het hoofd en gebruik de Reflect Tool (O) om een ​​gespiegelde kopie te maken. Onze shiba-hond is klaar! Goed gedaan!

4. Hoe een schattige wasbeer te ontwerpen

Stap 1

We kunnen het hoofd van dit karakter vergelijkbaar maken met het hoofd van de hond, maar met scherpere kanten.

Een andere manier om het hoofd te maken, is door dit te doen Hoe een reeks platte dierenpictogrammen te maken in de tutorial van Adobe Illustrator en te volgen Deel 3, stap 1 om een ​​soortgelijke wasbeerkop te maken.

  • Hoe maak je een set van platte dieren iconen in Adobe Illustrator

    In deze tutorial zullen we zes verschillende dierenportretten uit één en dezelfde cirkel maken! Laten we plezier maken door een set trendy platte elementen te maken met behulp van ...
    Yulia Sokolova
    Pictogram ontwerp

Of we kunnen het hele pakket platte dierenpictogrammen op Envato Elements krijgen en het wasbeerpictogram als basis gebruiken.

Breng het gezicht aan vanuit ons konijn.

Stap 2

Laten we de strepen opnieuw maken. Maak een 83 x 75 px donkerblauwe ellips, draai hem en plaats hem aan de linkerkant van het gezicht, zoals in de onderstaande afbeelding. Gebruik de Reflect Tool (O) om de vorm over de te draaien Verticale as, een kopie maken.

Selecteer de ellipsen samen met de kop en gebruik de Shape Builder Tool (Shift-M) terwijl je ingedrukt houdt alt om de ongewenste stukjes te verwijderen.

Stap 3

Nu hebben we alle vier de karakters! Laten we nog enkele objecten toevoegen om het patroon diverser te maken.

5. Hoe maak je een kleurrijke trommel aan?

Stap 1

Laten we de boven- en onderkant van de trommel van een paar maken 98 x 9 px roze rechthoeken met 2 px Hoekradius.

Plaats de rechthoeken zoals hieronder weergegeven en verbind ze met een grotere lichtroze rechthoek, die een zijaanzicht van de trommel afbeeldt.

Stap 2

Maak een horizontale lijn met een gele streek, met behulp van de Pen gereedschap (P) of de Lijnsegmenthulpmiddel (\).

Ga naar Effect> Vervormen en transformeren> Zig Zag en stel de volgende opties in:

  • Grootte naar 26 px
  • Randen per segment naar 4
  • punten naar Hoek

Klik OK en ga naar Object> Uiterlijk uitbreiden. Gebruik de Ankerpunttool verwijderen (-) om het onderste punt aan de rechterkant te verwijderen om de vorm symmetrisch te maken.  

Stap 3

Selecteer de gemaakte vorm, klik met de rechtermuisknop, en toetreden om het pad te sluiten. druk op Shift-X naar Vulling en lijn verwisselen.

Plaats als laatste de gemaakte driehoeken over de basis van de trommel. Formaat wijzigen en uitlijnen om de driehoeken in de trommel te laten passen.

Stap 4

Maak de trommel af door een paar eenvoudige drumsticks gemaakt van cirkels en afgeronde rechthoeken toe te voegen.

6. Hoe een schoolkladblok, kleurpotloden en een appel tekenen

Stap 1

Laten we naar het volgende schoolitem gaan. Neem de Rechthoekgereedschap (M) en maak een 75 x 110 px gele rechthoek. Dupliceren (Control-C> Control-F) en maak de bovenste kopie kleiner (75 x 98 px). Vul de nieuwe vorm met roze kleur.

Stap 2

Laten we een spiraal toevoegen aan de notebook. Maak er twee 12 x 6 px grijze rechthoeken en plaats ze aan de linkerkant van de notebook. Selecteer de rechthoeken en ga naar Object> Blend> Maken

Nu dat het Blend Group is gemaakt, we kunnen de instellingen van bewerken Object> Blend> Mengopties en stel de tussenruimte naar Opgegeven stappen Gelijk 7.

Stap 3

Laten we een gele afgeronde rechthoek aan de omslag toevoegen en deze versieren met de letters "ABC". Ik heb het Bananito-lettertype gebruikt, dat je op GraphicRiver kunt krijgen, of je kunt het vervangen door elke handgetekende stijl van je voorkeur.

Kopiëren (Control-C) de gele basisrechthoek en Plakken op de rug (Control-B). Selecteer de ankerpunten aan de bovenkant en onderaan rechts met de Direct selectie gereedschap (A) en verplaats de punten naar beneden. Vul de kopie met een donkerder gele kleur om het object een beetje meer driedimensionaal te maken.

Stap 4

Maak een 14 x 75 px roze rechthoek en verander het in een eenvoudig kleurpotlood door meer strepen en details toe te voegen. Maak ook de bovenkant van het krijtje van een rechthoek en verplaats de bovenste ankerpunten dichter bij elkaar met behulp van de pijltoetsenop je toetsenbord terwijl je ingedrukt houdt Verschuiving.

Duplicaat de kleurpotloden een paar keer en variëren de kleuren.

Stap 5

Laten we een appel maken van een 55 x 55 px rode cirkel. Selecteer het bovenste ankerpunt en gebruik de Anchor Point Tool (Shift-C) om de handvatten te roteren 45 graden om de hartvormige bovenkant van de appel te vormen. Maak het een beetje vloeiender, met behulp van de Live hoeken voorzien zijn van.

Werk de appel af door een paar details toe te voegen, zoals een blad en een hoogtepunt, met behulp van de Ellipse Tool (L).

7. Hoe een naadloos patroon te ontwerpen

Stap 1

Nu we alle elementen klaar hebben, kunnen we ze selecteren en naar toe gaan Object> Patroon> Maken. Zodra de Patroonopties paneel is geopend, stelt u de volgende opties in:

  • Tegeltype naar rooster
  • Breedte naar 450 px
  • Hoogte naar 450 px
  • kopieën naar 5 x 5

We kunnen beginnen met het verspreiden van onze objecten in de blauwe doos, alle andere objecten buiten de doos houden en ze een voor een toevoegen om het patroon goed uitgebalanceerd te maken.

De kopieën optie helpt ons om het hele plaatje te bekijken door semi-transparante kopieën rond de doos te projecteren, zodat we de elementen kunnen uitlijnen en lege ruimtes kunnen opvullen.

Stap 2

Voeg de rest van de elementen toe, plaats ze tussen de personages en draai de objecten.

Vul de lege openingen met generieke elementen, zoals cirkels, bladeren of druppelachtige vormen, en maak ze met de Pencil Tool (N) of met een Art Brush.

Laten we eens kijken hoe we zelf zo'n borstel kunnen maken.

Stap 3

Begin door een cirkel van ongeveer te maken 20 x 20 px grootte. Selecteer het linker ankerpunt en sleep het verder naar links. Converteer het geselecteerde ankerpunt naar de hoek vanaf het bedieningspaneel bovenaan.

Sleep vervolgens de vorm naar de Borstels paneel (Venster> Penselen). kiezen Art Brush in het pop-upmenu en laat alle opties als standaard. Nu kunnen we het penseel in de Borstels paneel en gebruik de Penseelgereedschap (B) om eenvoudige bloemenelementen of wervelingen te tekenen. 

We kunnen de grootte van de swirls veranderen door de Gewicht in het controlepaneel bovenaan of in de Beroerte paneel.

Stap 4

Als u tevreden bent met het patroon, klikt u op Gedaan op de top van het tekengebied. Nu kunnen we ons patroon vinden in de Stalen paneel en bewerk het op elk gewenst moment door op de. te klikken Bewerk patroon knop onderaan het paneel.

Laten we een maken 850 x 600 px roze rechthoek. Duplicaat en pas het patroon toe op de bovenste kopie door erop te klikken in de Stalen paneel.

Daar hebben we het!

Stap 5

Ik heb meer schoolitems van de School Kids Set gebruikt om het patroon gedetailleerder en speelser te maken. We kunnen ook de kleuren van de elementen en de achtergrond variëren, zodat het bij elke ontwerpbehoefte past.

Gefeliciteerd! Onze Kids School naadloze patroon is klaar!

Goed gedaan! Ons patroon is voltooid! Ik hoop dat je deze tutorial met plezier hebt gevolgd en een aantal nieuwe tips en trucs hebt ontdekt waarmee je meer leuke stripfiguren kunt tekenen en nieuwe naadloze patronen kunt ontwerpen voor verschillende thema's.!

Voel je vrij om de hele School Kids Set op Envato Elements te krijgen. Daar vindt u de uitgebreide versie van ons patroon in verschillende kleurencombinaties, evenals een heleboel extra elementen en portretten van alle personages om te gebruiken in uw persoonlijke of commerciële projecten.