Digital Pixel Effect With Photoshop

I den här Photoshop Effects-tutorialen lär vi oss att skapa en ”digital pixel”-effekt, som ofta används i annonser som säljer något som har med digital teknik att göra. Vi kommer först att pixla hela vår bild med hjälp av ett mycket enkelt filter, och sedan kommer vi att experimentera med en lagermask, inställningen för opacitet och några lagerblandningslägen för att skapa olika variationer av vår effekt. I slutet av handledningen kommer vi till och med att se hur något så enkelt som att ändra blandningsläget för ett lager kan skapa en helt ny effekt!

Här är originalbilden som jag kommer att börja med:

Som sagt kommer vi att titta på några olika variationer på effekten. Här är den första som vi kommer att arbeta mot:

Här är den andra:

Och som ett exempel på hur lätt vi kan skapa vad som verkar vara en helt annan effekt bara genom att ändra ett lagers blandningsläge, avslutar vi med den här:

Den här handledningen ingår i vår serie Fotoeffekter. Nu sätter vi igång!

Steg 1: Duplicera bakgrundslagret

Det första jag behöver göra för den här effekten är att duplicera mitt bakgrundslager. Med min bild öppen i Photoshop kan jag se i min lagerpalett att jag för närvarande bara har ett lager, bakgrundslagret, som innehåller min bild:

Jag duplicerar lagret med hjälp av tangentbordsgenvägen Ctrl+J (Win) / Command+J (Mac), och nu kan jag se i min lagerpalett att jag har två lager, med kopian av bakgrundslagret ovanför originalet. Photoshop har döpt det till ”Layer 1”:

Steg 2: Pixelera det duplicerade lagret

Nästan måste vi pixelera det nya lagret, och det kan vi göra genom att gå upp till menyn Filter högst upp på skärmen, välja Pixelera och sedan välja Mosaik. Detta ger dig dialogrutan för filtret ”Mosaic”. Dra i skjutreglaget längst ner för att ändra alternativet Cellstorlek, som ökar eller minskar antalet och storleken på de pixlar som skapas från bilden. Om du drar åt höger skapas färre men större pixlar, medan du genom att dra åt vänster får fler men mindre pixlar. Jag kommer att ställa in min cellstorlek på ungefär 18:

Klicka på OK för att lämna dialogrutan. Här är min bild efter att ha tillämpat Mosaikfiltret:

När vi nu har pixlat bilden finns det några olika saker som vi kan göra med den, och vi tittar på dem härnäst.

Steg 3: Lägg till en lagermask

Jag kommer att lägga till en lagermask till det pixlade lagret vid den här tidpunkten. För att göra det, med ”Layer 1” markerat, klickar jag på ikonen Layer Mask längst ner i Layers-paletten:

Detta lägger till en lagermask till ”Layer 1”, och om vi tittar i Layers-paletten kan vi se att den också lägger till en lagermaskminiatyr till höger om lagerinnehållsminiatyren:

Vi kan också se att lagermasken, och inte lagrets innehåll, för närvarande är markerad genom att den vita markeringsgränsen visas runt lagermaskens miniatyrbild.

Steg 4: Välj Gradientverktyget

Vi ska använda lagermasken för att blanda ihop originalbilden på lagret Background och den pixlade bilden på ”Layer 1”, och för det behöver vi Gradientverktyget, så antingen väljer du det från verktygspaletten eller så trycker du på G på tangentbordet:

Steg 5: Återställ dina förgrunds- och bakgrundsfärger om det behövs

Vi vill ha svart som förgrundsfärg och vitt som bakgrundsfärg. Normalt sett är detta Photoshop standardfärger för förgrund och bakgrund, utom när vi har en lagermask markerad, vilket vi för närvarande har. När vi har en lagermask markerad byts standardfärgerna ut, där vit blir standardförgrundsfärg och svart blir standardbakgrundsfärg. För att snabbt ställa in våra förgrunds- och bakgrundsfärger till svart respektive vitt (och komma ihåg att vi har valt en lagermask) trycker du på D på tangentbordet för att återställa dem till standardfärgerna och trycker sedan på X för att byta ut dem. Du kommer att se i paletten Verktyg att förgrundsfärgen nu visar svart och bakgrundsfärgen visar vit:

Steg 6: Välj gradienten ”Förgrund till bakgrund”

Med gradientverktyget valt och våra förgrunds- och bakgrundsfärger inställda på svart och vitt, titta upp i alternativfältet högst upp på skärmen för att se vilken gradient du för närvarande har valt. Om förhandsgranskningsområdet för gradienten visar en svart till vit gradient är du klar:

Om det visar någon annan gradient klickar du på den lilla, nedåtriktade pilen till höger om förhandsgranskningsområdet för gradienten. Gradientväljaren visas under den. Välj gradienten ”Foreground to Background” i det övre vänstra hörnet och klicka sedan någonstans utanför Gradient Picker för att stänga av den:

Steg 7: Dra ut en svart till vit gradient på lagermasken

Nu när vi har vår svart till vita gradient kan vi använda den för att blanda bakgrundslagret och det pixlade lagret med varandra och skapa vår första variation av effekten. Jag vill att övergångsområdet i min blandning ska visas över killens ansikte, så att halva hans ansikte (och halva bilden också) är pixlat och den andra halvan inte är det. För att åstadkomma det klickar jag under hans högra öga och sedan, med min Shift-tangent nedtryckt för att se till att jag drar i en horisontell linje, drar jag musen hela vägen över till den vänstra kanten av hans ansikte:

Området mellan där jag startade och avslutade min gradient kommer att bli övergångsområdet mellan den pixlade bilden på ”lager 1” och originalbilden på lagret Bakgrund. När jag släpper musknappen får jag min övergångseffekt:

Steg 8: Fyll lagermasken med vitt

Vi ska titta på en annan variant av vår ”digitala pixeleffekt”. Först måste vi ta bort gradienten som vi lade till i lagermasken för en stund sedan. Vi kan helt enkelt trycka på Ctrl+Z (Win) / Command+Z (Mac) för att ångra det, men låt oss istället fylla lagermasken med vitt. För att göra det, med lagermaskens miniatyrbild markerad i Layers-paletten och vit som vår nuvarande bakgrundsfärg, använder du tangentbordsgenvägen Ctrl+Backspace (Win) / Command+Delete (Mac) för att fylla lagermasken med bakgrundsfärgen (vit). Lagermaskens miniatyrbild kommer återigen att visas solidt vit, och bilden kommer nu att visas helt pixlad igen:

Steg 9: Välj penselverktyget

Välj penselverktyget i paletten Verktyg eller tryck på B för tangentbordsgenvägen:

Steg 10: Måla med svart för att avslöja delar av bilden

Med en mjuk pensel och svart som förgrundsfärg ska jag avslöja huvuddelen av ansiktet genom att helt enkelt måla över det med penselverktyget. Eftersom jag målar på lagermasken och inte på själva bilden kommer var jag än målar med svart att dölja det pixelerade lagret och avslöja bakgrundslagret under det. Jag kan ändra storleken på min pensel i farten med hjälp av tangenterna vänster och höger parentes på tangentbordet, och jag kan ställa in min pensel på en mjuk kant genom att hålla ned Shift-tangenten och trycka på den vänstra parentes-tangenten några gånger:

Här är min bild efter att ha avslöjat huvuddelarna av hans ansikte genom att måla över dem med svart, vilket ger intryck av att han på något sätt tittar genom pixlarna:

Steg 11: Sänk opaciteten för det pixlade lagret

Jag ska låta originalbilden delvis synas genom den pixlade bilden, och det kan jag göra helt enkelt genom att gå upp till opacitetsalternativet i det övre högra hörnet av lagerpaletten och sänka opacitetsvärdet. Jag ska sänka det till cirka 75 %:

Här är min bild efter att ha sänkt opaciteten för det pixlade lagret, vilket skapar vår andra variant av effekten:

Steg 12: Experimentera med olika blandningslägen för det pixlade lagret för olika resultat

För att skapa ännu fler variationer av effekten kan du experimentera med olika blandningslägen för det pixlade lagret genom att gå upp till alternativen för blandningslägen i det övre vänstra hörnet av lagerpaletten och välja olika från listan. Först ställer jag in Opacity för mitt pixlade lager till 100 %. Sedan ändrar jag blandningsläget för lagret från ”Normal” till ”Mörka”:

Här är effekten jag får med det pixlade lagret inställt på ”Mörka”:

Vi provar blandningsläget Ljusare, igen genom att ändra det i det övre vänstra hörnet av paletten Lager:

Här är effekten jag får med blandningsläget ”Lighten”:

För att visa hur mycket annorlunda en effekt kan se ut bara genom att ändra blandningsläget för lager, ska vi prova en till. Jag kommer att ändra mitt blandningsläge den här gången till ”Hard Mix”:

Jag tror att du håller med om att effekten nu ser helt annorlunda ut, trots att allt vi har gjort är att ändra blandningsläget:

Och där har vi det! Det var vår titt på hur man skapar en enkel ”digital pixel”-effekt och ett exempel på hur vi kan skapa olika variationer av samma effekt, och till och med skapa helt nya effekter, genom att experimentera med lagermasker och blandningslägen i Photoshop.

Kolla in vår sektion Fotoeffekter för fler handledningar om Photoshop-effekter!