Digital Pixel Effect With Photoshop

I denne Photoshop Effects tutorial lærer vi at skabe en “digital pixel”-effekt, som ofte bruges i annoncer, der sælger alt, hvad der har med digitalt at gøre. Vi vil først pixellisere hele vores billede ved hjælp af et meget simpelt filter, og derefter vil vi eksperimentere med en lagmaske, opacitetsindstillingen og nogle lagblandingstilstande for at skabe forskellige variationer af vores effekt. I slutningen af øvelsen vil vi endda se, hvordan noget så simpelt som at ændre blandingstilstanden for et lag kan skabe en helt ny effekt!

Her er det originale billede, jeg vil starte med:

Som sagt vil vi se på nogle forskellige variationer af effekten. Her er den første, vi arbejder hen imod:

Her er den anden:

Og bare som et eksempel på, hvor nemt vi kan skabe noget, der virker som en helt anden effekt, blot ved at ændre et lag’s blandingstilstand, slutter vi af med denne:

Denne vejledning er fra vores serie Fotoeffekter. Lad os komme i gang!

Trin 1: Duplikér baggrundslaget

Den første ting, jeg skal gøre for denne effekt, er at duplikere mit baggrundslag. Med mit billede åbent i Photoshop kan jeg se i min Lag-palette, at jeg i øjeblikket kun har ét lag, nemlig Baggrundslaget, som indeholder mit billede:

Jeg duplikerer dette lag ved hjælp af tastaturgenvejen Ctrl+J (Win) / Command+J (Mac), og nu kan jeg se i min Lag-palette, at jeg har to lag, hvor kopien af Baggrundslaget ligger over originalen. Photoshop har kaldt det “Lag 1”:

Trin 2: Pixelér det kopierede lag

Næst skal vi pixellisere det nye lag, og det kan vi gøre ved at gå op i menuen Filter øverst på skærmen, vælge Pixelér og derefter vælge Mosaik. Dette bringer dialogboksen for “Mosaic”-filteret frem. Træk i skydebjælken nederst for at ændre indstillingen Cell Size (Cellestørrelse), som øger eller reducerer antallet og størrelsen af pixels, der oprettes fra billedet. Hvis du trækker til højre, skabes færre, men større pixels, mens du ved at trække til venstre får flere, men mindre pixels. Jeg indstiller min cellestørrelse til ca. 18:

Klik på OK for at forlade dialogboksen. Her er mit billede efter at have anvendt Mosaikfilteret:

Nu, hvor vi har pixeleret billedet, er der et par forskellige ting, vi kan gøre med det, og vi vil se på dem som det næste.

Trin 3: Tilføj en lagmaske

Jeg vil tilføje en lagmaske til det pixelerede lag på dette tidspunkt. For at gøre det, med “Lag 1” valgt, klikker jeg på ikonet Lagmaske nederst i Lag-paletten:

Dette tilføjer en lagmaske til “Lag 1”, og hvis vi kigger i Lag-paletten, kan vi se, at det også tilføjer en lagmaske-miniaturebillede til højre for lagets indholdsminiaturebillede:

Vi kan også se, at lagmasken, og ikke lagets indhold, er markeret i øjeblikket, da der vises en hvid markeringskant omkring lagmaske-miniaturenavlen.

Trin 4: Vælg Gradientværktøjet

Vi skal bruge vores lagmaske til at blande det originale billede på laget Baggrund og det pixelerede billede på “Lag 1” sammen, og til det skal vi bruge Gradientværktøjet, så vælg det enten på paletten Værktøjer eller tryk på G på dit tastatur:

Trin 5: Nulstil dine forgrunds- og baggrundsfarver, hvis det er nødvendigt

Vi ønsker sort som vores forgrundsfarve og hvid som vores baggrundsfarve. Normalt er det Photoshop’s standardforgrunds- og baggrundsfarver, undtagen når vi har en lagmaske valgt, hvilket vi gør i øjeblikket. Når vi har en lagmaske valgt, bliver standardfarverne byttet om, så hvid bliver standardforgrundsfarven og sort bliver standardbaggrundsfarven. Hvis du hurtigt vil indstille vores Forgrunds- og Baggrundsfarver til henholdsvis sort og hvid (og huske, at vi har en lagmaske valgt), skal du trykke på D på tastaturet for at nulstille dem til deres standardfarver og derefter trykke på X for at bytte dem. Du vil se i værktøjspaletten, at Foreground color swatch nu viser sort, og Background color swatch viser hvid:

Trin 6: Vælg “Foreground to Background”-gradient

Med Gradient-værktøjet valgt og vores Foreground- og Background-farver indstillet til sort og hvid skal du kigge op i Options Bar øverst på skærmen for at se, hvilken gradient du i øjeblikket har valgt. Hvis området med gradientforhåndsvisning viser en sort/hvid gradient, er du klar:

Hvis det viser en anden gradient, skal du klikke på den lille pil, der peger nedad, til højre for gradientforhåndsvisningsområdet. Gradientvælgeren vises under den. Vælg gradienten “Foreground to Background” i øverste venstre hjørne, og klik derefter et vilkårligt sted uden for Gradient Picker for at lukke ud af den:

Trin 7: Træk en sort-hvid gradient ud på lagmasken

Nu, hvor vi har vores sort-hvide gradient, kan vi bruge den til at blande laget Baggrund og det pixelerede lag sammen og skabe vores første variation af effekten. Jeg ønsker, at overgangsområdet i min blanding skal vises på tværs af fyrens ansigt, så halvdelen af hans ansigt (og også halvdelen af billedet) er pixeleret og den anden halvdel ikke er det. For at opnå dette klikker jeg under hans højre øje og holder Shift-tasten nede for at sikre mig, at jeg trækker i en vandret linje, og trækker musen helt over til venstre kant af hans ansigt:

Området mellem det sted, hvor jeg startede og sluttede min gradient, bliver overgangsområdet mellem det pixelerede billede på “Lag 1” og det originale billede på laget Baggrund. Når jeg slipper museknappen, får jeg min overgangseffekt:

Trin 8: Fyld lagmasken med hvid

Lad os se på en anden variation af vores “digital pixel”-effekt. Først skal vi fjerne den gradient, som vi tilføjede til lagmasken for et øjeblik siden. Vi kunne simpelthen trykke på Ctrl+Z (Win) / Command+Z (Mac) for at fortryde det, men lad os i stedet fylde lagmasken med hvidt igen. For at gøre det skal du med lagmaskeminiaturen valgt i Lagpaletten og hvid som vores aktuelle Baggrundsfarve bruge tastaturgenvejen Ctrl+Backspace (Win) / Command+Delete (Mac) til at fylde lagmasken med Baggrundsfarven (hvid). Lagmaske-tommelfeltet vises igen solidt hvidt, og billedet vises nu igen helt pixeleret:

Trin 9: Vælg Penselværktøjet

Vælg Penselværktøjet fra paletten Værktøjer, eller tryk på B for tastaturgenvejen:

Trin 10: Mal med sort for at afsløre dele af billedet

Med en blød pensel og stadig med sort som forgrundsfarve vil jeg afsløre den vigtigste del af hans ansigt ved blot at male over det med mit penselværktøj. Da jeg maler på lagmasken og ikke på selve billedet, vil alle steder, hvor jeg maler med sort, skjule det pixelerede lag og afsløre Baggrundslaget under det. Jeg kan ændre størrelsen på min pensel i farten ved hjælp af venstre og højre parentes på mit tastatur, og jeg kan indstille min pensel til en blød kant ved at holde Shift-tasten nede og trykke på venstre parentes et par gange:

Her er mit billede efter at have afsløret de vigtigste områder af hans ansigt ved at male over dem med sort, hvilket giver indtryk af, at han på en eller anden måde kigger gennem pixelerne:

Trin 11: Sænk opaciteten af det pixelerede lag

Jeg vil lade det originale billede delvist skinne igennem det pixelerede billede, og det kan jeg gøre ved ganske enkelt at gå op til indstillingen Opacitet i øverste højre hjørne af Lag-paletten og sænke opacitetsværdien. Jeg sænker den til omkring 75 %:

Her er mit billede efter at have sænket opacitetsværdien for det pixelerede lag, hvilket skaber vores anden variation af effekten:

Trin 12: Eksperimentér med forskellige blandingstilstande for det pixelerede lag for at opnå forskellige resultater

For at skabe endnu flere variationer af effekten kan du eksperimentere med forskellige blandingstilstande for det pixelerede lag ved at gå op til indstillingerne for blandingstilstand i øverste venstre hjørne af paletten Lag og vælge forskellige fra listen. Først vil jeg sætte Opacity for mit pixelerede lag tilbage til hele 100 %. Derefter ændrer jeg lagets blandingstilstand fra “Normal” til “Mørk”:

Her er den effekt, jeg får med det pixelerede lag indstillet til “Mørk”:

Lad os prøve blandingstilstanden Lighten igen ved at ændre den i øverste venstre hjørne af Lag-paletten:

Her er den effekt, jeg får med blandingstilstanden “Lighten”:

For at vise dig, hvor meget anderledes en effekt kan se ud blot ved at ændre lag-blandingstilstand, prøver vi en mere. Jeg ændrer denne gang min blandingstilstand til “Hard Mix”:

Jeg tror, du vil være enig i, at effekten nu ser helt anderledes ud, selv om vi blot har ændret blandingstilstanden:

Og der har vi det! Det var vores kig på, hvordan man skaber en simpel “digital pixel”-effekt, og et eksempel på, hvordan vi kan skabe forskellige variationer af den samme effekt og endda skabe helt nye effekter ved at eksperimentere med lagmasker og blandingstilstande i Photoshop.

Tjek vores sektion Fotoeffekter for flere Photoshop-effektvejledninger!