Een patroon maken Geschikt voor royalty in Adobe Illustrator

In deze tutorial laat ik je zien hoe je een complex symmetrisch patroon kunt maken met Adobe Illustrator in combinatie met de extra gereedschappen van MirrorMe, waarmee je instant symmetrie kunt maken, het Smart Remove Brush, waarmee je overtollige punten met één slag kunt verwijderen, en ColliderScribe , geeft u precisie en snelheid bij het naast elkaar plaatsen van objecten. Dus, laten we beginnen om meer vertrouwd te raken met enkele van de high-tech aspecten in vectorafbeeldingen!

Gesponsorde inhoud

Deze inhoud is gemaakt in opdracht van Astute Graphics en is geschreven en / of bewerkt door het Tuts + -team. Ons doel met gesponsorde inhoud is het publiceren van relevante en objectieve zelfstudies, casestudy's en inspirerende interviews die echte educatieve waarde bieden aan onze lezers en ons in staat stellen om het creëren van bruikbare inhoud te financieren..


1. Installeer de vereiste invoegtoepassingen en maak een nieuw document

In deze tutorial gebruiken we plug-ins van Astute Graphics die ons echt helpen onze workflow te versnellen en te vereenvoudigen. Download een gratis proefversie van 14 dagen voor MirrorMe-, ColliderScribe- en VectorScribe-invoegtoepassingen. Deze korte video's behandelen het installatie-, licentie- en activeringsproces. Terwijl we de tutorial doorlopen, zullen we leren hoe verschillende tools binnen deze plug-ins ons kunnen helpen bij ons ontwerpproces.

Start Adobe Illustrator en klik vervolgens op Besturing N om een ​​nieuw document te maken. Stel in het geopende dialoogvenster de parameters van het tekengebied in en kies de kleurmodus afhankelijk van hoe u uw illustraties gaat gebruiken. Als u van plan bent om uw patroon af te drukken, kiest u de CMYK kleurmodus, maar als u uw illustraties alleen op internet wilt publiceren, kiest u de RGB kleur mode.


2. Werken met MirrorMe

Stap 1

De MirrorMe-invoegtoepassing is ontworpen om uw vectorillustraties direct letterlijk te spiegelen. U kunt uw illustraties spiegelen op één as of op meerdere (maximaal 72) assen. Nadat u de plug-in hebt geïnstalleerd, ziet u het pictogram van het gereedschap in de Hulpmiddelen paneel. Ga naar om het venster van de plug-in te openen Venster> MirrorMe> MirrorMe paneel.

Neem de MirrorMe-tool en klik op het tekengebied waar de symmetrieas zal zijn. Dit zal het annotatiesysteem produceren. U kunt nu de symmetrie-assen verplaatsen en hun hoek wijzigen door het symmetriemiddelpunt te verplaatsen en de assen te draaien met MirrorMe.

In de MirrorMe paneel kunt u de exacte coördinaten van het centrum van symmetrie samen met de hoek en het aantal assen instellen. Stel de hoek in op 90 graden met 4 assen van symmetrie.

Stap 2

Klik op Toepassen op laag in het annotatiesysteem of in de MirrorMe paneel.

Door dit te doen hebben alle objecten die u in de actieve sector zal nu direct verschijnen in de andere sectoren. De actieve sector is het gebied waar we zullen tekenen en is gemarkeerd met twee driehoeken op de assen. Objecten die in andere sectoren zijn gemaakt, worden genegeerd door de plug-in.


3. Maak de basis van het patroon met het hulpmiddel Pad uitbreiden

Stap 1

De ... gebruiken Ellipse Tool (L) maak een cirkel in de actieve sector. Deze cirkel mag de symmetrieas niet kruisen. Neem de Schaargereedschap (C) en knip het op de punten EEN en B.

Verwijder vervolgens dit segment van de cirkel.

Stap 2

Vervolg het pad van punt A. Zoals u weet, is het best lastig om te voorkomen dat de kromming van een aangrenzend segment wordt verbroken wanneer u de Pen gereedschap (P). Dit is waar de Padhulpmiddel uitbreiden, een van de gereedschappen in de VectorScribe2-invoegtoepassing helpt echt omdat u hiermee het pad langs een bepaald traject kunt inkorten of verlengen. Na het installeren van de plug-in verschijnen de tools op de Hulpmiddelen paneel. Klik op de PathScribe-tool pictogram en selecteer de Padhulpmiddel uitbreiden in het geopende subgereedschapspaneel.

Bij het klikken op punt EEN je ziet de annotatie met het traject waar je het pad kunt verlengen.

Stap 3

Er zijn vier uitbreidingsmodi: de Enkele Bezier, Constante straal, Recht, en Spiraal. U kunt tussen deze modi schakelen door op te drukken E snelkoppeling terwijl u de muisknop ingedrukt houdt. U kunt ook de uitbreidingsmodus kiezen in de Breid padvoorkeuren uit dialoogvenster; om het te openen, klik op de Return / Enter knop of Dubbelklik op de Padhulpmiddel uitbreiden pictogram in de Deelvenster Gereedschappen. Kiezen Constante straal en Gebruik vaste straal in dit venster.

Nu toont de annotatie ons het pad in de vorm van een cirkelboog.

Gebruik de knop om de straal te verminderen Linker pijl sleutel, en om het te vergroten, gebruik de Rechter pijl sleutel.

Vergroot de straal en vervolg het pad door de aanwijzer van het gereedschap langs de annotatie te bewegen en de symmetrieas te kruisen.

Wanneer het pad de symmetrieas kruist, maakt het verbinding met zijn reflectie.

Stap 4

Maak een gebogen segment met behulp van de Pen gereedschap (P).

Deze keer ga ik het in een spiraal uitbreiden. Kies de Spiraalverlengingsmodus en klik op het eindpunt.

Zoals met de Constante straal modus kunnen we de straal van de spiraal wijzigen met behulp van de Links en Rechter pijl sleutels. Daarnaast kunnen we de Constant wikkelen van de spiraal met behulp van de Pijltje omhoog toets om te verhogen en de Pijl-omlaag toets om deze parameter te verlagen.

Wanneer de vorm is zoals u het wilt, breidt u het pad uit.

Stap 5

Ga door met het vullen van de actieve sector met de elementen van het patroon door het begin van de paden te maken met de Pen gereedschap (P) en ze uit te breiden met behulp van de Padhulpmiddel uitbreiden.

Dankzij de Padhulpmiddel uitbreiden het is eenvoudig om een ​​spiraalvormige voortzetting van het pad te maken en de ruimtes tussen andere paden precies zo te vullen als u wilt. Het helpt u om ongeplande kruispunten te vermijden en bespaart ook vervelend bewerken. Ik denk niet dat het gemakkelijk zou zijn om dit met de standaard te doen Spiraal gereedschap omdat je niet soepel door kunt gaan met een pad en aan het eind een spiraal toevoegt. MirrorMe geeft je een directe reflectie van de paden die je hebt gemaakt, zodat je visuele controle hebt over het hele patroon terwijl je het daadwerkelijk maakt.


4. Convert Uniform Paths naar Variable Width Paths

Stap 1

Wijzig de breedte van de paden zodat deze geleidelijk toeneemt van het beginpunt naar het eindpunt. Selecteer een van de paden en pas daarop het driehoekprofiel in de Beroerte paneel. Hier kunt u ook de breedte regelen.

Stap 2

Gebruik de Width Tool (Shift-W) om de breedte van het pad lokaal te regelen. Plaats de aanwijzer van het gereedschap dichter bij het gewenste punt. Click-drag zal de breedte veranderen.

Dubbelklikken op de geselecteerde locatie opent een dialoogvenster waarin u de exacte waarden van de breedte kunt instellen.

Verander nu de breedte van alle beschikbare paden.


5. Overtollige punten verwijderen met het slimme gereedschap Borstel verwijderen

Stap 1

Selecteer alle paden en ga vervolgens naar Object> Pad> Contourlijn. Zoals u kunt zien, hebben de resulterende objecten een grote hoeveelheid overtollige punten. In feite bevat mijn patroon een enorm 2263 punten!

Het goede nieuws is dat we de meeste van hen snel kunnen verwijderen door de Slim verwijder penseel die afkomstig is van de plug-in VectorScribe2. Klik op de PathScribe-tool pictogram en selecteer in het geopende subgereedschapspaneel de Slim verwijder penseel.

Open de Smart Verwijder Brush Tool-voorkeuren venster door op te drukken Return / Enter sleutel. Stel de penseelgrootte in, kruis aan Verwijder alleen punten als pad verandert binnen tolerantie en stel de tolerantiewaarde in op 15.

Veeg nu het penseel door op de muisknop te klikken waar de overtollige punten zijn. De rode lijn van de annotatie laat ons zien in welke vorm het pad zich bevindt nadat de punten zijn verwijderd. Merk op hoeveel punten we met slechts één veegbeweging verwijderden zonder de vorm van het pad aanzienlijk te veranderen! Deze veranderingen vonden plaats binnen de tolerantie die we hebben ingesteld.

Stap 2

U kunt doorgaan met het verwijderen van punten in het geselecteerde segment door de optie uit te schakelen Verwijder alleen punten als pad verandert binnen tolerantie. In dit geval worden alle punten die u hebt weggevaagd met de penseel verwijderd. Dit betekent dat u volledige controle hebt over welke punten u wilt verwijderen en dat u het pad precies zo houdt als u wilt. Ik denk dat beide methoden moeten worden toegepast, zodat u de tolerantiemaatregel voor het eerst gebruikt om het grootste deel van de punten op alle paden te verwijderen die we "voorbewerken" zouden kunnen noemen. Schakel vervolgens de tolerantiemaat uit en werk op elk pad afzonderlijk met de borstel.

De Slim verwijder penseel heeft mijn patroon snel opgeruimd. In plaats van hebben 2263 punten Ik heb het nu alleen maar 207 punten, dat is 11 keer minder dan voor de montage! Nog indrukwekkender is dat dit me slechts drie minuten kostte!


6. Nauwkeurige positionering van patroonelementen met de ColliderScribe plug-in

Stap 1

ColliderScribe is een eenvoudige toolset voor Adobe Illustrator waarmee u vormen nauwkeurig kunt positioneren door elk object precies naast een ander te plaatsen wanneer het wordt aangeraakt. Na het installeren van de plug-in vindt u nieuwe hulpmiddelen in de Selectie gereedschap (V) groep in de Deelvenster Gereedschappen. Dit zijn de Snap To Collisions Tool en de Rotate At Collisions Tool.

Maak een cirkel met behulp van de Ellipse Tool (L).

Om de prestaties van het hulpmiddel te demonstreren, neemt u de Snap To Collisions Tool en klik ergens op de cirkel en sleep deze naar het aangrenzende object. Wanneer de objecten elkaar raken, is er een klikactie, alsof echte fysieke lichamen tegen elkaar botsen. Een rode botsingmarkering verschijnt op het raakpunt.

U kunt objecten één om elkaar heen verplaatsen zonder hun contact te verbreken, als ze binnen de Snap Tolerance reeks.

De Snap Tolerance waarde wordt ingesteld in de Snap To Collisions-voorkeuren dialoogvenster. Om het te openen, klikt u op de Return / Enter toets of Dubbelklik het pictogram van de tool.

Stap 2

De Rotate At Collisions Tool Hiermee kunt u niet alleen vormen botsen, maar ook het geselecteerde object rond het pad van een ander roteren. Bij gebruik van de Rotate At Collisions Tool je moet het object aan de rand van het pad vastleggen.

Met behulp van deze twee hulpmiddelen ben ik in staat geweest om bestaande en nieuwe elementen nauwkeurig in het patroon te plaatsen. Aan het einde van de spiraalelementen heb ik bijvoorbeeld een cirkel geplaatst met de Rotate At Collisions Tool.

Nu kunt u ongewenste delen van het patroon verwijderen met behulp van de Shape Builder Tool (Shift-M).

Na het doen verschijnen de patroonelementen zoals getoond in de afbeelding hieronder.

Stap 3

Laten we een paar eenvoudige elementen maken met behulp van de Pen gereedschap (P). Deze objecten vullen lege ruimtes die we hebben.

Selecteer alle gemaakte objecten en klik vervolgens op Verenigen in de verkenner paneel.


7. Kleur en verfijn het patroon

Stap 1

Selecteer alle objecten en vul ze met een lichtbruine kleur R = 213 G = 159 B = 76.

In het onderste gedeelte van de patroonelementen maakt u gebogen paden met behulp van de Pen gereedschap (P) zonder vulling en met de bruine kleurstreek R = 180 G = 97 B = 42. Kiezen Breedteprofiel 1 in de Beroerte paneel voor deze paden. In dit paneel kun je ook de breedte van de streek aanpassen.

We hebben nu schaduwen op het patroon gemaakt die meer diepte geven.

Stap 2

De vorm van sommige schaduwen kan complexer zijn. Maak hiervoor een object met een bruine kleurvulling en geen streek, zoals hieronder weergegeven.

Verwijder het deel van de schaduw dat de rand van het patroon overschrijdt. Selecteer de schaduw en het patroon, neem de Shape Builder Tool (Shift-M), dan het houden van de Option / Alt, klik op het deel van de schaduw dat we gaan verwijderen.

Gebruik deze stappen en ga door met het maken van schaduwen op alle elementen van het patroon binnen de actieve sector van MirrorMe.

Stap 3

De techniek die we gaan gebruiken om hooglichten te maken, is hetzelfde als toen we schaduwen maakten. Maar deze keer gaan we de kleur geel gebruiken R = 246 G = 234 B = 109 voor de vulling en streek. Plaats hoogtepunten bovenaan de patroonelementen.

Nu alle elementen van het patroon klaar zijn, klikt u op de Assen verwijderen knop in de MirrorMe paneel. Hiermee verlaat u de symmetriemodus.

Stap 4

Neem de Rechthoekgereedschap (M) en maak een rechthoek gevuld met de kleur bruin R = 77 G = 37 B = 28. De grootte van de rechthoek moet overeenkomen met de grootte van uw tekengebied.

Slot dit object in de Lagen paneel.

Stap 5

Groepeer alle objecten van het patroon (Controle-G). Verplaats het patroon in de linkerbovenhoek van het tekengebied, houd ingedrukt Option / Alt en Verschuiving. Als u dit doet, wordt het patroon verdubbeld.

Vergrendel de groep met een patroon in het midden van het tekengebied in de Lagen paneel.

Stap 6

Selecteer het bovenste patroon en neem de MirrorMe-tool en stel het midden van de symmetrie in het midden van het tekengebied in. Kies twee assen van symmetrie in de MirrorMe paneel, klik dan op de Toepassen op selectie in het annotatiesysteem.

Stap 7

De ... gebruiken Rechthoekgereedschap (M), maak een rechthoek met de hoekpunten die samenvallen met de middelpunten van de patronen op de randen van het tekengebied.

Selecteer deze patronen en de rechthoek en ga naar Object> Knipmasker> Maken.


Gefeliciteerd! U bent klaar.

Nu kunt u dit patroon gebruiken in uw toekomstige projecten.