Herhalende Patronen In Photoshop – De Basis

Stap 1: Maak een Nieuw Document

Laten we beginnen met het maken van een enkele tegel voor het patroon. Daarvoor hebben we een nieuw leeg document nodig, dus ga naar het menu Bestand in de menubalk bovenin het scherm en kies Nieuw:

Dit opent het dialoogvenster Nieuw document. Voer 100 pixels in voor zowel de breedte als de hoogte. De grootte van het document bepaalt de grootte van de tile, die bepaalt hoe vaak het patroon zich herhaalt in het document (omdat een kleinere tile meer herhalingen nodig heeft om dezelfde hoeveelheid ruimte te vullen dan een grotere tile zou doen). In dit geval maken we een 100 px x 100 px tile. Je zult willen experimenteren met verschillende maten als je later je eigen patronen maakt.

Ik laat mijn Resolutie op 72 pixels/inch staan. Stel de Achtergrond-inhoud in op Transparant, zodat ons nieuwe document een transparante achtergrond krijgt:

Klik op OK als u klaar bent om het dialoogvenster te sluiten. Het nieuwe document verschijnt op uw scherm. Het dambordpatroon dat het document vult is Photoshop’s manier om ons te vertellen dat de achtergrond transparant is. Omdat het document nogal klein is, slechts 100 x 100 pixels, zoom ik in door de Ctrl (Win) / Command (Mac) toets ingedrukt te houden en een paar keer op het plusteken ( + ) te drukken. Hier is het document ingezoomd tot 500%:

Stap 2: hulplijnen toevoegen door het midden van het document

We moeten het exacte midden van ons document weten, en dat kunnen we vinden met behulp van de hulplijnen van Photoshop. Ga naar het menu Beeld boven in het scherm en kies Nieuwe hulplijn:

Hiermee open je het dialoogvenster Nieuwe gids. Selecteer Horizontaal voor de Oriëntatie, en voer dan 50% in voor de Positie. Klik op OK om het dialoogvenster te sluiten, en u ziet een horizontale hulplijn door het midden van het document verschijnen:

Ga terug naar het menu Beeld en kies nogmaals Nieuwe gids. Deze keer selecteert u in het dialoogvenster Nieuwe gids Verticaal als Oriëntatie en voert u opnieuw 50% in voor de Positie:

Klik op OK om het dialoogvenster te sluiten, en u zou nu een verticale en horizontale gids moeten hebben die door het midden van het document lopen. Het punt waar ze samenkomen is het exacte centrum. De standaard kleur van de hulplijnen is cyaan, dus ze zijn misschien een beetje moeilijk te zien op de schermafbeelding:

De kleur van de hulplijnen wijzigen (optioneel)

Als je moeite hebt om de hulplijnen te zien vanwege hun lichte kleur, kun je de kleur ervan wijzigen in de Voorkeuren van Photoshop. Op een PC ga je naar het menu Bewerken, kies je Voorkeuren en vervolgens Gidsen, Raster & Plakken. Op de Mac ga je naar het Photoshop-menu, kies je Voorkeuren en vervolgens Gidsen, Raster & Plakken:

Dit opent het dialoogvenster Voorkeuren van Photoshop dat is ingesteld op de opties Guides, Grid & Slices. De allereerste optie boven aan de lijst is Guide Color. Zoals ik al zei, is deze standaard ingesteld op cyaan. Klik op het woord Cyaan en kies een andere kleur uit de lijst. Je ziet een voorbeeld van de kleur in het documentvenster. Ik verander de mijne in Licht Rood:

Klik op OK als je klaar bent om het dialoogvenster Voorkeuren te sluiten. De hulplijnen in het documentvenster verschijnen nu in de nieuwe kleur (merk op dat Photoshop de hulplijnen in deze nieuwe kleur zal blijven weergeven totdat je teruggaat naar de Voorkeuren en de kleur weer wijzigt in Cyaan of een andere kleur kiest):

Stap 3: Teken een vorm in het midden van het document

Je kunt in Photoshop zeer complexe patronen maken, maar ze kunnen ook zo eenvoudig zijn als bijvoorbeeld een herhalende stip of cirkel. Laten we een cirkel tekenen in het midden van het document. Selecteer eerst het Elliptisch Marquee-gereedschap in het paneel Gereedschappen. Standaard zit het verstopt achter het Rechthoekig Streep-gereedschap, dus klik op het Rechthoekig Streep-gereedschap en houd de muisknop een seconde of twee ingedrukt tot een uitklapmenu verschijnt, en selecteer dan het Elliptisch Streep-gereedschap uit de lijst:

Met het gereedschap Elliptisch deelvenster geselecteerd, beweegt u het dradenkruis rechtstreeks over het snijpunt van de hulplijnen in het midden van het document. Houd Shift+Alt (Win) / Shift+Option (Mac) ingedrukt, klik in het midden van het document, en sleep dan met de muisknop nog steeds ingedrukt een cirkelvormige selectie uit. Als je de Shift-toets ingedrukt houdt terwijl je sleept, wordt de vorm van de selectie een perfecte cirkel, terwijl de Alt (Win) / Option (Mac) toets Photoshop vertelt de omtrek van de selectie vanuit het midden te tekenen. Als je klaar bent, moet je selectie er ongeveer zo uitzien (maak je geen zorgen over de exacte grootte, zolang het maar in de buurt komt):

Stap 4: Vul de selectie met zwart

Ga naar het menu Bewerken bovenaan het scherm en kies Vullen:

Dit opent het dialoogvenster Vullen, waar we een kleur kunnen kiezen om de selectie mee te vullen. Zet de optie Gebruik bovenin het dialoogvenster op Zwart:

Klik op OK om het dialoogvenster te sluiten. Photoshop vult de cirkelvormige selectie met zwart. Druk op Ctrl+D (Win) / Command+D (Mac) om snel de selectielijn rond de vorm te verwijderen (je kunt ook naar het menu Selecteren boven aan het scherm gaan en Deselecteren kiezen, maar de sneltoets is sneller). Houd in gedachten dat mijn document nog steeds is ingezoomd op 500%, daarom zien de randen van de cirkel er blokkerig uit:

Shortcodes, Acties en Filters Plugin: Fout in shortcode

Stap 5: Dupliceer de laag

Met alleen deze ene cirkel in het midden van de tegel, zouden we de tegel als patroon kunnen opslaan, maar laten we het er eerst wat interessanter uit laten zien. Maak eerst een kopie van de laag door naar het Lagen menu bovenin het scherm te gaan, kies Nieuw, en kies dan Laag via Kopiëren. Of, als u de voorkeur geeft aan sneltoetsen, druk op Ctrl+J (Win) / Command+J (Mac):

Er gebeurt nog niets in het documentvenster, maar er verschijnt een kopie van de laag, die Photoshop de naam “Layer 1 copy” geeft boven het origineel in het Lagenpaneel:

Stap 6: Pas het Offset-filter toe

Bij het ontwerpen van tegels die je als herhalende patronen wilt gebruiken, is er één filter dat je bijna altijd zult gebruiken, en dat is Offset, dat je kunt bereiken door naar het menu Filter boven in het scherm te gaan, Other te kiezen en vervolgens Offset te kiezen:

Hiermee open je het dialoogvenster van het Offset-filter. Het Offset filter verplaatst, of verschuift, de inhoud van een laag met een gespecificeerd aantal pixels horizontaal, verticaal, of beide. Bij het maken van eenvoudige herhalende patronen zoals het patroon dat we hier ontwerpen, kunt u het beste de helft van de breedte van uw document invoeren in het invoervak Horizontaal en de helft van de hoogte van uw document in het invoervak Verticaal. In ons geval werken we met een document van 100 px x 100 px, dus stel de Horizontale optie in op 50 pixels en de Verticale optie ook op 50 pixels. Onderaan het dialoogvenster, in de sectie Niet gedefinieerde gebieden, moet u ervoor zorgen dat Omwikkelen is geselecteerd:

Klik op OK om het dialoogvenster te sluiten. In het documentvenster zien we dat het Offset filter de kopie van de cirkel die we in de vorige stap hebben gemaakt, in vier gelijke delen heeft gesplitst en deze in de hoeken van het document heeft geplaatst. De cirkel die in het midden overblijft, is de originele cirkel die we op laag 1 hebben getekend:

Stap 7: De tegel definiëren als patroon

Nu we de tegel hebben ontworpen, slaan we deze op als een echt patroon, een proces dat in Photoshop “een patroon definiëren” wordt genoemd. Ga naar het menu Bewerken boven in het scherm en kies Patroon definiëren:

Photoshop zal een dialoogvenster openen waarin u wordt gevraagd het nieuwe patroon een naam te geven. Het is een goed idee om de afmetingen van de tegel in de naam van het patroon op te nemen voor het geval u meerdere vergelijkbare tegels met verschillende afmetingen ontwerpt. In dit geval geeft u de tegel de naam “Cirkels 100×100”. Klik op OK als u klaar bent om het dialoogvenster te sluiten. De tegel is nu opgeslagen als patroon!

Stap 8: Een nieuw document maken

We hebben onze tegel ontworpen en gedefinieerd als een patroon, wat betekent dat we het nu kunnen gebruiken om een hele laag te vullen! Laten we een nieuw document maken om in te werken. Net als in stap 1 gaan we naar het menu Bestand en kiezen we Nieuw. Wanneer het dialoogvenster Nieuw document verschijnt, voert u 1000 pixels in voor zowel de breedte als de hoogte. Laat de Resolutie op 72 pixels per inch staan en stel dit keer de Achtergrondinhoud in op Wit, zodat de achtergrond van het nieuwe document wordt gevuld met effen wit. Klik op OK als u klaar bent om het dialoogvenster te sluiten. Het nieuwe document verschijnt op uw scherm:

Stap 9: Een nieuwe laag toevoegen

We zouden gewoon de achtergrondlaag van het document kunnen vullen met ons patroon, maar dat zou ons ernstig beperken in wat we ermee kunnen doen. Zoals we in de volgende les zullen zien, wanneer we kleuren en kleurverlopen aan patronen toevoegen, is het veel beter om het herhalende patroon op een eigen laag te zetten. Klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:

Er verschijnt een nieuwe lege laag met de naam “Laag 1” boven de Achtergrondlaag:

Stap 10: Vul de nieuwe laag met het patroon

Nu we onze nieuwe laag hebben toegevoegd, gaan we deze vullen met ons patroon! Ga naar het menu Bewerken en kies Vullen:

Normaal gesproken wordt Photoshop’s opdracht Vullen gebruikt om een laag of selectie met een effen kleur te vullen, net zoals we in stap 4 hebben gedaan toen we het gebruikten om de cirkelvormige selectie met zwart te vullen. Maar we kunnen de opdracht Vullen ook gebruiken om iets met een patroon te vullen, en dat doen we door eerst de optie Gebruik boven in het dialoogvenster in te stellen op Patroon:

Met Patroon geselecteerd, verschijnt er een tweede optie, Aangepast patroon, direct eronder, waar we het patroon kiezen dat we willen gebruiken. Klik op de voorbeeldminiatuur van het patroon:

Dit opent de Patroonkiezer, die kleine miniaturen weergeeft van alle patronen waaruit we momenteel kunnen kiezen. Het cirkelpatroon dat we zojuist hebben gemaakt zal de laatste miniatuur in de lijst zijn. Als je Tool Tips hebt ingeschakeld in de Voorkeuren van Photoshop (ze zijn standaard ingeschakeld), verschijnt de naam van het patroon wanneer je met je cursor over de miniatuur gaat. Dubbelklik erop om het te selecteren en de Patroonkiezer te verlaten:

Als je het patroon eenmaal hebt geselecteerd, hoef je alleen nog maar op OK te klikken om het dialoogvenster Vullen te sluiten. Photoshop vult de lege laag in het document met het cirkelpatroon, waarbij de tegel zo vaak als nodig wordt herhaald:

Waarheen nu…

En dat is eigenlijk alles wat er te doen is! Met ons zwart-witte cirkelpatroon zullen we uiteraard niet veel prijzen winnen, maar het belangrijkste dat je uit deze eerste tutorial kunt halen, zijn de stappen die we hebben gebruikt om het patroon te maken, het ontwerpen van een enkele tegel, het definiëren van de tegel als een patroon en vervolgens het gebruik van de opdracht Vullen in Photoshop om een hele laag met het patroon te vullen. Hierna gaan we verder door te leren hoe we kleuren en kleurverlopen aan onze patronen kunnen toevoegen! Of bezoek ons gedeelte Photoshop Basis om meer te leren over de basisbeginselen van Photoshop!