Snelle tip maak een naadloos koffiebonenpatroon in Illustrator

In de volgende stappen leert u hoe u een eenvoudig koffiebonenpatroon kunt maken in Adobe Illustrator. U begint met het leren hoe u een eenvoudige kunstpenseel kunt maken. Vervolgens leert u met behulp van enkele basisgereedschappen en effecten, samen met het Round Any Corner-script, hoe u de beginvorm van de koffieboon creëert, hoe u de vorm van de koffiebonen kunt vermenigvuldigen, verkleinen en verkleuren. Als u ten volle profiteert van de optie Snap to Grid, leert u hoe u uw eigen patroon kunt maken.

Je hebt je Coffee Shop-logo, dus nu heb je een kleurenpalet om mee te werken. Ik laat je zien hoe je een eenvoudig koffiebonenpatroon kunt maken met dezelfde kleuren in het logo die kunnen worden gebruikt voor een verscheidenheid aan dingen, waaronder: achtergronden, print- en webachtergronden, tafelkleren, enz. De lijst is eindeloos. Laten we dus deze tutorial bekijken.


1. Bereid een nieuw document voor

Stap 1

Raken Controle + N om een ​​nieuw document te maken. Voer 600 in de vakken breedte en hoogte in en klik vervolgens op de gevorderd knop. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje uitgeschakeld voordat je op OK klikt.

Schakel het raster in (Beeld> Raster weergeven) en de Snap to Grid (Beeld> Uitlijnen op raster). Om te beginnen heb je om de 5px een grid nodig. Ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, typ 5 in het vak Gridlijn elke vak en 1 in het vak Onderverdelingen. U moet ook het infopaneel openen (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.


2. Maak de startende koffieboonvorm

Stap 1

De ... gebruiken Ellipse Tool (L), maak een 65 bij 5 px vorm en vul deze met zwart. Schakel de module naar raster uit (Beeld> Uitlijnen op raster) en blijf focussen op deze geperste cirkel. Schakel over naar de Ankerpuntgereedschap converteren (Shift + C) en klik op de linker en rechter ankerpunten gemarkeerd in de eerste afbeelding. Uiteindelijk zou je vorm er in de tweede afbeelding uit moeten zien. Open de Borstels paneel (Venster> Penselen), zorg ervoor dat uw zwarte vorm nog steeds is geselecteerd en druk op de Nieuw penseel knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Controleer de Art Brush vakje en klik op OK. Kies een naam voor je nieuwe penseel, zorg ervoor dat je alle eigenschappen invoert die in de volgende afbeelding worden getoond en klik op OK.

Stap 2

Schakel de magnetisch uitlijnen in (Beeld> Uitlijnen op raster). Voor de volgende stap heb je om de 1px een raster nodig. Ga dus naar Bewerken> Voorkeuren> Gidsen & raster en voer 1 in het vak Gridlijn elk in. De ... gebruiken Ellipse Tool (L), maak een 58 bij 40 px vorm en vul deze met R = 71 G = 58 B = 48. Focus op deze nieuwe vorm, schakel over naar de Direct selectie gereedschap (A), selecteer het bovenste ankerpunt en sleep het 3px omlaag.

Stap 3

De ... gebruiken Pen gereedschap (P), maak een 65px, horizontaal pad en plaats het zoals in de eerste afbeelding. Selecteer het en focus op de Verschijning paneel (Venster> Uiterlijk). Zorg ervoor dat er geen kleur is ingesteld voor de vulling en selecteer vervolgens de lijn. Voeg de penseel uit de eerste stap toe en ga vervolgens naar Effect> Vervormen en transformeren> Zig Zag. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 4

Zorg ervoor dat het pad met de kwast nog steeds is geselecteerd en ga naar Object> Pad> Contourlijn. Selecteer het resulterende pad samen met de bruine vorm, open het verkenner paneel (Venster> Pathfinder) en klik op de Minus voorkant knop. Ga naar de Lagen paneel (Venster> Lagen), selecteer de resulterende groep vormen en Ungroup het (Shift + Control + G). Selecteer de drie donkerdere vormen en verwijder ze gewoon.

Stap 5

Voor deze stap heeft u het Round Any Corner-script nodig. Je vindt het in het Vectortuts + artikel 20 Gratis en nuttige Adobe Illustrator Scripts. Sla het op je harde schijf op, keer terug naar Illustrator en pak het Direct selectie gereedschap (A). Selecteer de vier ankerpunten gemarkeerd in de eerste afbeelding en ga naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een straal van 5 px in en klik op OK. Op het einde zouden je vormen er in de tweede afbeelding uit moeten zien. Selecteer beide vormen en verander ze in een simpele vorm Samengestelde pad (Object> Samengestelde pad> Maken of Controle + 8)


3. Vermenigvuldig de koffieboonvorm

Stap 1

Selecteer uw samengestelde pad en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitbreiden. Ga naar de Lagen paneel, selecteer de resulterende groep en druk op Shift + Control + G tweemaal. Uiteindelijk zou je vier vergelijkbare samengestelde paden moeten hebben zoals getoond in de tweede afbeelding.

Stap 2

Richt je op je samengestelde paden, open de Transformeren paneel (Venster> Transformeren) en controleer of de knop Breedte- en lengtecapaciteit beperken is aangevinkt. Selecteer de tweede vorm van de koffieboon (start de telling vanaf de bovenkant) en voer eenvoudigweg 50 in de breedte in (w:) in het deelvenster Transformeren. Ga naar het volgende samengestelde pad, selecteer het en voer 40 in het vak breedte (W :) in. Selecteer ten slotte de vorm van de onderste koffieboon en voer 30 in de breedte in. Uiteindelijk zouden je vier koffiebonen eruit moeten zien in de derde afbeelding.

Stap 3

Selecteer uw vier koffieboonvormen, Groep hen (Controle + G) en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitbreiden. Ga naar de Lagen paneel, selecteer de resulterende groep en druk op Shift + Control + G tweemaal.

Stap 4

Selecteer de middelste koffiebonenkolom en vervang de bruine gebruikt voor de vulling met R = 211 G = 53 B = 53. Ga naar de rechterkolom van koffiebonen en stel hun vulkleur in op R = 255 G = 210 B = 0.


3. Maak het koffiebonenpatroon

Stap 1

Voor de volgende stap heb je om de 5px een grid nodig. Dus ga opnieuw naar Bewerken> Voorkeuren> Gidsen & raster en voer 5 in het vak Gridlijn elk in. De ... gebruiken Rechthoekgereedschap (M), maak een vierkant van 250px en vul het met wit. Ga naar de Lagen paneel en vergrendel deze vorm om ervoor te zorgen dat u deze niet per ongeluk selecteert / verplaatst. Schakel de module naar raster uit (Beeld> Uitlijnen op raster) en focus op je witte rechthoek. Formaat / draai de vormen van je koffieboon en spreid ze ongeveer zoals weergegeven in de volgende afbeelding. Gebruik de Besturing + C> Besturing + F snelkoppeling om uw vormen te vermenigvuldigen indien nodig. Zorg ervoor dat geen enkele vorm van een koffieboon buiten je witte vierkantje komt.

Stap 2

Maak wat nieuwe koffiebonen en plaats ze ongeveer zoals in de eerste afbeelding. Schakel de magnetisch uitlijnen in (Beeld> Uitlijnen op raster) en kies het Rechthoekgereedschap (M). Maak een 30 bij 250 px vorm, plaats deze zoals getoond in de tweede afbeelding, vul hem met zwart en verlaag hem ondoorzichtigheid tot 50%.

Stap 3

Selecteer de zwarte rechthoek en de koffiebonenvormen die buiten het witte vierkantje komen en dupliceer ze (Besturing + C> Besturing + F). Selecteer deze kopieën en sleep ze eenvoudig 250 px naar links zoals getoond in de tweede afbeelding. Ga naar de Lagen paneel en verwijderen beide zwarte rechthoeken.

Stap 4

Schakel de module naar raster uit (Beeld> Uitlijnen op raster), maak wat meer koffiebonen en plaats ze ongeveer zoals in de eerste afbeelding. Schakel de magnetisch uitlijnen in (Beeld> Uitlijnen op raster) en kies het Rechthoekgereedschap (M). Maak een 250 bij 30 px vorm, plaats deze zoals getoond in de tweede afbeelding, vul hem met zwart en verlaag hem ondoorzichtigheid tot 50%.

Stap 5

Selecteer de zwarte rechthoek en de koffiebonenvormen die buiten het witte vierkant (aan de bovenkant) komen en dupliceer ze (Besturing + C> Besturing + F). Selecteer deze kopieën en sleep ze eenvoudig 250px omhoog zoals getoond in de tweede afbeelding. Ga naar de Lagen paneel en verwijder die zwarte rechthoeken.

Stap 6

Focus op de Lagen paneel en ontsluiten het witte vierkant. Selecteer het, ga naar de Verschijning paneel en eenvoudig verwijder de kleur uit de vulling. Selecteer dit onzichtbare vierkant samen met al die vormen van koffiebonen en ga naar Bewerken> Patroon definiëren. Ga naar de CTRL paneel (Venster> stalen) en je zult je nieuwe patroon vinden.


4. Gebruik het patroon

Stap 1

Kies het Rechthoekgereedschap (M), maak een vorm ter grootte van je tekengebied en vul deze met wit. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de kleine, blauwe pijl). Selecteer deze nieuwe vulling en voeg eenvoudig uw koffiebonenpatroon toe vanaf de Stalen paneel.

Stap 2

Herselecteer je gedessineerde vorm, focus op de Verschijning paneel en vervang eenvoudig het wit met R = 206 G = 164 B = 118 of een andere kleur.


Gefeliciteerd! U bent klaar.

Nu is je werk af. Hier is hoe het eruit zou moeten zien. Je kunt je hele patroon eenvoudig opnieuw kleuren, dus voel je vrij om je favoriete set kleuren te gebruiken. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.