In de vorige tutorial leerden we de basisprincipes van het maken en gebruiken van eenvoudige herhalende patronen in Photoshop. We hebben een enkele tegel ontworpen met de Elliptical Marquee Tool en het Offset-filter. We hebben de tegel vervolgens als een patroon opgeslagen. Ten slotte hebben we het patroon geselecteerd en gebruikt om een laag te vullen, waarbij het patroon zich zo vaak als nodig herhaalt om het hele gebied te bedekken. Deze zelfstudie gaat verder waar we waren gebleven, dus misschien wilt u het vorige gedeelte voltooien waar we ons patroon 'Kringen' hebben gemaakt en toegevoegd als u dit nog niet hebt gedaan.
Het grootste probleem met het herhalende patroon dat we tot nu toe hebben gemaakt, is dat het niet erg interessant is, en een grote reden is dat het niets meer is dan een zwart patroon voor een witte achtergrond. In deze tutorial zullen we leren hoe je dingen een beetje pittiger kunt maken door kleuren en verlopen toe te voegen! Zoals eerder gebruik ik hier Photoshop CS5, maar elke recente versie van Photoshop werkt.
Hier is ons ontwerp zoals het tot nu toe lijkt:
Zwarte cirkels tegen een witte achtergrond. Niet zo interessant.
Effen kleuren toevoegen
Laten we beginnen met het vervangen van de witte achtergrond door een kleur. We zouden de vullingopdracht van Photoshop kunnen gebruiken om de achtergrondlaag met een kleur te vullen, maar laten we onszelf meer flexibiliteit geven door een zogenaamde opvullaag te gebruiken (we zullen zien wat ik bedoel dat het later wat flexibeler wordt). Klik eerst op de achtergrondlaag in het deelvenster Lagen om deze te selecteren:
Klik op de achtergrondlaag om deze actief te maken.
Selecteer de achtergrondlaag en klik op het pictogram Nieuwe vulling of aanpassingslaag onder aan het deelvenster Lagen:
Klik op het pictogram Nieuwe opvul- of aanpassingslaag.
Selecteer Effen kleur boven aan de lijst met opvul- en aanpassingslagen die verschijnt:
Kies Effen kleur boven aan de lijst.
Zodra u Effen kleur in de lijst kiest, opent Photoshop de Kleurkiezer zodat we de kleur kunnen kiezen die we willen gebruiken. Dit is de kleur die de nieuwe achtergrondkleur voor het ontwerp wordt. Ik ga een medium blauw kiezen. Natuurlijk kun je elke gewenste kleur kiezen, maar als je dezelfde kleuren wilt gebruiken die ik gebruik, zoek dan naar de R-, G- en B-opties (die staan voor Rood, Groen en Blauw) onderaan het midden van de Kleurkiezer en voer 98 in voor de R- waarde, 175 voor G en 200 voor B :
Kies een kleur uit de kleurenkiezer om als achtergrondkleur voor het ontwerp te gebruiken.
Klik op OK wanneer u klaar bent om de kleurkiezer te sluiten en als we naar het ontwerp in het documentvenster kijken, zien we dat we de witte achtergrond gemakkelijk hebben vervangen door de nieuwe kleur:
De witte achtergrond is vervangen door blauw.
Als we in het deelvenster Lagen kijken, kunnen we zien wat er is gebeurd. Photoshop heeft een opvullaag met effen kleuren toegevoegd, genaamd Color Fill 1, tussen de wit gevulde achtergrondlaag en het zwarte cirkelpatroon op laag 1. De reden dat we de achtergrondlaag hebben geselecteerd voordat de vullingslaag werd toegevoegd, was omdat Photoshop nieuwe lagen toevoegt direct boven de laag die momenteel is geselecteerd en we moesten de opvullaag boven de achtergrondlaag weergeven, maar onder het cirkelpatroon. De cirkels blijven zwart in ons document omdat ze zich op een laag boven de opvullaag bevinden, wat betekent dat ze er niet door worden beïnvloed:
Een opvullaag met effen kleuren blokkeert nu de witte achtergrondlaag uit het zicht in het document.
We kunnen een andere opvullaag gebruiken om een andere kleur aan het cirkelpatroon zelf toe te voegen. Deze keer hebben we Photoshop nodig om de opvullaag boven het cirkelpatroon toe te voegen, dus klik op Laag 1 om deze te selecteren:
Klik op Laag 1 in het deelvenster Lagen om deze actief te maken.
Klik vervolgens opnieuw op het pictogram Nieuwe vulling of aanpassingslaag onder in het deelvenster Lagen en kies Effen kleur boven aan de lijst, net zoals eerder. Photoshop opent opnieuw de Kleurkiezer zodat we de kleur kunnen kiezen die we willen gebruiken. Ik kies deze keer een heel lichtblauw door 216 in te voeren voor de R- waarde, 231 voor G en 239 voor B :
Kies een lichtblauw of een andere kleur als je dat wilt.
Klik op OK om de kleurkiezer te sluiten en zo verschijnen onze herhalende cirkels nu in de nieuwe lichtblauwe kleur:
Het document na het toevoegen van een opvullaag met een effen kleur boven het cirkelspatroon.
Wacht even, wat is er gebeurd? Waar zijn onze kringen gebleven? Waar is de achtergrondkleur die we zojuist hebben toegevoegd? Waarom is alles nu lichtblauw? Als we in het deelvenster Lagen kijken, zien we het probleem, en het probleem is dat Photoshop precies deed wat we van hem vroegen. Het voegde een effen kleurvullaag toe met de naam Color Fill 2, gevuld met de lichtblauwe kleur die we in de Kleurkiezer hebben gekozen, boven het cirkelspatroon op Laag 1:
De nieuwe opvullaag verschijnt boven de andere lagen.
Omdat de opvullaag boven alle andere lagen in het deelvenster Lagen staat, blokkeert het helaas al het andere uit het zicht in het document. Daarom zien we alleen lichtblauw. We hebben een manier nodig om Photoshop te vertellen dat we willen dat onze nieuwe vullaag alleen het cirkelspatroon op laag 1 eronder beïnvloedt, en we kunnen dat doen met behulp van een knipmasker .
Zorg ervoor dat de laag Color Fill 2 actief is in het deelvenster Lagen (actieve lagen zijn blauw gemarkeerd. Klik erop om deze te selecteren als deze om een of andere reden niet actief is). Ga naar het menu Laag in de menubalk bovenaan het scherm en kies Clipping Mask maken :
Ga naar Laag> Knipmasker maken.
De laag Color Fill 2 verschijnt rechts in het deelvenster Lagen en vertelt ons dat deze nu is "geknipt" aan de inhoud van de onderliggende laag, wat betekent dat deze nu alleen het cirkelpatroon op laag 1 beïnvloedt:
Een ingesprongen laag betekent dat deze wordt geknipt op de laag er direct onder.
En in het documentvenster zien we de resultaten die we hadden verwacht toen we de opvullaag toevoegden. De zwarte cirkels verschijnen nu lichtblauw tegen de donkerblauwe achtergrond:
Hetzelfde zwart-witte patroon, nu in kleur.
Plug-in shortcodes, acties en filters: fout in shortcode (ads-basics-middle)
Veranderende kleuren
Eerder vermeldde ik dat opvullagen ons meer flexibiliteit geven dan wanneer we een laag zouden vullen met de opdracht Invullen van Photoshop, en de reden is omdat we de kleur van een opvullaag kunnen veranderen wanneer we maar willen! Om de kleur van een opvullaag te wijzigen, dubbelklikt u gewoon direct op de miniatuur in het deelvenster Lagen. Laten we de kleur van onze achtergrond veranderen. Dubbelklik op de miniatuur voor de laag Kleurvulling 1, die boven de achtergrondlaag staat:
Dubbelklik rechtstreeks op de miniatuur voor de laag Kleurvulling 1.
Hiermee wordt de Kleurkiezer opnieuw geopend, zodat we een andere kleur kunnen kiezen. Ik kies deze keer een kersenkleur door 204 in te voeren voor mijn R- waarde, 32 voor G en 130 voor B :
Een nieuwe kleur kiezen voor de achtergrond.
Klik op OK om de kleurkiezer te sluiten en het document wordt onmiddellijk bijgewerkt met onze nieuwe achtergrondkleur:
De achtergrondkleur is gemakkelijk veranderd.
De kleur van de cirkels wijzigen is net zo eenvoudig. Dubbelklik gewoon direct op de miniatuur voor de laag Color Fill 2:
Dubbelklik op de miniatuur van Color Fill 2.
Hiermee wordt opnieuw de Kleurkiezer opnieuw geopend, zodat we een nieuwe kleur kunnen kiezen. Ik kies een lichtere roze door 218 in te voeren voor mijn R- waarde, 144 voor G en 161 voor B :
Een nieuwe kleur kiezen voor het cirkelpatroon.
Klik op OK om de kleurkiezer te sluiten en nogmaals, het document wordt onmiddellijk bijgewerkt, dit keer met de nieuwe kleur voor de cirkels:
Zowel de achtergrond- als cirkelpatroonkleuren zijn gewijzigd.
Verlopen toevoegen aan herhalende patronen
We kunnen ook verlopen toevoegen aan onze patroonontwerpen en de stappen lijken erg op elkaar. Het enige echte verschil is eigenlijk dat we in plaats van een opvullaag met effen kleur toe te voegen, een opvullaag met verloop toevoegen! Ik verwijder de twee vulkleuren in één kleur die ik heb toegevoegd door op elke laag te klikken en deze naar de prullenbak onderaan het deelvenster Lagen te slepen:
Zowel de achtergrond- als cirkelpatroonkleuren zijn gewijzigd.
Met de opvullagen verdwenen, keert het patroon terug naar zijn oorspronkelijke zwart-wit:
Opnieuw zwarte cirkels voor een witte achtergrond.
Laten we de cirkels inkleuren met een verloop. Klik eerst op Laag 1 om deze te selecteren, zodat de kleurverlooplaag die we gaan toevoegen erboven wordt geplaatst:
Selecteer laag 1.
Weet je nog wat er gebeurde toen we de opvullaag Effen kleur boven het cirkelpatroon voegden? Het hele document werd gevuld met de kleur die we hadden gekozen tot we het probleem met een knipmasker hadden opgelost. We hebben ook een knipmasker nodig voor onze opvullaag Gradient, maar laten we deze keer een kortere weg nemen. Terwijl Laag 1 is geselecteerd, houdt u uw Alt (Win) / Option (Mac) -toets ingedrukt en klikt u op het pictogram Nieuwe opvul- of aanpassingslaag :
Klik op het pictogram Nieuwe opvul- of aanpassingslaag.
Kies een opvullaag met verloop uit de lijst die verschijnt:
Kies Verloop in de lijst.
Terwijl u de Alt (Win) / Option (Mac) -toets ingedrukt houdt, terwijl u op het pictogram Nieuwe opvul- of aanpassingslaag klikt, vertelt Photoshop het dialoogvenster Nieuwe laag te openen waarin we enkele opties kunnen instellen voor onze opvullaag met verloop voordat deze wordt toegevoegd. De optie waarin we geïnteresseerd zijn, is de optie die zegt Vorige laag gebruiken om uitknipmasker te maken . Klik in het selectievakje om het te selecteren. Als deze optie is geselecteerd, wordt de verloopvullingslaag automatisch geknipt naar laag 1 eronder, zodat we dit later niet zelf hoeven te doen:
Selecteer de optie Vorige laag gebruiken om knipmasker te maken.
Klik op OK om het dialoogvenster Nieuwe laag te sluiten. Het dialoogvenster Verloopvulling wordt geopend. Hier kunnen we het verloop kiezen dat we willen gebruiken. Klik op de miniatuur van het verloopvoorbeeld:
Klik op de miniatuur van het verloopvoorbeeld.
Hiermee wordt de Gradient Editor van Photoshop geopend. Boven in het dialoogvenster, in het gedeelte Voorinstellingen, staat een aantal miniaturen met voorbeelden van de kant-en-klare verlopen waaruit we kunnen kiezen. Klik eenvoudig op een miniatuur om het verloop te selecteren. Elke keer dat u op een miniatuur klikt, ziet u een voorbeeld van hoe het verloop eruit zal zien in het documentvenster. Als u bijvoorbeeld iets heel helder en kleurrijk wilt, kunt u het spectrumverloop proberen door op de miniatuur te klikken:
Klik op de miniatuur van het spectrumverloop om deze te selecteren.
In het documentvenster kunnen we zien hoe het spectrumverloop eruit zal zien. Merk op dat alleen de cirkels zelf worden beïnvloed door het verloop dankzij de optie Vorige laag gebruiken om knipmasker te maken die we zojuist in het dialoogvenster Nieuwe laag hebben geselecteerd:
Het spectrumverloop verandert de zwarte cirkels in een regenboog van kleur.
Standaard biedt Photoshop ons niet veel verlopen om uit te kiezen, maar er zijn andere verloopsets beschikbaar. Om ze te vinden, klikt u op het kleine pijlpictogram boven de miniaturen van het verloop:
Klik op het kleine pijlpictogram.
Als je op de pijl klikt, wordt een menu geopend met een lijst met extra gradiëntsets die we kunnen laden. Uiteraard zullen we ze hier niet allemaal doorlopen, omdat je er eenvoudig zelf mee kunt experimenteren, maar als voorbeeld selecteer de Color Harmonies 2 set uit de lijst:
De gradiëntset Color Harmonies 2 selecteren.
Nadat u een verloopset hebt gekozen, vraagt Photoshop of u de huidige verlopen wilt vervangen door de nieuwe set of dat u ze gewoon wilt toevoegen, waardoor de huidige verlopen behouden blijven en de nieuwe worden toegevoegd. Kies Toevoegen :
Voeg de nieuwe verlopen toe met de huidige door Toevoegen te kiezen.
De nieuwe verlopen verschijnen na de oorspronkelijke verlopen in het gebied Voorinstellingen van de Verloopbewerker. Net als bij de originelen, kunt u elk van de nieuwe verlopen selecteren en bekijken door op hun miniatuur te klikken. Ik klik op het blauwe, gele, roze verloop om het te selecteren:
Klikken op de miniatuur van het blauwe, gele, roze verloop.
Het cirkelpatroon wordt nu ingekleurd met de zachtere kleuren van het nieuwe verloop:
Het nieuwe verloop geeft het patroon een zachtere, minder intense uitstraling.
Als je eenmaal een verloop hebt gevonden dat je leuk vindt voor je herhalend patroon, klik je op OK om de Verloopeditor te sluiten en klik je vervolgens op OK om het dialoogvenster Verloopvulling te sluiten.
Het verloop wijzigen
Net zoals we zagen met de opvullaag Effen kleur, kunnen we op elk gewenst moment teruggaan en ons verloop wijzigen. Als we in het deelvenster Lagen kijken, zien we onze Verloopvullinglaag, die Photoshop Verloopvulling 1 wordt genoemd, boven het cirkelspatroon op Laag 1 zit. Merk op dat het naar rechts is ingesprongen en ons vertelt dat het is geknipt naar Laag 1 eronder. Om naar een ander verloop te gaan, dubbelklikt u rechtstreeks op de miniatuur van de opvullaag met verloop:
Dubbelklik op de miniatuur van de opvullaag.
Hiermee wordt het dialoogvenster Verloopvulling opnieuw geopend. Om het verloop te wijzigen, klikt u zoals we eerder deden op de miniatuur van het verloopvoorbeeld:
Klik opnieuw op de miniatuur van het verloopvoorbeeld.
Hiermee wordt de Gradient Editor opnieuw geopend, waar u kunt kiezen uit een van de andere momenteel beschikbare verlopen of u kunt in een andere verloopset laden. Ik klik op het kleine pijlpictogram om het menu met de andere gradiëntsets te openen en deze keer kies ik de Pastels- set uit de lijst:
De gradiëntset Pastels selecteren.
Ik voeg deze nieuwe verlopen toe aan de andere door Toevoegen te selecteren wanneer Photoshop mij vraagt, en de nieuwe verloopminiaturen verschijnen in het gebied Voorinstellingen van de Verloopeditor. Ik selecteer deze keer het groene, paarse, blauwe verloop:
Klik op de miniatuur van het groene, paarse, blauwe verloop om deze te selecteren.
Met mijn nieuwe verloop geselecteerd, klik ik op OK om de Verloopeditor te sluiten en klik ik vervolgens op OK om het dialoogvenster Verloopvulling te sluiten. De cirkels zijn nu gewijzigd in de kleuren van het nieuwe verloop:
Het is gemakkelijk om op elk gewenst moment van gradiënt te wisselen met de opvullagen.
Natuurlijk hoeven we niet bij een witte achtergrond te blijven. Hier heb ik de stappen die we in het eerste deel van de zelfstudie hebben besproken, gebruikt om een opvullaag met effen kleuren boven de achtergrondlaag toe te voegen. Ik koos een medium paars uit de Kleurkiezer als de nieuwe kleur voor mijn achtergrond (R: 85, G: 80, B: 129):
Een opvullaag met kleurovergang kleurt het patroon, terwijl een opvullaag met effen kleur nu de achtergrond vult.
En hier zien we de gecombineerde inspanningen van de opvullaag Verloop op het cirkelpatroon en de opvullaag Effen kleur op de achtergrond:
Het eindresultaat.