Free Press

Vandaag ga ik je een eenvoudige manier laten zien om een herhalend patroon te maken in Photoshop CC. Het gaat om het maken van een kunstwerktegel die vervolgens naadloos wordt herhaald. Dit soort illustratie aanpak is goed voor kleding ontwerpen, verpakking, desktop wallpaper en real life wallpaper ook! Het kan zo complex of zo subtiel zijn als je maar wilt.( Het gebruik van texturen om een retro look te creëren )

Document Setup

Stel allereerst een nieuw document op. De grootte hiervan zal bepalen hoe groot het herhaalpatroon zal zijn, dus wees je ervan bewust hoe groot je het nodig hebt.

Als het groot wordt afgedrukt zul je waarschijnlijk groter moeten gaan dan mijn opzet, maar dit is een goed voorbeeld. Welke maat je uiteindelijk ook neemt, zorg ervoor dat het een vierkant is. Als voorbeeld ga ik voor 1000px x 1000px in RGB (voor web, CMYK is voor print) en 300 dpi. (Web heeft over het algemeen maar 72 dpi nodig maar ik wil dit later misschien printen dus ga ik voor de standaard print dpi van 300.)

2. De lagen naar Nieuw Document slepen

Nu een bestand openen dat ik al eerder had gemaakt. Het is een poster van een heleboel adidas sportschoenen. Ik wil een herhalingspatroon maken van een aantal van de schoenen, dus ik ga lagen van dit document naar mijn nieuwe tegeldocument slepen.

3. Slepen van het ‘Master’ Document naar ‘untitled-1’

In mijn sportschoenen document heb ik besloten welke schoenen ik wil verslepen dus ik druk op ‘V’ om mijn pijltjestool te selecteren. Selecteer nu in het lagenpaneel de laag die je wilt verslepen, ga dan met je cursor terug over het document (weg van het lagenpaneel) klik en sleep naar de top waar je tabmenu staat en laat het vallen in je tegeldocument. Zie de rode markering in de afbeelding hieronder. Ik sleep van het ‘master’ document naar ‘untitled-1’

4. Formaat wijzigen en herschikken van alle lagen

Nu heb ik mijn eerste laag in het nieuwe tegeldocument en we stuiten meteen al op een probleem. Hij is veel te groot! We zullen toch alle lagen die we erin slepen moeten herschikken, dus is het handig om te weten hoe we dat snel kunnen doen! Lagen Transformatie

Als je de laag activeert die je een nieuwe vorm wilt geven (in het lagen paneel, klik er gewoon op) en dan op CMD+T (CTR+T op windows) drukt, zou de bounding box moeten verschijnen. Dit is de snelkoppeling voor transformeren (vandaar de T). Zoals de meeste vakken in Photoshop, als je de shift toets ingedrukt houdt bij het wijzigen van de grootte vanuit de hoeken, zullen de verhoudingen behouden blijven en zal de afbeelding niet vervormen. Zodra je de gewenste grootte hebt, klik je op enter om het transformeer venster te verlaten en je vast te leggen op je grootte. Denk eraan: als u de laag te klein maakt en later probeert hem groot te maken, wordt hij helemaal korrelig en moet u de laag uit het vorige document opnieuw slepen. Als je te vroeg op enter drukt of de afbeelding wordt kromgetrokken, druk dan op CMD+Z (CTRL+Z) om een stap terug te gaan. (Stofpatronen)

6. De vorige stappen herhalen om meer lagen te krijgen

Nu ik het transformeren onder de knie heb, ga ik de vorige stappen nog een paar keer herhalen om wat meer lagen te krijgen om mee te spelen in mijn tile document

7. Alle lagen rangschikken

Ik heb net de lagen naar binnen gesleept, nu is het tijd om ze te rangschikken. Bedenk dat herhalingspatronen vanuit verschillende hoeken kunnen worden bekeken wanneer ze worden afgedrukt voor hun project. Dus schikken vanuit alle hoeken (ondersteboven, opzij, etc.) geeft altijd een beter resultaat.

Wat je wilt doen is ze schikken rond het document, maar zorg ervoor dat geen enkel deel van een laag de zijkanten raakt! Experimenteer ook met de grootte. Misschien moet je meer lagen uit je andere document slepen.

Selecteren en veranderen van de achtergrondkleur

Nu ik mijn trainers op een rijtje heb, ga ik de kleur van mijn achtergrond veranderen. Ik wil dat het overeenkomt met de achtergrond op mijn andere document. Een donkergrijze. Dus ik ga de kleur aanpassen.

Ga naar je hoofddocument en klik op ‘B’ om het penseelgereedschap te selecteren. Als je met de muis over de kleur gaat die je wilt en de alt toets ingedrukt houdt, zou er een pipet symbool moeten verschijnen. Wanneer u op de kleur klikt, wordt deze overgebracht naar uw hoofdkleur in de gereedschapsbalk onderaan.

9. Save This Color for Future Reference

Nu zijn er een paar verschillende dingen die je kunt doen als je deze kleur wilt opslaan voor later. Een van de gemakkelijkste methodes is om naar het menu bovenaan te gaan en te klikken op WINDOW>SWATCHES.
Als dit venster eenmaal open is ziet u een heleboel kleine blokjes kleur.

10. Kleur toevoegen aan kleurstalen

Als u in het venster klikt maar niet op de kleurstalen (in het donkergrijze gebied) wordt uw kleur opgeslagen en toegevoegd aan de onderkant van de kleurstalen, een venster verschijnt met de vraag of u uw selectie een naam wilt geven. Dit is erg handig voor het selecteren wanneer u met een aantal kleuren werkt.

11- Goed, laten we teruggaan naar ons tegeldocument. Als je naar je achtergrondlaag gaat in het lagenpaneel, zul je zien dat er rechts een slotje op staat. Dit betekent dat je vrijwel niets met deze laag kunt doen!

De achtergrondkleur veranderen

Als je nu op de kleine FX knop klikt onderaan het lagen paneel, net onder je nieuw aangemaakte laag, en ‘colour overlay’ selecteert uit het dropdown menu, zou er een nieuw venster moeten verschijnen.

Klik op het kleine kleurvakje rechts van ‘overvloeimodus’ en er verschijnt een ander kleurvenster. Klik nu op je opgeslagen kleur in je swatches panel en klik ‘ok’ op beide vakjes, je achtergrondkleur zou nu veranderd moeten zijn. OPMERKING; om fx uit te schakelen klikt u op het oogbolletje onder de laag in het lagen paneel.

13. Dupliceren van de afbeelding

Nu ben ik zo’n beetje klaar voor dit gedeelte. Ga naar layer in het menu bovenaan, en helemaal onderaan is er een optie om ‘afbeelding af te vlakken’. Klik hierop om het document plat te maken. OPMERKING; het kan de moeite waard zijn om de afbeelding op dit punt te dupliceren (IMAGE>DUPLICATE) omdat het afvlakken zeer destructief is en als er iets fout gaat is het onwaarschijnlijk dat je het terug kunt halen naar dit punt. Het is dus altijd handig om een backup te hebben. (Normaal gesproken zou ik niet aanraden om halverwege een project te vervlakken, maar dit project moet in verschillende stadia vervlakt worden, dus het is een uitzondering op de regel)

14. 14. Verdeel de lagen in vier kwarten met behulp van linialen

Al je lagen zijn nu plat gemaakt. We moeten ze nu in vieren verdelen met behulp van linialen. Om de linialen aan te zetten klik CMD+R (CTRL+R). Je zou nu linialen moeten hebben aan de linker- en bovenkant van je document.

Als je op de liniaal klikt en naar buiten sleept, maak je een blauwe marker. Ik wil dat je er een aan elke kant uitsleept en in het midden van je document neerzet. Een kruis vormen. Als je hulplijnen aan staan zou Photoshop ze standaard automatisch in het midden moeten zetten. Zo niet, dan kun je de linialen gebruiken om te meten. Als je de markeringen op een bepaald punt wilt verbergen, klik je gewoon op CMD+H.

15. 15. Marquee gereedschap toepassen op de laag

Nu selecteer je het marquee gereedschap door op ‘M’ te klikken, en sleep vanuit de linker bovenhoek naar de markeringen in het midden. Je selectie zal vastklikken aan de hulplijnen die je hebt gemaakt.

16. Maak een nieuwe laag van uw selectie

Klik nu op CMD+J, dit zal een nieuwe laag maken van uw selectie. Zet je achtergrond laag uit en sleep het nieuwe vierkant van de linker bovenhoek, naar de rechter onderhoek. Zet nu deze laag uit en zet je achtergrondlaag weer aan, zorg dat je achtergrondlaag actief is door er op te klikken.

17. Herhaal de vorige stappen

Herhaal de vorige stappen maar selecteer deze keer linksonder, CMD+J om een laag te maken van de selectie en sleep deze naar rechtsboven. In principe verwisselen we alle vierkantjes diagonaal. Doe dit voor de overige twee hoeken.

18. 18. De afbeelding plat maken

Als je dit met alle vier de hoeken hebt gedaan, kun je verder gaan en de afbeelding weer plat maken! Dat is LAYER-FLATTEN IMAGE. Mijn afbeelding ziet er nu zo uit..

19. De gaten opvullen

De volgende stap is het opvullen van de gaten! Nogmaals, raak de zijkanten niet aan met de nieuwe lagen die je naar binnen sleept! Zoals je kunt zien heb ik geprobeerd zoveel mogelijk gaten op te vullen door te experimenteren met afmetingen.

20. De afbeelding voor de laatste keer afvlakken

Vlak je afbeelding nu voor de derde en laatste keer af. Selecteer je Marquee gereedschap (M) en sleep een selectie over het hele document. Terwijl de selectie nog actief is, ga naar EDIT>DEFINE PATTERN. U krijgt nu de mogelijkheid om het patroon een naam te geven als u dat wenst.

21. Patroon Selectie

Nu om het te testen! Maak een nieuw document, probeer een A4 formaat, zorg ervoor dat het groter is dan je patroon tile document. Klik nu op M en gebruik het marquee-gereedschap om een selectie te maken over je hele document. Houd shift ingedrukt en druk op F5 ( of ga gewoon naar EDIT>VULLEN. Een menu box zal verschijnen, gebruik het drop down menu in de ‘inhoud’ sectie en selecteer PATTERN. (Web Design Background Patterns)

22. Selecteren van het aangepaste patroon

Klik nu in het patroon menu op de miniatuur naast ‘aangepast patroon’ en in de dropdown box moet het patroon dat je net gemaakt hebt als laatste in de rij staan.

23. Voltooid herhalingspatroon

Klik op OK en voila! Uw nieuwe document is gevuld met uw nieuwe herhalingspatroon! (Geometrische patronen)