I den här Photoshop-effekttutorialen lär vi oss att skapa en "digital pixel" -effekt, som ofta används i annonser som säljer något att göra med digital. Vi ska först pixelera hela bilden med ett mycket enkelt filter, och sedan ska vi experimentera med en lagermask, inställningen för opacitet och vissa lagerblandningslägen för att skapa olika variationer på vår effekt. I slutet av självstudien ser vi till och med hur något så enkelt som att ändra blandningsläget i ett lager kan skapa en helt ny effekt!
Här är originalbilden som jag börjar med:
Den ursprungliga bilden.
Som sagt kommer vi att titta på några olika variationer på effekten. Här är den första vi kommer att arbeta mot:
En av effekterna vi kommer att skapa i den här tutorialen.
Här är den andra:
En variation på samma effekt.
Och precis som ett exempel på hur lätt vi kan skapa det som verkar som en helt annan effekt helt enkelt genom att ändra ett lags blandningsläge, avslutar vi med det här:
Den sista variationen på effekten.
Denna självstudie kommer från vår Photo Effects-serie. Låt oss börja!
Steg 1: Duplicera bakgrundsskiktet
Det första jag behöver göra för denna effekt är att kopiera mitt bakgrundsskikt. När min bild är öppen i Photoshop kan jag se i min lagerpalett att jag för närvarande bara har ett lager, bakgrundsskiktet, som innehåller min bild:
Photoshops lagpalett som visar bakgrundsskiktet.
Jag kommer att duplicera det lagret med hjälp av kortkommandot Ctrl + J (Win) / Command + J (Mac), och nu kan jag se i min lagers palett att jag har två lager, med kopian av bakgrundsskiktet ovanför original. Photoshop har namngivit det "lager 1":
Tryck på "Ctrl + J" (Win) / "Kommando + J" (Mac) för att kopiera bakgrundsskiktet.
Steg 2: Pixelate The Duplicate Layer
Nästa måste vi pixelera det nya lagret, och vi kan göra det genom att gå upp till filtermenyn högst upp på skärmen, välja Pixelate och sedan välja Mosaic . Detta visar dialogrutan "Mosaic" -filter. Dra skjutreglaget längst ner för att ändra alternativet Cellstorlek, vilket ökar eller minskar antalet och storleken på pixlar som skapas från bilden. Att dra åt höger skapar färre men större pixlar, medan du drar till vänster ger dig fler men mindre pixlar. Jag ska ställa in min cellstorlek till cirka 18:
"Mosaic" -filtret i Photoshop. Dra skjutreglaget längst ner för att öka eller minska antalet och storleken på pixlar.
Klicka på OK för att lämna dialogrutan. Här är min bild efter att ha använt Mosaic-filtret:
Bilden efter pixelering av den med Mosaic-filter.
Nu när vi har pixlade bilden finns det några olika saker vi kan göra med den, och vi tittar på dem nästa.
Steg 3: Lägg till en lagermask
Jag kommer att lägga till en lagermask till det pixelerade lagret vid denna punkt. För att göra det, med "Layer 1" markerat, kommer jag att klicka på Layer Mask- ikonen längst ned i Layer-paletten:
Klicka på ikonen "Layer Mask".
Detta lägger till en lagermask till "lager 1", och om vi tittar i lagpaletten kan vi se att den också lägger till en lagermask-miniatyrbild till höger om miniatyren för lagerinnehåll:
En lagermask och lagermask-miniatyr har lagts till i "lager 1".
Vi kan också berätta att lagermasken, inte innehållet i lagret, för närvarande väljs av den vita markeringsramen som visas runt skikmaskens miniatyrbild.
Steg 4: Välj Gradient Tool
Vi kommer att använda vår lagermask för att blanda originalbilden på bakgrundsskiktet och den pixelerade bilden på "lager 1" tillsammans, och för det behöver vi gradientverktyget, så antingen väljer du det från verktygspaletten eller trycker på G på ditt tangentbord:
Välj Gradient Tool.
Steg 5: Återställ dina förgrunds- och bakgrundsfärger om det behövs
Vi vill ha svart som vår förgrundsfärg och vit som vår bakgrundsfärg. Normalt är det Photoshops standard förgrunds- och bakgrundsfärger, utom när vi har valt en lagermask, vilket vi för närvarande gör. När vi har valt en lagermask byts standardfärgerna ut, varvid vit blir standardfärg i förgrunden och svart blir standardbakgrundsfärgen. För att snabbt ställa in våra förgrunds- och bakgrundsfärger på svartvitt respektive (kom ihåg att vi har valt en lagermask), tryck på D på tangentbordet för att återställa dem till deras standardvärden och tryck sedan på X för att byta dem. Du ser i verktygspaletten att färgrutan i förgrundsfärgen nu visar svart och bakgrundsfärgprovet visar nu vitt:
Tryck på "D" och sedan "X" på tangentbordet för att ställa in svart som din förgrundsfärg och vit som din bakgrundsfärg.
Steg 6: Välj Gradienten "Förgrund till bakgrund"
Med Gradient Tool valt och våra förgrunds- och bakgrundsfärger inställda på svart och vitt, slå 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örhandsvisningsområdet för lutning visar en svart till vit gradient är du redo:
Förhandsvisningsområdet för gradient som visar en svart till vit gradient.
Om den visar någon annan gradient klickar du på den lilla nedåtpekande pilen till höger om förhandsvisningsområdet för gradient. Gradientväljaren visas under den. Välj gradienten "Förgrund till bakgrund" i det övre vänstra hörnet och klicka var som helst utanför Gradientväljaren för att stänga av det:
Klicka på den nedåtpekande pilen till höger om förhandsvisningsområdet för lutning och välj lutningen i det övre vänstra hörnet av Gradientväljaren.
Steg 7: Dra ut en svartvit lutning på lagermasken
Nu när vi har vår svarta till vita gradient kan vi använda den för att blanda bakgrundsskiktet och det pixelerade lagret tillsammans och skapa vår första variation på effekten. Jag vill att övergångsområdet för min blandning ska visas över killen ansikte, så hälften av hans ansikte (och hälften av bilden också) är pixelerade och den andra halvan inte. För att åstadkomma det kommer jag att klicka under hans högra öga och sedan hålla ner min Shift- tangent för att se till att jag drar i en horisontell linje, kommer jag att dra musen hela vägen till vänster kant av hans ansikte:
Dra ut en lutning genom området där du vill att blandningen mellan de två lagren ska visas.
Området mellan där jag började och slutade min lutning kommer att bli övergångsområdet mellan den pixelerade bilden på "Layer 1" och den ursprungliga bilden i bakgrunden lager. När jag släpper min musknapp får jag min övergångseffekt:
Den första effekten.
Steg 8: Fyll skiktmask med vit
Låt oss titta på en annan variant av vår "digitala pixel" -effekt. Först måste vi ta bort lutningen som vi lagt till lagermasken för ett ögonblick sedan. Vi kan helt enkelt trycka på Ctrl + Z (Win) / Command + Z (Mac) för att ångra det, men låt oss fylla på lagermask med vit istället. För att göra det, med skiktsmaskens miniatyrbild vald i Layer-paletten och vit som vår aktuella bakgrundsfärg, använd kortkommandot Ctrl + Backspace (Win) / Command + Delete (Mac) för att fylla lagermask med bakgrundsfärgen (vit ). Skiktmaskens miniatyr visas återigen helt vitt och bilden visas nu fullständigt pixelerad igen:
Tryck på "Alt + Backspace" (Win) / "Alternativ + Delete" (Mac) för att fylla lagermasken med vitt och avslöja hela det pixelerade lagret i dokumentfönstret igen.
Steg 9: Välj borstverktyget
Välj penselverktyget från verktygspaletten eller tryck på B för kortkommandon:
Välj penselverktyget
Steg 10: Måla med svart för att avslöja delar av bilden
Med hjälp av en mjuk kantad borste och med svart fortfarande som vår förgrundsfärg, kommer jag att avslöja huvuddelen av hans ansikte genom att helt enkelt måla över det med mitt borsteverktyg. Eftersom jag målar på lagermasken och inte på själva bilden kommer någonstans jag målar med svart att dölja det pixelerade lagret och avslöja bakgrundsskiktet under det. Jag kan ändra storleken på min pensel med hjälp av vänster och höger fästknappar på mitt tangentbord, och jag kan ställa in min borste till en mjuk kant genom att hålla ner Skift- tangenten och trycka på den vänstra fästknappen några gånger:
Använd en mjuk kantig borste för att måla bort delar av det pixelerade lagret och avslöja originalbilden under.
Här är min bild efter att jag avslöjat huvudytorna i hans ansikte genom att måla över dem med svart och ge intrycket att han på något sätt tittar igenom pixlarna:
Huvuddelarna i hans ansikte visas nu som de var på det ursprungliga fotot, medan resten av fotot förblir pixelat.
Steg 11: Sänk på opaciteten hos det pixelerade lagret
Jag kommer att låta den ursprungliga bilden delvis visas genom den pixelerade bilden, och jag kan göra det helt enkelt genom att gå upp till Opacity- alternativet i det övre högra hörnet av Layer-paletten och sänka opacitetsvärdet. Jag kommer att sänka det till cirka 75%:
Sänk opaciteten hos det pixelerade lagret så att originalbilden delvis kan visas igenom.
Här är min bild efter att ha sänkat opaciteten hos det pixelerade lagret och skapat vår andra variation på effekten:
Den andra variationen på "digital pixel" -effekten.
Steg 12: Experiment med olika blandningslägen för det pixelerade lagret för olika resultat
För att skapa ännu fler variationer på effekten, experimentera med olika blandningslägen för det pixelerade lagret genom att gå upp till blandningslägesalternativet i det övre vänstra hörnet av paletten Lager och välja olika i listan. Först kommer jag att ställa in Opacity för mitt pixelerade lager till hela 100%. Sedan kommer jag att ändra mitt blandningsläge på lagret från "Normal" till Darken :
Ställ in det pixelerade lagrets opacitet till 100% och ändra sedan blandningsläget för det pixelerade lagret till "Mörkare".
Här är effekten jag får med det pixelerade lagret inställt på "Mörkare":
Bilden efter att ha ändrat blandningsläget till "Mörkare".
Låt oss försöka lätta bländningsläget igen genom att ändra det i det övre vänstra hörnet av lagpaletten:
Ändra blandningsläget till "Ljusare".
Här är effekten jag får med "Lighten" blandningsläget:
Bilden efter att ha ändrat blandningsläget till "Ljusare".
Bara för att visa hur mycket annorlunda en effekt kan se ut helt enkelt genom att ändra lagblandningslägen försöker vi en till. Jag kommer att byta mitt blandningsläge den här gången till Hard Mix :
Ändra blandningsläget till "Hard Mix".
Jag tror att du håller med om att effekten nu ser helt annorlunda ut, även om allt vi gjort har ändrat blandningsläget:
Efter att ha ändrat blandningsläget till "Hard Mix" får vi en helt annorlunda effekt.
Och där har vi det! Det är vår titt på hur man skapar en enkel "digital pixel" -effekt och ett exempel på hur vi kan skapa olika variationer på samma effekt, och till och med skapa helt nya effekter, genom att experimentera med lagermasker och blandningslägen i Photoshop.
Kolla in vårt avsnitt om fotoeffekter för fler instruktioner för Photoshop-effekter!