Recycle één patroon in negen nieuwe patronen met Illustrator CS6

In de tutorial van vandaag laat ik je zien hoe je één Victoriaans JPG-patroon kunt recyclen in negen gloednieuwe patronen, allemaal met de Illustrator CS6 Pattern Tool.


Invoering

In juni heb ik een Victoriaans / Gothic naadloos patroonpakket samengesteld. Ik had zojuist Adobe Illustrator CS6 gekregen en was aan het experimenteren met de glorieuze Pattern Tool. Met deze ervaring in gedachten zal ik je laten zien hoe je eerst Image Trace op een JPG kunt gebruiken en vervolgens een Vector Chirurg kunt worden en een patroon in negen nieuwe patronen kunt recyclen!
Als je deze zelfstudie wilt volgen, kun je het startpunt JPG downloaden. Zodra je dat hebt, kunnen we aan de slag!


Stap 1

Start een nieuw document en kies Bestand> Plaats het vertrekpunt.jpg op het canvas. Ik heb de gratis transformatie tool (E) gebruikt om de grootte ervan te verkleinen. Boven aan uw Illustrator-interface zou u een knop "Image Trace" moeten hebben. Klik hierop en ga vervolgens naar de Image Trace-opties. Ik heb de onderstaande instellingen gebruikt om met één kleur te werken (zwart en wit met wit negeren aangevinkt).


Stap 2

Ga naar Object> Uitvouwen om uw beeldtracering in vormen om te zetten. Dit geeft je een groep met de vormen erin.

Gebruik het gereedschap Direct selecteren (A) om een ​​vorm te selecteren die niet zwart is / geen vulling heeft en ga vervolgens naar Selecteren> Zelfde> Opvulkleur. Hiermee worden alle vormen met een lege vulling geselecteerd. Verwijder deze vormen gewoon. Selecteer vervolgens je Groep en dan Object> Groep opheffen (Shift + Ctrl + G).


Stap 3

We willen gewoon een van de patrooncomponenten, dus gebruik de Lasso-tool (Q) om rond een van de elementen te tekenen.

Groepeer de elementen (Ctrl + G) en sluit deze vervolgens. Selecteer Alle vormen (Ctrl + A) en verwijder vervolgens deze vormen.

Vervolgens Object> Groeperingen opdelen (Shift + Ctrl + G).


Stap 4

Gebruik het gereedschap Lasso (Q) om vervolgens elk deel van het ontwerp te selecteren en te groeperen (Ctrl + G).

Sommige delen heb ik verlaten zonder een groep en gezien als afzonderlijke delen in plaats van een groep. Dit komt omdat ze in de loop van de tijd zijn gedupliceerd. Ik heb hier hun kleuren veranderd om u kort te laten zien welke groepen ik heb gemaakt.


Stap 5

Dus we gaan eerst een patroon maken met de volledige set componenten van de beeldtrace. Dit geeft ons min of meer een duplicaat van het originele patroon, maar deze keer is het in vector en geen JPG. Dus om een ​​patroon te maken, selecteert u eerst uw groep vormen en gaat u vervolgens naar Object> Patroon> Maken. U krijgt het paneel Patroonopties hieronder.

Ik heb de onderstaande instellingen gebruikt. De opvallende opties zijn het type tegel dat is ingesteld op Brick by Column en dat het met de helft is verschoven. Dit bepaalt de plaatsing van de andere tegels in vergelijking met de originele tegel. Ik heb ook de breedte en hoogte aangepast. Geef je patroon een naam en klik vervolgens op "Gereed" om het toe te voegen aan je Swatch-paneel.

En hieronder hebben we ons eerste patroon dat een duplicaat is van ons oorspronkelijke JPG-patroon.


Stap 6

Dus ik ga al mijn elementen dupliceren voor het patroon en vervolgens de buitenste ornamenten verwijderen om de onderstaande ruitvorm te produceren. Vergeet niet om alle elementen te groeperen zodra u er klaar voor bent (Ctrl + G).


Stap 7

Dus deze keer ga ik Hexagonaal per kolom gebruiken. Nadat ik de breedte en hoogte heb aangepast, heb ik echter besloten dat ik meer dan één patroon met deze groep vormen wil maken. Dus ik ga "Opslaan als kopie" en ik heb het een naam gegeven en op Ok geklikt.

U krijgt het onderstaande dialoogvenster wanneer u dit voor het eerst doet. Geen zorgen, klik gewoon op Ok.

En hieronder is het patroon dat we hebben gemaakt.


Stap 8

Hoewel je het ene patroon met de diamantgroep hebt gemaakt, ga ik een ander patroon maken en de waarden voor Breedte en Hoogte invoeren om een ​​meer gedetailleerd patroon te geven.

Geef het een andere naam dan het eerste patroon en klik op Gereed. We hebben twee patronen gemaakt met dezelfde groep bloemen door de instellingen voor Breedte en Hoogte te wijzigen. Nu zie je in je Illustrator dat er witte gaten tussen je naadloze patroon zitten. Maak je geen zorgen, dit is omdat je de vector bekijkt, je ziet het niet volledig weergegeven. Ga gewoon naar Bestand> Opslaan voor web en apparaten om het gepolijste vectorpatroon te bekijken.


Stap 9

Ik ga nu een klein Frankenstein-patroon maken. Gebruik dus het selectiegereedschap (V) om groepen van het grotere ornament samen te selecteren en te verplaatsen. Ik heb Align> Vertical Align Top gebruikt om ervoor te zorgen dat de zijgroepen zijn uitgelijnd enzovoort. Kleine details om ervoor te zorgen dat je patroon in balans is, zullen het patroon er uiteindelijk netter en opgeruimder uit laten zien.


Stap 10

Ik moet toegeven dat ik met deze patronen meegegaan ben, ik ben gewoon aan het experimenteren met welke bloeiende groepen en instellingen welke effecten zullen produceren. Dus als ik de patroonopties gebruik, gebruik ik het tile type "Brick by Row". Ik heb met de instellingen gespeeld en ben er dol op. Klik op Klaar als je tevreden bent.

Per ongeluk denk ik dat ik een soort Victoriaans Hartvormpatroon gecreëerd heb door alleen maar te spelen met de Patroonopties. Dat is een patroon dat ik zeker in de toekomst zal gebruiken!


Stap 11

De eerder gebruikte vormen, ik vond het leuk, dus ik ga gewoon de bloeit aan beide kanten verwijderen, dus ik blijf met de centrale elementen. Ik ga het Tile Type als Brick by Column instellen en gebruik de onderstaande instellingen. Ik ga dan Opslaan als kopiëren.

Dit is het patroon dat ik heb gemaakt op basis van die elementen.


Stap 12

Terwijl u in de modus Patroonoptie bent, kunt u nieuwe elementen toevoegen. Hieronder voeg ik nieuwe elementen toe door cirkels toe te voegen die getekend zijn met de Ellipse Tool (L). Ik heb ze in het roze gemarkeerd om je te laten zien en je kunt zien hoe deze het patroon beïnvloedt terwijl je de nieuwe vormen toevoegt.

Je kunt ook de elementen wijzigen die je hebt, dus ik ga het Direct Selection Tool (A) gebruiken om twee vormen te selecteren om ook met magenta te vullen.

Ik ga het patroon opslaan hoe het zo is. Ik vind de zwarte en magenta combo wel leuk.


Stap 13

Na het toevoegen van nieuwe elementen en het wijzigen van elementen tijdens de modus Patroonoptie, wanneer u terugkeert wanneer u klaar bent, worden al deze wijzigingen verwijderd en keert u terug naar uw originele verzameling vormen. Dus ik ben terug met de bloeitijd die we oorspronkelijk hadden en ik ga een 3pt verticale lijn toevoegen met het lijnsegment gereedschap (\). Ik heb ervoor gezorgd dat het groter is dan onze groep vormen. Gebruik het uitlijnen> verticaal uitlijnen-center om ervoor te zorgen dat het netjes is.


Stap 14

Deze keer ga ik het Hex by Column Tile Type gebruiken. In de modus Patroonopties heb ik de hoogte gelijk gelaten. Deze hoogtewaarde wordt automatisch gegenereerd door de hoogte van uw vormen. Als ik dit wijzig, maakt het een overlapping van pixels bij het opslaan en / of witte gaten - afhankelijk van hoe u de waarde instelt. Dus ik ga weg zoals het is en vergroot de breedte om ervoor te zorgen dat er ruimte is aan beide zijden van onze bloei. Bewaar als kopie voor je eerste patroon.

Blader omlaag naar het deelvenster Lagen en selecteer uw regel en dupliceer deze. Ik heb de pijltjestoetsen op mijn toetsenbord gebruikt om de lijn naar rechts te duwen en vervolgens de breedte overeenkomstig aan te passen. Klik op Gereed als je klaar bent.

Dit zijn mijn twee nieuwe patronen! Je krijgt een beetje een spoor bij het maken van deze omdat het zo eenvoudig is om veel verschillende combinaties te maken door alleen maar vormen te dupliceren en met de instellingen te spelen.


Stap 15

Laten we wat complexer worden. Ik ga de eerder gemaakte ruitvorm gebruiken en dan twee van de bloeitijd. Vergeet niet om je Align-opties te gebruiken om dingen netjes te maken en met elkaar te spoelen.


Stap 16

Ik gebruik het kolomtype baksteen per kolom en zoals eerder heb ik de hoogte-waarde als standaard behouden. Ik heb vervolgens de breedte aangepast, zodat er aan elke kant van de diamant een gelijke ruimte is. Klik op Gereed als je klaar bent.

Dit is een vrij groot patroon, dus als ik het als vulling heb gebruikt, krijg je niet echt het volledige effect te zien. Dus ik ga de Rectangle (M) selecteren waar mijn patroon in zat en ga naar Object> Transformeren> Schaal. Zorg ervoor dat alleen de optie Transform Patterns is aangevinkt en dat ik de schaal van het patroon heb gehalveerd en op Ok heb geklikt.

Nu kun je mijn nieuwe patroon in al zijn glorie zien. Deze herinnert me meer aan een Victoriaans behangpatroon.


Stap 17

Stel dat ik een patroon dat ik al heb, wil wijzigen of een vergelijkbaar patroon wilt maken als een patroon dat al is gemaakt. Je kunt er gewoon op dubbelklikken in het Swatch-paneel, wat ik hier doe met het behangpatroon.

Wanneer je dit doet, verschijnt het met je Pattern-opties. Je kunt hier naar binnen gaan om het patroon naar wens aan te passen - klik op Gereed of Bewaar als kopie, afhankelijk van welke kant je wilt.


Stap 18

In dit geval ga ik verder in het deelvenster Lagen. Ik ga het gratis transformatiehulpmiddel (E) gebruiken om de diamantgroep kleiner te maken. Zoals gewoonlijk, zal het patroon worden bijgewerkt terwijl ik meega.


Stap 19

Ik heb de diamantgroep gedupliceerd om nog een ruitvorm te creëren. Ik heb het uitlijningspaneel gebruikt om ervoor te zorgen dat de verticale ruiten midden op elkaar en op de horizontale lijn ten opzichte van elkaar zijn uitgelijnd. Ik heb vervolgens beide groepen geselecteerd en zorg ervoor dat ze in het midden zijn uitgelijnd. Ik heb de bloeitijd aan de zijkant gedupliceerd en verkleind, zodat er vier naast ons ontwerp kunnen worden geplaatst.

Ik heb de horizontale diamantgroep vervolgens gedupliceerd en langs de bovenkant van de grotere diamant geplaatst. De vormen die over de bovenkant van de rand overlappen, verschijnen langs de onderkant van het patroon zoals u in realtime ziet. Ik ga deze keer opslaan als kopiëren, omdat ik het originele patroon niet wil wijzigen.


Conclusie

Ik hoop dat je de tutorial van vandaag hebt genoten en hebt geleerd hoe je een Victoriaans patroon in veel kunt recyclen. Experimenteer met de instellingen, vormen en kleuren en zie wat je zelf kunt bedenken. De Pattern Tool is erg leuk en je zult uiteindelijk een hele bibliotheek van Victoriaanse patronen maken, gewoon vanuit het ene patroon.