Herhalende patronen maken in Illustrator CS4

Voor het ontwerpen van website-achtergronden, je eigen behangpapier of textielpatronen heb je vaak een tekening nodig die eindeloos herhaalt, zonder dat je de overgangen ziet.

Dit is de manier waarop ik dat in Adobe Illustrator CS4 voor elkaar krijg. Het is niet de enige manier, en wellicht niet eens de beste. Maar het werkt vrij feilloos en is eenvoudig te realiseren. Om alle stappen te begrijpen, moet je overweg kunnen met de basis van Illustrator, ik leg niet alles haarfijn uit om het overzichtelijk te houden. De basis van dit proces zou je ook kunnen toepassen in andere programma’s als Inkscape, Corel Draw, of zelfs Flash.

Bepaal de afmetingen van je document

Nieuw document

Bij het maken van een nieuw document, of bij het aanpassen van je artboard, zorg je voor een mooi afgerond getal voor breedte en hoogte. Dat rekent straks een pak handiger. Een vierkant kan, maar moet niet. Dit artboard is straks één ‘tegel’ van je patroon.

Teken

De basis van het patroon

In dit artboard teken je de belangrijkste elementen van je patroon. Hou er rekening mee dat de boven-en onderkant en de zijkanten later op elkaar zullen moeten aansluiten. Maar ook in de hoeken zal dat zo zijn, dat vergeet ik al wel eens. In elk geval moet je in deze fase nog niet proberen de boel perfect in elkaar te laten passen.

Maak een symbol

Nieuwe graphic symbol

Selecteer alle elementen van je patroon en maak er een symbol van (via F8 of via het Symbols panel onder Window > Symbols). Een graphic of movie clip maakt volgens mij niet uit, ik gebruik normaal graphic. Deze symbol zou dan ongeveer in het midden van je artboard moeten staan.

Noteer de x- en y-positie van je symbol, en zet beide waarden eventueel op afgeronde coördinaten. Alweer voor het rekengemak later.

Kopieer je symbol.

Raster van 9 instances

Je hebt in totaal negen instances nodig. Je hebt er al eentje, dus je moet de symbol nog acht keer kopiëren. Die moeten allemaal mooi uitgelijnd worden, zodat je een raster van 3 x 3 krijgt met je oorspronkelijke instance op het artboard in het midden. De afstand tussen de instancesis telkens de breedte van je artboard op de x-as, resp. de hoogte op de y-as. Als je artboard 200mm op 200mm is, en je eerste instance staat op coördinaat 20,30 van je artboard, dan staat de instance linksboven op -180,-170.

Pas de tekening aan.

Gaten opvullen

Door te dubbelkikken op een instance van je symbol, kan je de tekening weer bewerken. Doordat dit een symbol is die negen keer herhaald wordt, hoef je maar in één instance aanpassingen te doen om ze bij elke instance zichtbaar te maken. Vul gaten in het patroon op en laat alles mooi op elkaar aansluiten. Een klein nadeel is dat je de aanpassingen pas ziet als je weer uit de symbol gaat, maar dat is enkel een probleem als je perfect doorlopende curves wil maken. Zorg er dus voor dat vloeiende lijnen telkens binnen de symbol weer op elkaar aansluiten.

Exporteer

Export als png-bestand

Als je een bitmap van je patroon nodig hebt (jpeg, png) voor gebruik in een website bijvoorbeeld, kan je via de export-functie in Illustrator je artboard exporteren naar een beeldbestand. Je krijgt dan een perfect aansluitende tegel van je ontwerp.

3 reacties op “Herhalende patronen maken in Illustrator CS4”

  1. Ik zou het met Inkscape proberen. Als dat symbols ondersteunt, zou je ermee aan de slag moeten kunnen.

    Rond Inkscape ga ik me ook eens wat beter informeren, lijkt me een erg handige tool voor mensen die occasioneel vectorieel werk willen maken.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *