✅ Kleurenraster Fotoweergave-effect met Photoshop

Hoe maak je een kleurenraster-foto-effect

In deze zelfstudie over foto-effecten leren we hoe u een foto kunt weergeven in een raster van willekeurig gekleurde vierkanten! We gebruiken de ingebouwde rasterfunctie van Photoshop als een gids voor het instellen van de initiële afstand, waarna we het in een pixel-gebaseerd raster veranderen met behulp van een paar zelden gebruikte selectietools van Photoshop. We zullen zien hoe je eenvoudig verschillende vierkanten in het raster kunt selecteren met de Toverstaf, hoe je ze kunt inkleuren met aanpassingslagen en overvloeimodi en ten slotte hoe je het uiterlijk van het raster zelf kunt aanpassen met behulp van laagstijlen!

Deze versie van de zelfstudie is bijgewerkt voor Photoshop CS6 en is ook volledig compatibel met Photoshop CC (Creative Cloud). Voor CS5 en eerder, wil je onze originele Color Grid Design-tutorial bekijken.

Hier is de afbeelding waar ik mee zal werken (vrouw met winterkledingfoto van Shutterstock):

De originele afbeelding.

En zo ziet het kleurenrasterontwerp eruit als we klaar zijn. Natuurlijk kun je elke gewenste kleur gebruiken voor je effect. Dit is slechts een voorbeeld:

Het laatste effect.

Hoe maak je een kleurenraster-foto-effect

Stap 1: Maak een nieuw Photoshop-document

Laten we beginnen met het maken van een nieuw document voor het raster. Ga naar het menu Bestand in de menubalk bovenaan het scherm en kies Nieuw :

Ga naar Bestand> Nieuw.

Dit opent het nieuwe dialoogvenster van Photoshop. Dit effect werkt het beste met een vierkant document, dus voor deze zelfstudie stel ik zowel mijn breedte- als hoogtewaarden in op 1000 pixels . Natuurlijk kun je mijn waarden vervangen door alle dimensies die je nodig hebt, maar nogmaals, je wilt een vierkant document voor de beste resultaten. Ik ben niet van plan dit af te drukken (dit is strikt voor weergave op het scherm), dus u hoeft zich geen zorgen te maken over de Resolutie-waarde (ik laat deze ingesteld op de standaardwaarde van 72 pixels / inch), maar als u Als u dit effect voor afdrukken maakt, wilt u waarschijnlijk een document maken dat groter is dan 1000 x 1000 pixels en wilt u uw resolutie instellen op ongeveer 240 pixels / inch of hoger. Klik op OK als u klaar bent om het dialoogvenster te sluiten. Het nieuwe document verschijnt op uw scherm:

Een nieuw Photoshop-document maken met het dialoogvenster Nieuw.

Stap 2: Schakel Photoshop's Grid in

Vervolgens schakelen we het ingebouwde raster van Photoshop in, zodat we het kunnen gebruiken als gids voor het maken van ons pixelgebaseerd raster. Als u het raster wilt inschakelen, gaat u naar het menu Beeld boven aan het scherm, kiest u Tonen en vervolgens Raster :

Ga naar Beeld> Tonen> Raster.

Het raster verschijnt als een overlay bovenop uw document. We zullen vervolgens enkele wijzigingen aanbrengen in het uiterlijk van het raster:

Het document nadat het Photoshop-raster is ingeschakeld.

Stap 3: Pas het aantal rasterlijnen aan

We kunnen het aantal lijnen en secties in het raster aanpassen met behulp van de voorkeuren van Photoshop. Als u Photoshop op een Windows-pc gebruikt, gaat u naar het menu Bewerken boven aan het scherm, kiest u Voorkeuren en vervolgens Hulplijnen, Raster en segmenten . Ga op een Mac naar het Photoshop- menu, kies Voorkeuren en kies vervolgens Hulplijnen, raster en segmenten :

Voorkeuren voor hulplijnen, raster en segmenten selecteren.

Hiermee wordt het dialoogvenster Voorkeuren geopend dat is ingesteld op de voorkeuren Hulplijnen, Raster en Segmenten. Wijzig in de sectie Raster de optie Rasterlijn elke in 10 Procent, wat ons een raster van 10x10 oplevert, en wijzig de waarde van Onderverdelingen in 1 om te voorkomen dat het raster in kleinere secties wordt onderverdeeld. Houd het raster in het document in de gaten en u ziet een live preview van de wijzigingen terwijl u ze aanbrengt:

Rasterlijn instellen op elke 10 procent en onderverdelingen op 1.

Klik op OK als u klaar bent om het dialoogvenster Voorkeuren te sluiten. U zou nu een raster moeten zien van 10 secties breed en 10 secties lang. Het is belangrijk op te merken dat dit raster eigenlijk geen deel uitmaakt van het document. Het is gewoon een visuele gids die we zullen gebruiken om ons te helpen ons eigen pixelgebaseerde raster te maken, zoals we zo zullen doen:

Het raster na het wijzigen van de opties in de Voorkeuren.

Stap 4: Voeg een nieuwe lege laag toe en noem deze "Grid"

Laten we een nieuwe lege laag toevoegen voor het pixelgebaseerde raster dat we gaan maken. Houd de Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt en klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:

Klikken op het pictogram Nieuwe laag terwijl u Alt (Win) / Option (Mac) ingedrukt houdt.

Dit opent het dialoogvenster Nieuwe laag, waardoor we de nieuwe laag een naam kunnen geven voordat deze wordt toegevoegd. Noem de laag "Raster" en klik vervolgens op OK om het dialoogvenster te sluiten:

De nieuwe laag een naam geven.

Er gebeurt niets in het document zelf, maar we kunnen in het deelvenster Lagen zien dat Photoshop de nieuwe "Raster" -laag boven de achtergrondlaag heeft toegevoegd:

De rasterlaag verschijnt in het deelvenster Lagen.

Stap 5: Selecteer het selectiekader met één rij

Om ons raster te maken, gebruiken we twee van de zeer eenvoudige en zelden gebruikte selectietools van Photoshop: het selectiekader met één rij en het selectiekader met één kolom. We beginnen met het selectiekader voor één rij. Beide gereedschappen zijn standaard genest achter het gereedschap Rechthoekig selectiekader, dus houd het gereedschap Rechthoekig selectiekader boven aan het deelvenster Gereedschappen ingedrukt totdat er een uitklapmenu verschijnt met de andere beschikbare gereedschappen op diezelfde plek, dan kies het selectiekader met één rij uit het menu:

Klik en houd het rechthoekige selectiekader vast en selecteer vervolgens het selectiekader met één rij.

Stap 6: Klik op elke horizontale rasterlijn

Zoals de naam al aangeeft, selecteert het selectiekader voor één rij een enkele horizontale rij pixels in het document. Dat is het, dat is alles wat het doet. Om het te gebruiken, hoeven we alleen maar ergens in het document te klikken en Photoshop selecteert automatisch de pixel waarop we hebben geklikt, plus elke andere pixel in die rij van links naar rechts. We gaan de tool gebruiken om de horizontale rasterlijnen om te zetten in een reeks selectieomtrekken. Verplaats eerst uw cursor rechtstreeks over de bovenste horizontale rasterlijn en klik vervolgens met uw muis. U ziet een selectieoverzicht van 1 pixel dik langs de rasterlijn. Ik heb de plek omcirkeld waar ik klikte, maar ergens op de regel klikken geeft je exact hetzelfde resultaat. Als u merkt dat uw klik niet direct boven de rasterlijn stond, drukt u op Ctrl + Z (Win) / Command + Z (Mac) op uw toetsenbord om het ongedaan te maken en probeert u het opnieuw:

Klik ergens op de eerste horizontale rasterlijn bovenaan om de hele rij pixels te selecteren.

Vervolgens voegen we de rest van de horizontale rasterlijnen toe aan onze selectie. Houd de Shift- toets op uw toetsenbord ingedrukt en klik op de volgende rasterlijn eronder. Hiermee wordt een tweede horizontale rij pixels geselecteerd en omdat we de Shift-toets ingedrukt hielden, voegt Photoshop deze tweede selectie aan de eerste toe. Blijf uw Shift-toets ingedrukt houden terwijl u op de rest van de horizontale rasterlijnen klikt totdat een selectieoverzicht langs elk van hen verschijnt. Als u klaar bent, ziet u in totaal negen selectierijen. Zorg ervoor dat je je Shift-toets ingedrukt houdt terwijl je op elke klikt, anders vervang je gewoon de vorige selectie door de nieuwe:

Houd Shift ingedrukt en klik op elke horizontale rasterlijn om deze aan de selectie toe te voegen.

Stap 7: Schakel over naar het selectiekader met één kolom

We moeten nu hetzelfde doen met de verticale rasterlijnen, wat betekent dat we moeten overschakelen naar het selectiekader met één kolom. Klik en houd ingedrukt op het selectiekader met één rij in het deelvenster Gereedschappen (het verschijnt waar het pictogram Rechthoekig selectiekader eerder verscheen) totdat het uitklapmenu verschijnt en kies vervolgens het selectiekader met één kolom in het menu:

Klik en houd ingedrukt op het selectiekader voor één rij en selecteer vervolgens het selectiekader voor één kolom.

Stap 8: Klik op elke verticale rasterlijn

Het selectiekader met één kolom werkt op dezelfde manier als het selectiekader met één rij, met als enige verschil dat het kolommen met pixels (van boven naar beneden) in plaats van rijen selecteert, waarbij elke kolom 1 pixel breed is. Houd uw Shift- toets ingedrukt en klik op elk van de verticale rasterlijnen van links naar rechts totdat ze allemaal zijn geselecteerd. Wanneer u klaar bent, ziet u selectiecontouren langs elke rasterlijn, zowel horizontaal als verticaal:

Alle horizontale en verticale rasterlijnen zijn aan de selectie toegevoegd.

Stap 9: Vul de selectie met zwart

We maken ons raster door de horizontale en verticale selecties met zwart te vullen. Ga naar het menu Bewerken boven aan het scherm en kies Opvullen :

Ga naar Bewerken> Vullen.

Hiermee wordt het dialoogvenster Vullen van Photoshop geopend. Stel de optie Gebruik bovenaan in op Zwart en klik vervolgens op OK:

De optie Gebruik instellen op Zwart.

Photoshop vult de selectie met zwart, hoewel het misschien moeilijk te zien is met de selectieomtrekken en het eigen raster van Photoshop in de weg. Om de selectiecontouren te verwijderen (omdat we ze niet meer nodig hebben), gaat u naar het menu Selecteren bovenaan het scherm en kiest u Deselecteren :

Ga naar Selecteren> Deselecteren.

Om vervolgens het raster van Photoshop uit te schakelen, gaat u naar het menu Beeld, kiest u Tonen en vervolgens opnieuw Raster . Een vinkje links van het woord Grid betekent dat het momenteel is ingeschakeld. Als u het opnieuw selecteert, wordt het vinkje verwijderd en wordt het raster uitgeschakeld:

Ga naar Beeld> Tonen> Raster.

Met de selectieomtrekken en het raster van Photoshop verwijderd, zien we ons zwarte raster in het document:

Het document met het nieuw gemaakte raster.

Stap 10: Open de foto die u in het raster wilt weergeven

Open de foto die u in het raster wilt weergeven. De foto wordt geopend in een eigen document met tabs. Hier is de foto die ik gebruik:

Uw foto wordt geopend in een afzonderlijk document met tabs.

Stap 11: Selecteer en kopieer de foto

Op dit moment bevindt ons raster zich in het ene document en onze foto in een ander. We moeten de foto naar hetzelfde document verplaatsen als het raster. Om dat te doen, selecteert u eerst de foto door naar het menu Selecteren bovenaan het scherm te gaan en Alles te kiezen:

Ga naar Selecteren> Alles.

Er verschijnt een selectieomtrek rond de randen van de foto. Ga vervolgens naar het menu Bewerken boven aan het scherm en kies Kopiëren :

Ga naar Bewerken> Kopiëren.

Stap 12: Schakel over naar het rasterdocument

Schakel over naar het rasterdocument door te klikken op het tabblad net onder de optiebalk bovenaan. In mijn geval heeft het document de naam "Untitled-1":

Overschakelen van het fotodocument naar het rasterdocument.

Stap 13: Selecteer de achtergrondlaag

Open het rasterdocument en klik op de achtergrondlaag in het deelvenster Lagen om het te selecteren. Op deze manier, wanneer we de foto in het document plakken, plaatst Photoshop deze op een nieuwe laag direct tussen de achtergrondlaag en de rasterlaag:

De achtergrondlaag selecteren.

Stap 14: Plak de foto

Ga naar het menu Bewerken, kies Plakken speciaal en kies vervolgens Plakken op plaats :

Ga naar Bewerken> Plakken speciaal> Op plaats plakken.

Photoshop plakt en centreert de foto in het rasterdocument. In mijn geval (en hoogstwaarschijnlijk ook het uwe) moet het formaat van de foto worden aangepast, maar dat zullen we daarna oplossen:

De foto is in het raster geplakt.

Als we in het deelvenster Lagen kijken, zien we dat Photoshop de foto op zijn eigen laag tussen de achtergrond- en rasterlagen heeft toegevoegd, precies zoals we hadden gepland:

De foto verschijnt tussen de lagen Achtergrond en Raster.

Helaas heeft Photoshop de nieuwe laag een generieke naam ("Laag 1") gegeven, dus laten we de naam wijzigen voordat we verdergaan. Dubbelklik rechtstreeks op de naam om deze te markeren en voer vervolgens "Foto" in als de nieuwe naam. Druk op Enter (Win) / Return (Mac) op uw toetsenbord wanneer u klaar bent om de naamswijziging te accepteren:

De naam van de laag is gewijzigd van "Laag 1" in "Foto".

Stap 15: Converteer de fotolaag naar een slim object

We zullen het formaat van de foto zo aanpassen dat deze beter in het raster past, maar voordat we dat doen, laten we de laag snel omzetten in een slim object . Op die manier zullen we de beeldkwaliteit van de foto niet verliezen als we besluiten het formaat later opnieuw te wijzigen. Selecteer de fotolaag en klik op het kleine menupictogram in de rechterbovenhoek van het deelvenster Lagen:

Klik op het menupictogram.

Kies Convert to Smart Object in het menu dat verschijnt:

"Converteren naar slim object" kiezen in het menu van het deelvenster Lagen.

Er lijkt niets te zijn gebeurd in het document, maar een klein Smart Object- pictogram verschijnt in de rechteronderhoek van de voorbeeldminiatuur van de laag in het deelvenster Lagen. Dit vertelt ons dat de laag nu een slim object is:

De miniatuurweergave van de laag met het pictogram Smart Object.

Stap 16: Wijzig het formaat van de foto met gratis transformatie

Om het formaat van de foto te wijzigen, gebruiken we de gratis transformatieopdracht van Photoshop. Ga naar het menu Bewerken boven aan het scherm en kies Vrije transformatie :

Ga naar Bewerken> Gratis transformeren.

Dit plaatst het Free Transform-selectiekader en handelt rond de afbeelding. Als u de grepen niet kunt zien omdat de randen van uw foto buiten het zichtbare gedeelte van het document vallen, gaat u naar het menu Beeld en kiest u Aanpassen aan scherm :

Ga naar Beeld> Aanpassen op scherm.

Photoshop zal de afbeelding onmiddellijk ver genoeg uitzoomen zodat alles, inclusief de Free Transform-grepen, binnen het zichtbare gedeelte van het document past. Als u de grootte van de foto wilt wijzigen, houdt u Shift ingedrukt en klikt u op een van de vier hoekhandgrepen en sleept u deze. Als u de Shift-toets ingedrukt houdt terwijl u sleept, blijft de oorspronkelijke beeldverhouding van de afbeelding behouden, zodat u het uiterlijk niet per ongeluk vervormt. Als u het formaat van de foto wilt wijzigen vanuit het midden in plaats van vanuit een hoek, houdt u Shift + Alt (Win) / Shift + Option (Mac) ingedrukt terwijl u een van de hoekhandgrepen sleept. Als u de afbeelding in het document wilt verplaatsen, klikt u ergens in het selectievak Vrije transformatie en sleept u deze op zijn plaats. Wanneer u klaar bent, drukt u op Enter (Win) / Return (Mac) om de transformatie te accepteren en de opdracht Free Transform te verlaten:

Versleep een hoekgreep om het formaat van de afbeelding in het raster te wijzigen.

Als je zojuist de afbeelding hebt uitgezoomd met de opdracht Aanpassen aan scherm en weer wilt inzoomen nu je het formaat van de afbeelding hebt gewijzigd, ga je terug naar het menu Beeld en kies je 100% :

Ga naar Beeld> 100%.

Gerelateerd lezen: zoomen en pannen in Photoshop

Stap 17: Selecteer de rasterlaag

Op dit punt is het harde werk gedaan. We hebben ons raster gemaakt, we hebben onze foto gekopieerd en in het document van het raster geplakt en we hebben de grootte van de foto gewijzigd en in positie geplaatst. We zijn klaar om plezier te hebben met het inkleuren van het raster! Klik eerst op de rasterlaag in het deelvenster Lagen om deze te selecteren:

De rasterlaag selecteren.

Stap 18: Selecteer het toverstafje

Om het raster in te kleuren, hebben we een manier nodig om de afzonderlijke vierkanten te selecteren, en dat kunnen we gemakkelijk doen met de toverstaf van Photoshop. Het gereedschap Toverstaf is standaard genest achter het gereedschap Snelle selectie in het deelvenster Gereedschappen, dus houd het gereedschap Snelle selectie ingedrukt totdat een uitklapmenu verschijnt en kies vervolgens het gereedschap Toverstaf in het menu:

Klik en houd ingedrukt op het gereedschap Snelle selectie en kies vervolgens het gereedschap Toverstaf.

Stap 19: Selecteer de buitenrandvierkanten

Als u een vierkant in het raster wilt selecteren, moet u ervoor zorgen dat de rasterlaag is geselecteerd in het deelvenster Lagen (erg belangrijk!) En klikt u eenvoudig in het vierkant met de toverstaf. Een selectieomtrek verschijnt rond de buitenranden van het vierkant. Om vervolgens extra vierkanten aan de selectie toe te voegen, houdt u de Shift- toets ingedrukt en klikt u in meer vierkanten. U selecteert elk nieuw vierkant waarop u klikt en de selectie wordt toegevoegd aan de eerder geselecteerde vierkanten. Laten we beginnen met het selecteren van alle vierkanten rond de buitenrand van het raster. Klik eerst in het vierkant in de linkerbovenhoek van het raster. Er verschijnt een selectieoverzicht eromheen. Om het gemakkelijker te maken om te zien welk vierkant ik heb geselecteerd, heb ik het in de afbeelding geel gekleurd. Dit maakt geen deel uit van het effect; het is alleen om het gemakkelijker te maken om te zien welk vierkant is geselecteerd:

Het vierkant in de linkerbovenhoek van het raster is geselecteerd.

Houd vervolgens je Shift- toets ingedrukt en blijf klikken met de toverstaf in elk van de vierkanten rond de buitenranden van het raster om ze allemaal aan de selectie toe te voegen. Nogmaals, ik heb de geselecteerde vierkanten hier geel ingekleurd om dingen beter zichtbaar te maken in de screenshot. Het geel maakt geen deel uit van het daadwerkelijke effect, dus maak je geen zorgen dat je het niet in je document ziet:

Alle vierkanten rond de buitenste randen van het raster zijn nu geselecteerd.

Ik ga ook nog een paar vierkanten aan mijn selectie toevoegen door mijn Shift-toets opnieuw ingedrukt te houden en erin te klikken om ze toe te voegen aan de eerder geselecteerde vierkanten:

Mijn aanvankelijk geselecteerde vierkanten.

Stap 20: Voeg een nieuwe laag toe onder de rasterlaag

We vullen deze eerste vierkanten met wit, waardoor een rand voor het effect ontstaat. Houd Ctrl + Alt (Win) / Command + Option (Mac) op uw toetsenbord ingedrukt en klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:

Klikken op het pictogram Nieuwe laag terwijl u Ctrl (Win) / Command (Mac) ingedrukt houdt.

Dit opent het dialoogvenster Nieuwe laag. Noem deze nieuwe laag "Wit" en klik vervolgens op OK:

De nieuwe laag "Wit" noemen.

Photoshop voegt een nieuwe lege laag met de naam "Wit" toe tussen de raster- en fotolagen:

Het deelvenster Lagen met de nieuwe witte laag.

Stap 21: Vul de selectie met wit

Ga naar het menu Bewerken boven aan het scherm en kies opnieuw de opdracht Invullen . Wanneer dit keer het dialoogvenster Vulling verschijnt, wijzigt u de optie Gebruik in Wit en klikt u op OK:

De optie Gebruik instellen op Wit.

Photoshop vult de geselecteerde vierkanten met wit. Om de selectieomtrek rond de vierkanten te verwijderen, gaat u naar het menu Selecteren en kiest u Deselecteren of drukt u op Ctrl + D (Win) / Command + D (Mac) op uw toetsenbord:

Er verschijnt nu een rand met witte vierkantjes rond de afbeelding.

Stap 22: Selecteer nogmaals de rasterlaag

Laten we een paar verschillende vierkanten selecteren om in te kleuren. Eerst moeten we de rasterlaag actief hebben in het deelvenster Lagen, dus klik erop om deze te selecteren. Vergeet niet dat u altijd de geselecteerde rasterlaag nodig hebt voordat u vierkantjes kunt selecteren:

Zorg ervoor dat u de rasterlaag selecteert voordat u probeert vierkanten te selecteren.

Stap 23: Selecteer verschillende vierkanten

Terwijl de rasterlaag weer actief is, houd je je Shift- toets ingedrukt en klik je in andere willekeurige vierkanten met de toverstaf om ze te selecteren. Als u van gedachten verandert en een vierkant uit de selectie wilt verwijderen, laat u de Shift-toets los en houdt u uw Alt (Win) / Option- toets (Mac) ingedrukt en klikt u vervolgens binnen het vierkant om de selectie ongedaan te maken. Hier heb ik nog een paar vierkanten geselecteerd (en geel gekleurd zodat we kunnen zien welke ik heb geselecteerd):

Houd Shift ingedrukt en klik in een paar verschillende vierkanten om ze te selecteren.

Stap 24: Selecteer de fotolaag

Selecteer uw vierkanten en klik op de fotolaag (het slimme object) in het deelvenster Lagen om deze te selecteren:

De fotolaag selecteren.

Stap 25: De vierkanten inkleuren met een tint / aanpassingslaag

We kleuren deze vierkanten met een aanpassingslaag voor Tint / Verzadiging. Klik op het pictogram Nieuwe aanpassingslaag onder in het deelvenster Lagen:

Klik op het pictogram Nieuwe aanpassingslaag.

Kies Tint / Verzadiging uit de lijst die verschijnt:

Een aanpassingslaag voor tint / verzadiging kiezen.

De besturingselementen en opties voor de aanpassingslaag Tint / Verzadiging worden weergegeven in het eigenschappenvenster van Photoshop. Selecteer eerst de optie Inkleuren door in het selectievakje te klikken. Kies vervolgens de kleur waarmee u de geselecteerde vierkanten wilt inkleuren door de schuifregelaar Tint te slepen. Voor deze vierkanten laat ik de schuifregelaar Tint helemaal naar links staan (de standaardpositie), wat me rood geeft. Natuurlijk kun je kiezen welke kleur je wilt. Nadat u een kleur hebt gekozen met de schuifregelaar Tint, kunt u de verzadiging naar wens aanpassen door de schuifregelaar Verzadiging naar links of rechts te slepen. Voor mijn rode kleur ga ik mijn verzadigingswaarde instellen op ongeveer 50 . Houd uw document in de gaten terwijl u de schuifregelaars sleept om een voorbeeld van de resultaten te bekijken:

Klik op de optie Inkleuren en kies vervolgens een kleur met de schuifregelaars Kleurtoon en Verzadiging.

Stap 26: Wijzig de mengmodus van de aanpassingslaag in kleur

Als we in het deelvenster Lagen kijken, zien we de aanpassingslaag direct boven de fotolaag. Zorg ervoor dat het is geselecteerd (blauw gemarkeerd), ga vervolgens naar de optie Overvloeimodus boven in het deelvenster Lagen en wijzig de overvloeimodus van Normaal (de standaardmodus) in Kleur . Hiermee kunnen we alleen de kleuren in de afbeelding wijzigen, niet de helderheidswaarden:

De mengmodus van de aanpassingslaag wijzigen in Kleur.

Dit is mijn document nadat ik de vierkanten met rood heb ingekleurd:

De eerste van de gekleurde vierkanten.

Stap 27: Wijzig de naam van de aanpassingslaag

Omdat we meerdere aanpassingslagen voor tint / verzadiging zullen gebruiken om het raster in te kleuren, laten we bijhouden welke voor welke kleur wordt gebruikt door ze te hernoemen. Omdat ik deze eerste tint / verzadigingslaag voor rood heb gebruikt, dubbelklik ik op de naam in het deelvenster Lagen en verander de naam van de generieke "Tint / verzadiging 1" in "Rood". Druk op Enter (Win) / Return (Mac) op uw toetsenbord om de naamsverandering te accepteren:

Naam van de aanpassingslaag voor Tint / Verzadiging op basis van de kleur.

Stap 28: Selecteer en kleur meer vierkanten

Herhaal stappen 22-27 om meer vierkanten te selecteren en in te kleuren. Selecteer eerst de rasterlaag in het deelvenster Lagen, houd vervolgens uw Shift- toets ingedrukt en klik binnen een paar vierkanten met de toverstaf om ze te selecteren. Klik op de fotolaag in het deelvenster Lagen om deze te selecteren, klik vervolgens op het pictogram Nieuwe aanpassingslaag en kies Kleurtoon / verzadiging . Schakel in het paneel Eigenschappen de optie Inkleuren in en kies vervolgens een kleur met de schuifregelaar Tint en een verzadigingsniveau met de schuifregelaar Verzadiging . Wijzig de overvloeimodus van de nieuwe aanpassingslaag in Kleur en wijzig de naam van de aanpassingslaag op basis van de gekozen kleur.

U kunt ook een aanpassingslaag voor Tint / Verzadiging gebruiken om sommige vierkanten volledig te desatureren, waardoor ze zwart en wit blijven. Om dat te doen, selecteert u enkele vierkanten en voegt u vervolgens een aanpassingslaag voor Kleurtoon / Verzadiging toe zoals u normaal zou doen, maar in plaats van een kleur te kiezen met de schuifregelaar Kleurt u de schuifregelaar Verzadiging helemaal naar links (tot een waarde van -100 ), waardoor alle kleur wordt verwijderd:

Als u de schuifregelaar Verzadiging helemaal naar links sleept, worden de geselecteerde vierkanten zwart en wit.

Hier is mijn resultaat na het selecteren en inkleuren van meer vierkanten. Ik heb in totaal zes aanpassingslagen voor tint / verzadiging gebruikt - één voor rood (tint: 0, verzadiging: 50), geel (tint: 40, verzadiging: 50), groen (tint: 120, verzadiging: 20), blauw ( tint: 200, verzadiging: 20) en paars (tint: 300, verzadiging: 20), plus één voor zwart en wit (verzadiging: -100):

Het effect na het inkleuren van meer van de vierkanten.

En hier zien we alle zes van mijn aanpassingslagen voor Kleurtoon / Verzadiging in het deelvenster Lagen, elk vernoemd naar zijn kleur:

Het deelvenster Lagen met de aanpassingslagen.

Stap 29: Wijzig de kleur van de rasterlijnen in wit

Nu we onze vierkanten hebben ingekleurd, laten we het uiterlijk van de rasterlijnen zelf veranderen, eerst door hun kleur te veranderen van zwart naar wit. Klik op de rasterlaag in het deelvenster Lagen om deze te selecteren:

Klik op de rasterlaag om deze te selecteren.

Klik vervolgens op het pictogram Transparante pixels vergrendelen net onder de optie Overvloeimodus boven in het deelvenster Lagen:

Klik op het pictogram Transparante pixels vergrendelen.

Als de optie Transparante pixels vergrendelen is ingeschakeld, heeft alles wat we met de laag doen alleen invloed op de rasterlijnen zelf. Het heeft geen effect op de transparante gebieden van de laag. Op deze manier, als we de laag vullen met bijvoorbeeld wit (zoals we gaan doen), worden alleen de rasterlijnen gevuld met wit. De transparante gebieden blijven transparant.

Ga naar het menu Bewerken en kies opnieuw Vullen . Wanneer het dialoogvenster Vulling verschijnt, moet de optie Gebruik al zijn ingesteld op Wit, omdat we dat de vorige keer hebben ingesteld, dus klik op OK om het dialoogvenster te sluiten:

Laat de optie Gebruik ingesteld op Wit en klik op OK.

Photoshop vult de rasterlijnen met wit:

Het effect na het veranderen van de kleur van de rasterlijnen in wit.

Stap 30: Voeg een lijnlaagstijl toe

Als u de dikte van de rasterlijnen wilt vergroten, klikt u op het pictogram Laagstijlen (het pictogram "fx") onderaan het deelvenster Lagen:

Klik op het pictogram Laagstijlen.

Kies Lijn uit de lijst die verschijnt:

Een stijl voor een lijnlaag kiezen.

Hiermee wordt het dialoogvenster Laagstijl van Photoshop geopend dat is ingesteld op de opties Lijn in de middelste kolom. Laten we eerst de kleur van de streek wijzigen in wit. Klik op het kleurstaal rechts van het woord Kleur :

Klik op het kleurstaal in de opties Lijn.

Dit opent de kleurkiezer . Kies wit als de nieuwe kleur voor de streek en klik vervolgens op OK om deze te sluiten:

Wit kiezen in de Kleurkiezer.

Met wit nu als lijnkleur, stelt u de optie Positie in op Buiten en past u de breedte van de lijn aan door de schuifregelaar Grootte te slepen. U wilt de grootte waarschijnlijk niet veel vergroten. Ik ga de mijne instellen op 2 px :

Positie instellen op buiten en de grootte op 2 px.

Klik op OK als u klaar bent om het dialoogvenster Laagstijl te sluiten. Dit is mijn effect met de witte en iets bredere rasterlijnen:

De afbeelding na het toepassen van de lijnlaagstijl.

Stap 31: Verplaats en verklein de foto indien nodig opnieuw

Op dit punt, nu het rasterontwerp voltooid is, kunt u beslissen dat u het formaat van de foto moet wijzigen en / of verplaatsen. In mijn geval denk ik dat ik best blij ben met hoe de dingen eruit zien, maar als je je foto moet verplaatsen of vergroten of verkleinen, klik dan op de fotolaag in het deelvenster Lagen om deze te selecteren:

De fotolaag opnieuw selecteren.

Gebruik vervolgens gewoon dezelfde stappen die we in stap 16 hebben behandeld om het formaat van de afbeelding te wijzigen en / of te verplaatsen. Ga eerst naar het menu Bewerken en kies Vrije transformatie (of druk op Ctrl + T (Win) / Command + T (Mac) op uw toetsenbord) om het vak Vrije transformatie en grepen rond de foto te openen. Als u de grepen niet kunt zien omdat uw foto zich buiten het zichtbare gedeelte van het document uitstrekt, gaat u naar het menu Beeld en kiest u Aanpassen aan scherm (of druk op Ctrl + 0 (Win) / Command + 0 (Mac) op uw toetsenbord ). Houd Shift ingedrukt terwijl u op een van de hoekhandgrepen klikt en sleept om het formaat van de foto te wijzigen, of houd Shift + Alt (Win) / Shift + Option (Mac) ingedrukt om het formaat van de foto te wijzigen vanuit het midden in plaats van vanuit een hoek. Om de foto te verplaatsen, klikt en sleept u gewoon ergens in het vak Gratis transformeren. Ik ga mijn foto een klein beetje naar beneden slepen, maar ik laat het formaat hetzelfde als voorheen:

Pas de grootte en positie van de foto aan (indien nodig) met Free Transform.

Omdat we de foto al in stap 15 in een slim object hebben omgezet, kunnen we de foto veilig opnieuw verkleinen zonder verlies van beeldkwaliteit. Als je tevreden bent met de uiteindelijke grootte en positie van je afbeelding, druk je op Enter (Win) / Return (Mac) om deze te accepteren en de opdracht Free Transform te sluiten. Om vervolgens weer in te zoomen op de afbeelding, gaat u naar het menu Beeld en kiest u 100% (of druk op Ctrl + 1 (Win) / Command + 1 (Mac) op uw toetsenbord):

De uiteindelijke grootte en positie van de foto.

Stap 32: De afbeelding bijsnijden (optioneel)

Deze laatste stap is optioneel, maar als u een deel van de witte rand rond het raster wilt wegsnijden, selecteert u het gereedschap Uitsnijden van Photoshop in het deelvenster Gereedschappen:

Het gereedschap Uitsnijden selecteren.

Met het gereedschap Uitsnijden geselecteerd, stelt u de optie Beeldverhouding links van de optiebalk in op Oorspronkelijke verhouding :

De optie Beeldverhouding instellen op Oorspronkelijke verhouding.

U ziet een bijsnijdrand verschijnen rond de randen van het document, met snijtekens aan alle vier de zijden en in de hoeken. Houd de Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt terwijl u klikt en sleep een van de vier hoekuitsnijdmarkeringen naar binnen om een deel van de witte rand weg te snijden:

Druk op Alt (Win) / Option (Mac) en sleep een hoekuitsnijdmarkering.

Druk op Enter (Win) / Return (Mac) op je toetsenbord om de afbeelding bij te snijden, en we zijn klaar! Hier, na het wegsnijden van een deel van de grens, is mijn uiteindelijke resultaat: