Digitaal pixeleffect met Photoshop

In deze Photoshop-effecten-handleiding leren we hoe we een “digitaal pixel”-effect kunnen maken, dat vaak wordt gebruikt in advertenties die iets verkopen dat met digitaal te maken heeft. We gaan eerst onze hele afbeelding pixelig maken met een heel eenvoudig filter, en vervolgens experimenteren we met een laagmasker, de ondoorzichtigheidsinstelling en enkele overvloeimodi voor lagen om verschillende variaties op ons effect te maken. Aan het eind van de tutorial zullen we zelfs zien hoe iets simpels als het veranderen van de overvloeimodus van een laag een geheel nieuw effect kan creëren!

Hier is de originele afbeelding waar ik mee begin:

Zoals ik al zei, zullen we kijken naar een paar verschillende variaties op het effect. Hier is de eerste waar we aan gaan werken:

Hier is de tweede:

En om te laten zien hoe gemakkelijk we een heel ander effect kunnen creëren door simpelweg de overvloeimodus van een laag te wijzigen, sluiten we af met deze:

Deze les komt uit onze serie Foto-effecten. Laten we beginnen!

Stap 1: Dupliceer de achtergrondlaag

Het eerste wat ik voor dit effect moet doen, is mijn achtergrondlaag dupliceren. Met mijn afbeelding open in Photoshop, kan ik in mijn Lagenpalet zien dat ik momenteel slechts één laag heb, de Achtergrondlaag, die mijn afbeelding bevat:

Ik ga die laag dupliceren met de sneltoets Ctrl+J (Win) / Command+J (Mac), en nu kan ik in mijn Lagenpalet zien dat ik twee lagen heb, met de kopie van de Achtergrondlaag boven het origineel. Photoshop heeft deze laag “Laag 1” genoemd:

Stap 2: Pixelate The Duplicate Layer

Nog een stap verder moeten we de nieuwe laag pixelate, en dat kunnen we doen door naar het Filter-menu boven in het scherm te gaan, Pixelate te kiezen, en dan Mosaic te kiezen. Dit brengt het dialoogvenster van het “Mozaïek” filter op het scherm. Sleep de schuifbalk onderaan om de optie Celgrootte te wijzigen, waarmee het aantal en de grootte van de pixels die uit de afbeelding worden gemaakt, worden vergroot of verkleind. Naar rechts slepen creëert minder maar grotere pixels, terwijl naar links slepen meer maar kleinere pixels oplevert. Ik ga mijn celgrootte instellen op ongeveer 18:

Klik op OK om het dialoogvenster te verlaten. Hier is mijn afbeelding na toepassing van het Mozaïekfilter:

Nu we de afbeelding hebben gepixeligeerd, kunnen we er een paar verschillende dingen mee doen, en die bekijken we nu.

Stap 3: Een laagmasker toevoegen

Ik ga nu een laagmasker toevoegen aan de gepixeleerde laag. Om dat te doen, met “Laag 1” geselecteerd, klik ik op het pictogram Laagmasker onderaan in het palet Lagen:

Dit voegt een laagmasker toe aan “Laag 1”, en als we in het palet Lagen kijken, zien we dat er ook een miniatuur van het laagmasker wordt toegevoegd, rechts van de miniatuur van de laaginhoud:

We kunnen ook zien dat het laagmasker, en niet de inhoud van de laag, momenteel is geselecteerd door de witte markeringsrand die rond de miniatuur van het laagmasker verschijnt.

Stap 4: Selecteer het Verloopgereedschap

We gaan ons laagmasker gebruiken om de originele afbeelding op de achtergrondlaag en de gepixelde afbeelding op “Laag 1” in elkaar over te laten lopen, en daarvoor hebben we het Verloopgereedschap nodig, dus selecteer het in het palet Gereedschappen of druk op G op uw toetsenbord:

Stap 5: Stel zo nodig uw voorgrond- en achtergrondkleur opnieuw in

We willen zwart als onze voorgrondkleur en wit als onze achtergrondkleur. Normaal zijn dat Photoshop’s standaard Voorgrond en Achtergrond kleuren, behalve wanneer we een laagmasker geselecteerd hebben, wat we nu doen. Wanneer we een laagmasker hebben geselecteerd, worden de standaardkleuren omgewisseld, waarbij wit de standaardvoorgrondkleur wordt en zwart de standaardachtergrondkleur. Om snel onze voor- en achtergrondkleur op respectievelijk zwart en wit te zetten (en te onthouden dat we een laagmasker hebben geselecteerd), druk je op D op je toetsenbord om ze op hun standaardwaarden terug te zetten, en druk je vervolgens op X om ze om te wisselen. In het palet Gereedschappen zie je dat de staal van de Voorgrondkleur nu zwart is en de staal van de Achtergrondkleur nu wit:

Stap 6: Selecteer het verloop van voorgrond naar achtergrond

Met het verloopgereedschap geselecteerd en onze voorgrond- en achtergrondkleuren ingesteld op zwart en wit, kijkt u in de optiebalk bovenaan het scherm om te zien welk verloop u momenteel hebt geselecteerd. Als het kleurverloop-voorvertoningsgebied een zwart-witverloop toont, ben je klaar:

Als het een ander kleurverloop toont, klik dan op de kleine, naar beneden wijzende pijl rechts van het kleurverloop-voorvertoningsgebied. De Gradient Picker zal eronder verschijnen. Selecteer het verloop “Voorgrond naar achtergrond” in de linkerbovenhoek, en klik dan ergens buiten de Gradient Picker om deze te sluiten:

Stap 7: Sleep een zwart-witverloop op het laagmasker

Nu we ons zwart-witverloop hebben, kunnen we het gebruiken om de achtergrondlaag en de korrelige laag in elkaar over te laten lopen, waardoor onze eerste variatie op het effect ontstaat. Ik wil dat het overgangsgebied van mijn overvloeiing over het gezicht van de man komt te liggen, zodat de helft van zijn gezicht (en ook de helft van de afbeelding) korrelig is en de andere helft niet. Om dat te bereiken, klik ik onder zijn rechteroog en dan, terwijl ik de Shift-toets ingedrukt houd om ervoor te zorgen dat ik in een horizontale lijn sleep, sleep ik mijn muis helemaal naar de linkerrand van zijn gezicht:

Het gebied tussen het begin- en eindpunt van mijn verloop wordt het overgangsgebied tussen de gepixelde afbeelding op “Laag 1” en de originele afbeelding op de Achtergrondlaag. Als ik mijn muisknop loslaat, krijg ik mijn overgangseffect:

Stap 8: Vul het laagmasker met wit

Laten we eens kijken naar een andere variatie op ons “digitale pixel”-effect. Eerst moeten we het kleurverloop verwijderen dat we zojuist aan het laagmasker hebben toegevoegd. We zouden gewoon op Ctrl+Z (Win) / Command+Z (Mac) kunnen drukken om het ongedaan te maken, maar laten we het laagmasker in plaats daarvan opnieuw vullen met wit. Om dat te doen, met de miniatuur van het laagmasker geselecteerd in het palet Lagen en wit als onze huidige achtergrondkleur, gebruiken we de sneltoets Ctrl+Backspace (Win) / Command+Delete (Mac) om het laagmasker te vullen met de achtergrondkleur (wit). De miniatuur van het laagmasker wordt weer effen wit, en de afbeelding wordt weer volledig korrelig:

Stap 9: Selecteer het penseelgereedschap

Selecteer het penseelgereedschap in het palet Gereedschappen, of druk op B voor de sneltoets:

Stap 10: Schilder met zwart om delen van de afbeelding te onthullen

Met een penseel met zachte randen en zwart als voorgrondkleur ga ik het belangrijkste deel van zijn gezicht onthullen door er gewoon overheen te schilderen met mijn penseelgereedschap. Aangezien ik op het laagmasker schilder en niet op de afbeelding zelf, zal ik overal waar ik met zwart schilder de gepixelde laag verbergen en de eronder liggende achtergrondlaag onthullen. Ik kan de grootte van mijn penseel aanpassen met de haakjes links en rechts op mijn toetsenbord, en ik kan mijn penseel instellen op een zachte rand door de Shift-toets ingedrukt te houden en een paar keer op de linker haakjestoets te drukken:

Hier is mijn afbeelding na het onthullen van de belangrijkste delen van zijn gezicht door er met zwart overheen te schilderen, waardoor de indruk wordt gewekt dat hij op de een of andere manier door de pixels heen kijkt:

Stap 11: Verlaag de Ondoorzichtigheid van de gepixelde laag

Ik ga de originele foto gedeeltelijk door de gepixelde foto heen laten komen, en dat kan ik eenvoudig doen door naar de Ondoorzichtigheid-optie te gaan in de rechterbovenhoek van het Lagenpalet en de ondoorzichtigheidswaarde te verlagen. Ik verlaag de ondoorzichtigheid tot ongeveer 75%:

Hier is mijn afbeelding nadat ik de ondoorzichtigheid van de gepixelde laag heb verlaagd, waarmee onze tweede variatie op het effect is gecreëerd:

Stap 12: Experimenteer met verschillende overvloeimodi voor de pixellaag voor verschillende resultaten

Om nog meer variaties op het effect te krijgen, kunt u experimenteren met verschillende overvloeimodi voor de pixellaag door naar de opties voor de overvloeimodi te gaan in de linkerbovenhoek van het palet Lagen en verschillende modi uit de lijst te kiezen. Eerst zet ik de Ondoorzichtigheid van mijn korrelige laag weer op 100%. Daarna verander ik de mengmodus van de laag van “Normaal” in “Donkerder”:

Hier ziet u het effect dat ik krijg met de gepixelde laag ingesteld op “Donkerder”:

Werk eens met de mengmodus Lichter, door deze linksboven in het palet Lagen te wijzigen:

Hier ziet u het effect dat ik krijg met de overvloeimodus “Verlichten”:

Om u te laten zien hoe verschillend een effect er uit kan zien door simpelweg de overvloeimodus van de lagen te wijzigen, proberen we er nog een. Ik verander mijn overvloeimodus deze keer in Hard Mix:

Ik denk dat je het met me eens bent dat het effect er nu heel anders uitziet, ook al hebben we alleen de overvloeimodus veranderd:

En daar hebben we het! Dat is onze kijk op het maken van een eenvoudig “digitale pixel”-effect en een voorbeeld van hoe we verschillende variaties op hetzelfde effect kunnen maken, en zelfs geheel nieuwe effecten kunnen creëren, door te experimenteren met laagmaskers en overvloeimodi in Photoshop.

Bekijk ons gedeelte Foto-effecten voor meer Photoshop-tutorials over effecten!