Maak een Crazy Sticker Bombing Seamless Pattern in Adobe Illustrator

Wat je gaat creëren

Ben je er klaar voor om je geest te verdraaien en een superhelder en speels naadloos patroon te creëren met gekke personages? In deze tutorial doorlopen we het hele proces van het ontwikkelen van een patroon voor het bombarderen van een sticker, waarbij elk personage wordt weergegeven met basisvormen en Warp Effects en dan de gecreëerde elementen samenvoegen tot een fraaie overlappende textuur met behulp van de Patroon gereedschap. Laten we beginnen!

1. Maak de karakterstickers met basisvormen

Allereerst wil ik een paar woorden zeggen over de huidige stijl van ons toekomstige patroon om u te inspireren en het onderwerp duidelijker te maken.. 

Sticker bombing is een grillige en ambitieuze ontwerpstijl die uit Japan kwam met hun speciale JDM-stickers. Een vergelijkbare stijl werd ook gevormd door een groep enthousiastelingen uit New York die veel fraaie graffitibeelden over elkaar plaatsten, de zogenaamde "bommen". 

Het wordt meestal geassocieerd met straatkunst en de manier van het versieren van verschillende dingen (meestal voertuigen, skateboards en dergelijke) met kleurrijke overlappende stickers van verschillende groottes om een ​​deel van een object te benadrukken en de aandacht van de kijker te trekken. 

Het bombarderen van stickers maakt vaak gebruik van kant-en-klare stickers met bekende personages, maar in deze tutorial gaan we verder en creëren we onze eigen gekke heldenband..

Stap 1

Laten we beginnen met het creëren van een grappige hipster kat met een kopje koffie. 

Eerst en vooral, laten we een platgedrukte ellips maken met de Ellipse Tool (L) en vul het met feloranje kleur. Ga dan naar Effect> Verdraaien> Boog en stel de Verticale buiging waarde voor 48%, buig onze ellips naar links. Nu hebben we een van de poten van de kat klaarliggen, Object> Uitbreiden het en creëer de basis van het lichaam door een bijna gelijke cirkel te vormen. Plak onze banaanvormige poten aan beide zijden van het lichaam. Bewaar een paar exemplaren van de pootvorm, want die hebben we later nodig.

Verenigen alle gecreëerde elementen in verkenner, één enkele vorm maken. Onze vorm lijkt nu meer op een kip, dus we moeten de zijkanten gladstrijken. Selecteer de ankerpunten aan de zijkant die overblijven op de plaatsen waar de poten zijn samengevoegd met de body en verwijder ze door op de te klikken Verwijder geselecteerde ankerpunten knop in het bedieningspaneel hierboven. Bewerk vervolgens het gebied in het onderste gedeelte van het lichaam door de ankerhandvatten te verplaatsen met behulp van de Direct selectie gereedschap (A).

Gebruik de pootkopieën die we eerder hebben gemaakt om een ​​paar kattenoren in het bovenste deel van het lichaam toe te voegen.

Stap 2

Laten we een trendy hipster-bril op onze kat zetten! Begin door een ellips te maken en verwijder het bovenste gedeelte met de Eraser Tool (Shift-E) door de alt toets om een ​​even helft te wissen. Ga naar Object> Pad> Offsetpad en stel de compenseren waarde tot ongeveer -5 px, het creëren van een kleinere vorm in de eerste. Jouw compenseren waarde kan verschillen van de mijne, maar je kunt de werkelijke schaal van de objecten in vergelijking met elkaar zien in de onderstaande schermafbeelding.

Selecteer beide objecten en gebruik de Minus voorkant functie van de verkenner paneel om een ​​gat uit te snijden, waardoor een brilrand ontstaat. Dupliceer de rand door erop te klikken met uw linkermuisknop en te slepen terwijl u de knop ingedrukt houdt alt sleutel.

Stap 3

Voeg een eenvoudige en schattige neus toe aan onze kat door een driehoek te vormen met de Polygoon gereedschap en maak dan zijn hoeken glad met Effect> Stileer> Ronde hoeken. Stel de Radius ongeveer 4 px en controleer het resultaat door de Voorbeeld doos. Object> Uitbreiden de neus en vul het met fel roze kleur.

Laten we een paar grappige ronde kuikens toevoegen aan de kat. Begin met het plaatsen van een witte, gelijkmatige cirkel door de Verschuiving knop en een vorm maken met de Ellipse Tool (L). Voeg binnen een kleinere bruine cirkel voor de iris toe. Maak ten slotte een highlight met witte driehoek bovenop de iris en vorm het tweede oog.

Stap 4

Ga verder en maak een papieren koffiekopje dat ons karakter in zijn poten zal houden. Maak de basis van een bruine rechthoek met behulp van de Rechthoekgereedschap (M). Selecteer vervolgens het onderste ankerpunt links en klik op de invoeren toets om de verhuizing optievenster. Stel de Horizontale positie waarde voor 5 px en andere waarden voor 0 px, daarmee het punt horizontaal horizontaal naar rechts verplaatsen. Herhaal hetzelfde met het juiste ankerpunt, stel de Horizontale positie waarde voor -5 px deze keer en verplaats het dichter naar het midden, waardoor de bekerbodem smaller wordt aan de onderkant.

Voeg een lichtgele rechthoek voor de dop van de kop toe en maak het onderste deel ervan breder op dezelfde manier als bij de bekerbodem. Maak tenslotte een extra ankerpunt in het midden van het onderste deel van de beker en sleep het een beetje naar beneden, waardoor de vorm vloeiender en meer gebogen wordt.

Voeg nog een rechthoek met een lichtgele kleur over het midden van de beker toe voor de papieren verpakking. Buig het met de Arch Warp Effect, instellen van de Horizontale buiging waarde voor -20%. Dupliceer de bekerbasis en gebruik de Snijden functie van verkenner om de onnodige onderdelen af ​​te snijden.

Stap 5

Voeg een elliptisch logo toe in het midden van de papieromslag en gebruik de Mes gereedschap (je kunt het vinden in hetzelfde vouwmenu als de Wisser) om een ​​gebogen lijn over de gecreëerde ellips te tekenen en deze in twee helften te splitsen. Scheid de helften van elkaar en vorm een ​​koffieboon. 

Stap 6

Bedek de linkerkant van de beker met een smalle rechthoek en breng aan Boog effect met 10% verticale buiging waarde om de rechthoek te krommen. Object> Uitbreiden de vorm en vul deze met donkerbruine kleur, schakel de Overvloeimodus naar Scherm in de Transparantie paneel, op deze manier een warme boventoon op de beker. Voeg nog een gebogen rechthoek toe aan de andere kant van de beker en zet deze om Vermenigvuldig de mengmodus, een schaduw maken.

Stap 7

Plaats het kopje boven de buik van de kat en gebruik de Pencil Tool (N) om een ​​gebogen vorm uit de vrije hand te tekenen voor de "arm" of poot. Vul het met een lineair verloop van geel op de punt naar oranje, zodat de arm overgaat in het lichaam van de kat en tegelijkertijd eruit springt. Voeg de tweede arm toe, plaats hem aan de andere kant, zodat de kat de beker vasthoudt.

Stap 8

Maak nog een geplette ellips, dit keer voor de staart van de kat. Pas de Arc Warp effect met -4% horizontale buiging waarde om het onderste deel breder te maken en de vorm uit te breiden. Een andere toepassen Boog effect op dezelfde vorm met -24% verticale buiging waarde. Bevestig de staart aan het lichaam van de kat en breid het uit als u tevreden bent met het resultaat. Anders verhoogt u de Buigen waarde om de staart meer gebogen te maken.

Stap 9

Vorm het binnenste pinkgedeelte van de oren van de kat door de Verschoven pad naar het lichaam van de kat, het creëren van een kleiner lichaamsbeeld binnenin. Vul de gemaakte vorm met roze kleur en scheid het bovenste deel met de Eraser Tool (Shift-E), het onderste gedeelte volledig verwijderen. 

Maak de figuur van de kat een beetje meer driedimensionaal door een zachte schaduw toe te voegen. Dupliceer hiervoor de body base twee keer en verplaats de kopie een stukje naar rechts. Gebruik de Minus voorkant functie van de verkenner paneel om de overbodige delen af ​​te snijden, waardoor er slechts een dunne streep langs de rand van het lichaam achterblijft. Vul het met een donkerdere oranje kleur, vorm de schaduw.

Stap 10

Laten we een omtrek aan ons personage toevoegen om het van andere stickers te scheiden wanneer we een patroon gaan vormen. Selecteer de lichaamsvorm en stel de Beroerte kleur tot donkerbruin. Ga naar de Beroerte paneel. Hier moeten we de Gewicht naar 3 px en schakel de pet en Hoek in de middelste posities. Wat de armen betreft, laten we de Profiel van de omtrek naar Breedteprofiel 1 (je vindt deze opties in het bovenste bedieningspaneel), waardoor de lijnen aan beide uiteinden erg dun zijn. Vergeet niet om ook de contouren aan de koffiekop en de staart van de kat toe te voegen.

Stap 11

Laten we de basis van onze hipster kat gebruiken om een ​​ander kattenkarakter met een aristocratische uitstraling te maken. 

Verander allereerst de positie van de poten en de staart om de karakters van elkaar te laten verschillen. Begin dan met het toevoegen van kleine details. Vorm een ​​monocle-rand door twee even cirkels te maken, de een in de andere en het midden uit te snijden. Voeg nog een kleinere cirkel voor het glas toe en maak het semi-transparant door het te laten zakken ondoorzichtigheid in de Transparantie paneel. Maak een groep strepen en verander ze in een enkel object door een. Te maken Samengestelde pad (controle-8). Plaats de gecreëerde strepen boven het glas, snij de onnodige delen buiten de monocle af en schakel het om Schermmengmodus, een hoogtepunt creëren. Voeg ook een kleine boventoon toe aan de rand door een randvorm te selecteren en een kleiner en lichter bruin element binnenin te maken met behulp van de Verschoven pad.

Laten we de ogen van de kat half gesloten houden om hem een ​​belangrijke en hooghartige uitstraling te geven. Dupliceer de witte oogbolvorm en vul deze met oranje, een beetje donkerder dan de huidtint. Gebruik de Eraser Tool (Shift-E) om het onderste gedeelte te verwijderen, het ooglid te vormen.

Stap 12

Onze kat heeft nog enkele uiterlijke details nodig die hem op een heer lijken. Laten we eerst een mooie gekrulde snor toevoegen! Begin met het vormen van een gelijkmatige cirkel en gebruik de Direct selectie gereedschap (A) om het rechter ankerpunt verder naar rechts en omhoog te slepen. Gebruik de Anchor Point Tool (Shift-C) om de ankerhandgrepen te verplaatsen, waarbij een scherpe hoek wordt gevormd. Blijf de hendels bewegen om een ​​gedraaide krul te vormen.

Stap 13

Wat is een heer zonder een hoge hoed? Laten we er een maken! Vorm een ​​donkerbruine rechthoek en maak het onderste gedeelte veel smaller, zoals we deden met de papieren koffiekop. Voeg een platgedrukte ellips toe voor de hoedrand en maak de hoed meer driedimensionaal door een highlight aan de ene kant en een zachte schaduw van een andere toe te voegen. Versier de hoed met een heldere turquoise streep gemaakt met een smalle rechthoek en Boog effect. Draai de afgewerkte hoed een beetje en laat deze een van de oren van de kat bedekken.

Stap 14

De handen van onze kat zijn nog steeds leeg, dus laten we nog een paar items toevoegen! Dit zijn een pijp en een theekopje. Begin met het vormen van de pijp van het bovenste deel, dat bestaat uit twee platgedrukte, bruine ellipsen, de ene binnen in de andere. Maak de bovenste ellips donkerder en geef de verdieping in de pijp weer.

Voeg nog een ellips van lichtere bruine kleur toe voor de basis van de pijp en plaats de eerste groep ellipsen precies in het midden van de nieuwe ellips. Gum het bovenste deel weg en vorm een ​​afgeronde houten buisbodem.

Dupliceer een van de armen van de kat en bevestig deze aan de pijp, maak een mondstuk.

Stap 15

Gebruik de basis van onze pijp om een ​​eenvoudig theekopje te vormen, waardoor het binnenste gedeelte een beetje groter wordt. Verander de kleuren in licht-turquoise en gebruik de Pencil Tool (N) om een ​​kleine, kromme vorm toe te voegen voor de bekerhandgreep. Plaats het kopje en de pijp in de handen van de kat.

Voeg contourlijnen toe aan de kat en de items.

Stap 16

Ons volgende karakter is een schattige kip. De basis van zijn lichaam is op dezelfde manier gemaakt als de snor van de kat, maar niet zo gekruld. Begin met een gelijkmatige cirkel met een felgele kleur en verplaats beide ankerpunten aan de zijkant iets omhoog om de bovenkant van de ellips meer plat te maken. Sleep het onderste ankerpunt naar beneden en verplaats de ankerhandgrepen om een ​​puntige staart te maken.

Stap 17

Trek twee ellipsen de een in de andere voor het kuikenoog. Maak de binnenste cirkel donkerbruin, vorm een ​​iris en voeg een kleine witte vlek erboven voor het hoogtepunt toe. Maak een kopie van het oog en verplaats het naar de andere kant van het hoofd van de vogel. Selecteer zowel de body als de eye-kopie en gebruik de Shape Builder Tool (Shift-M) om de ongewenste delen te verwijderen door de alt sleutel en klik erop.

Gebruik de Polygoon gereedschap met 3 zijden om twee kleine driehoekige vormen voor de snavel te vormen. Roteer de vormen en verplaats hun centrale ankerpunten dichter naar rechts.

Stap 18

Voeg nog een oranje ellips toe voor de vleugel van het kuiken en gebruik de Shape Builder Tool (Shift-M) om het in het lichaam te laten passen. Gebruik de Blob Brush Tool (Shift-B) met standaardinstellingen (of bekijk mijn instellingen in de onderstaande schermafbeelding) om een ​​kleine gebogen lijn te vormen voor het pootje van de vogel. Voeg drie kleine vingers toe en Verenigen alle delen in verkenner. Dupliceer het gecreëerde element en verplaats de kopie naar rechts, waarbij u de tweede regel toevoegt.

Maak onze vogel meer kinderlijk en schattig door een grappige gekrulde sluis op de bovenkant van het hoofd toe te voegen met de Blob Brush Tool (Shift-B). Voeg dimensie toe door een subtiele schaduw op het rechtergedeelte van het lichaam te vormen en, ten slotte, ons karakter uit te lijnen, het meer gedefinieerd en levendig te maken.

Stap 19

Laten we meer vogels toevoegen voor ons toekomstig patroon! Deze keer maken we een grappige uil. Vorm een ​​blauwe ellips en pas deze aan door het bovenste gedeelte af te vlakken. Gebruik de Eraser Tool (Shift-E) om het onderste gedeelte van het lichaam te verwijderen en begin met het toevoegen van kleine details: plaats een even cirkel in de linkeronderhoek van de lichaamsvorm. Houden Verschuiving en alt op hetzelfde moment en sleep de gemaakte cirkel naar rechts, maak een kopie. druk op Controle-D meerdere keren, het herhalen van je laatste actie om meer kopieën te maken, en zo een rokachtige vorm te vormen. Verenigen alle elementen in verkenner, één enkele vorm maken.

Voeg een lichtgele ellips toe voor het gezicht. Plet de vorm door het bovenste ankerpunt naar beneden te bewegen en verleng de zijverankeringshendels om het gezicht hartvormig te maken.

Voeg grote, ronde ogen toe en vorm een ​​kleine driehoekige snavel in het midden van het gezicht van de uil.

Stap 20

Laten we een gevleugelde vleugel vormen. Plaats drie platgedrukte ellipsen dicht bij elkaar, variërend in hoogte. Groep (Controle-G) de vormen en ga naar Effect> Verdraaien> Boog, de veren naar rechts buigen -50% verticale buiging waarde.

Object> Uitbreiden de vleugel en Verenigen de veren in verkenner. Dupliceer de vorm en geef de kopie weer aan de andere kant van de uil. 

Selecteer de carrosseriebasis en ga naar Effect> Vervormen en transformeren> Vrije vervorming om de pop-up te onthullen Gratis Vervormen optievenster. Maak het onderste gedeelte van het lichaam smaller door de lagere punten van het vierkant dichter bij het midden te plaatsen. Voeg een zachte schaduw toe zoals we eerder deden en schetst ons karakter.

Stap 21

Laten we een kopie van onze uil maken en deze een beetje aanpassen om een ​​geheel nieuw personage te krijgen. Verander de kleur van de lichaamsdelen in violet en werk bij de gezichtsuitdrukking. Gum het bovenste deel van de oogbollen weg en maak een chagrijnige indruk. Selecteer de snavelvorm en ga naar Effect> Warp> Boog, instellen van de Verticale buiging waarde voor 45% om een ​​kromme snavel te maken.

Stijl een wind-swept knal op de top van het hoofd van de uil met behulp van de Pencil Tool (N) en vergeet niet om Beroerte het.

Dit is hoe onze norse uil naar deze stap kijkt.

Stap 22

Het laatste karakter van onze stickerset is een prachtige T-Rex-dinosaurus. Begin met het vormen van zijn hoofd vanuit een groene cirkel en maak het iets geëxtrudeerd door het linker ankerpunt verder naar links te slepen. Dit wordt het neusgebied van de dino. Wat betreft het lichaam, laten we de basislichaamvorm van onze kat nemen en deze vullen met dezelfde groene kleur, deze aan het hoofd vastmaken en een opvallend dinosaurussilhouet vormen.

Stap 23

Ga verder en maak nog een essentieel lichaamsdeel: een lange groene staart. Plaats een smalle vorm gemaakt met Afgeronde rechthoek-tool in het onderste deel van het lichaam van Dino. Ga naar Effect> Verdraaien> Boog en stel de Verticale buiging waarde voor 5%, de staart breder maken vanaf de linkerkant. Vouw de vorm uit en voeg nog twee ankerpunten dichter bij de punt van de staart toe. Gebruik de Direct selectie gereedschap (A) om de punt te buigen door het laatste ankerpunt omhoog te bewegen.

Stap 24

Gebruik een lichtgele cirkel om een ​​rij grappige tanden te vormen. Plaats de tandgroep onder de vorm van het hoofd door de positie opnieuw in te stellen Controle-[ toetsencombinatie. Voeg twee korte afgeronde poten toe die de dino's wangen raken. Gebruik tot slot dezelfde omcirkelde vormen om een ​​ketting van ruggengraatelementen te creëren die langs de rand van het lichaam loopt tot aan de punt van de staart. Vorm twee gebogen slagen voor de ogen met behulp van de Blob Brush Tool (Shift-B) en voeg twee kleine ronde neusgaten toe.

Gebruik de Eraser Tool (Shift-E) om de schalen, die we op Dino's hoofd hebben geplaatst, te bewerken door hun onderste gedeelte te wissen. Zet de kleur van de schalen op lichtgroen en voeg verschillende groepen elliptische stippen aan het lichaam toe. Eindig met het toevoegen van een donkerbruine omtrek aan ons personage.

Stap 25

We hebben al een papieren koffiekopje en een luxe theekopje gemaakt dat we apart van onze personages kunnen gebruiken om de lege ruimtes van ons patroon te vullen. Laten we een laatste element toevoegen dat we voor hetzelfde doel kunnen gebruiken! Dit wordt een eenvoudige donut.

Begin met het vormen van een gelijkmatige cirkel van crèmekleur. Knip een gat in het midden uit en vervorm de vorm met behulp van de Warp Tool (Shift-R) (Ik heb de opties van het verdraaiingsmechanisme standaard verlaten, maar je kunt de penseelgrootte of de intensiteit wijzigen als je twee keer op het gereedschapspictogram klikt).

Gebruik de Verschoven pad meerdere keren functioneren om twee kleinere vormen binnen elkaar te creëren. Vul de nieuw gemaakte vormen met een lekkere roze kleur, waardoor de bovenste vorm helderder is om het een glazen look te geven. Bestrooi de bovenkant van de donut met felgele suikergoedkruimels gemaakt van kleine afgeronde rechthoeken. Voeg een stevige bruine streep toe aan de ring.

Stap 26

Nu alle items klaar zijn, kunnen we beginnen met het renderen van het patroon! Je kunt in deze stap eindigen met de personages of verder gaan en een paar kleine details toevoegen aan elk van deze tekens, waardoor de afbeeldingen ingewikkelder en cartoonischer worden. 

Ik hou bijvoorbeeld van de plekken die we hebben gevormd voor onze T-Rex, dus ik besloot dezelfde plekken ook aan andere personages toe te voegen. Ik versierde ook beide uilenlichamen met twee extra lagen veren. Voor dit doel heb ik de lichaamsvorm meerdere keren gekopieerd, het bovenste exemplaar naar boven verplaatst en de ongewenste stukken afgesneden die buiten het personage waren gelaten.

Als u tevreden bent met het resultaat, gaan we naar het laatste deel van onze zelfstudie!

2. Geef een gekke sticker Bombardeer naadloos patroon

Stap 1

Selecteer alle items die we tot nu toe hebben gemaakt en ga naar Object> Patroon> Maken. Door de modus voor het maken van patronen in te voeren, ontvangt u een melding dat het nieuwe patroon dat we maken wordt toegevoegd aan de Stalen paneel. U kunt het gemaakte patroon altijd vanuit het Stalen paneel, zelfs na terugkeer naar de normale modus.

Vind de Patroonopties venster en stel de Breedte en Hoogte van de Tegel naar 600 x 600 px. Verlaat de Tegeltype zoals rooster om de plaatsing van de objecten gemakkelijker te maken.

Verplaats de personages over het canvas en draai ze met verschillende hoeken. U ziet transparante kopieën van de objecten, die u helpen om het patroon te vormen, waarbij u de hele afbeelding voorstelt.

Stap 2

Gebruik de Reflect Tool (R) om de objecten te spiegelen over de Verticaal of horizontaal (als u wilt dat sommige objecten ondersteboven liggen) As, het patroon dynamischer en diverser maken. Plak de stickers boven elkaar zodat ze overlappen, zodat er geen witte vlekken of lege plekken tussen de stickers zijn.

Stap 3

Als je ziet dat sommige voorwerpen met elkaar versmelten en er een puinhoop van maken, aarzel dan niet om ze opnieuw in te kleuren (vergeet ook niet om de initiële kopie te bewaren)! We hebben bijvoorbeeld twee oranje katten te dicht bij elkaar geplaatst. Laten we de huidtint van de hipster kat lichter geel maken om ze visueel van elkaar te scheiden. Zet de kleur van de bril in lila en maak een lichtpuntje door de koffiekop roze te kleuren.

Stap 4

Ga door met het vullen van de compositie, voeg meer tekens toe.

Voeg hier en daar donuts en kopjes toe om de scène gevarieerder te maken.

Als sommige elementen de gezichten van het personage kruisen of eruit zien alsof ze op de verkeerde plaats staan, verplaats of verplaats ze dan volledig. Selecteer en roteer bijvoorbeeld de staart van de bruine kat om deze weg te bewegen van de ogen van de onderste kat.

Stap 5

Zodra je tevreden bent met hoe je patroon er uitziet, klik je op Gedaan in het bovenste paneel, het verlaten van de Patroon mode. 

Laten we onze textuur uitproberen! Maak een rechthoek van 600 x 800 px maat, vind ons patroon in de Stalen paneel en pas het toe op de gemaakte vorm. Nu kunnen we het laten zoals het is of de tegels kleiner maken. Vind de Scale Tool (S) in de Hulpmiddelen paneel en klik er twee keer op om het optievenster op te roepen. Stel de Schaal naar uniform met 70% waarde. Kruis de ... aan Transformeer patronen vakje, de andere uitschakelt en raakt Voorbeeld om het resultaat te zien.

Boom! Onze gekke sticker bombardementen naadloze patroon is voltooid!

Goed gedaan! Ik hoop dat je het leuk vond om speelse personages te stylen en deze mooie naadloze textuur te ontwerpen, en wat nieuwe tips en trucs te ontdekken! Probeer deze eenvoudige technieken uit en kom terug voor meer! Succes!