I denne Photoshop Effects-tutorial lærer vi, hvordan man opretter en "digital pixel" -effekt, der ofte bruges i annoncer, der sælger noget at gøre med digitalt. Vi skal først pixelere hele vores billede ved hjælp af et meget simpelt filter, og derefter eksperimentere med en lagmaske, opacitetsindstillingen og nogle lagblandingstilstande for at skabe forskellige variationer på vores effekt. I slutningen af ​​tutorial 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 begynder med:

Det originale billede.

Som sagt vil vi se på et par forskellige variationer af effekten. Her er den første, vi arbejder mod:

En af de effekter, vi skaber i denne tutorial.

Her er den anden:

En variation på den samme effekt.

Og lige som et eksempel på, hvor let vi kan skabe det, der ser ud som en helt anden effekt, blot ved at ændre et lags blandingstilstand, afslutter vi med denne:

Den endelige variation på effekten.

Denne tutorial er fra vores Photo Effects-serie. Lad os komme igang!

Trin 1: Duplicerer baggrundslaget

Den første ting, jeg skal gøre for denne effekt, er at kopiere mit baggrundslag. Når mit billede er åbent i Photoshop, kan jeg i min lagpalette se, at jeg i øjeblikket kun har ét lag, baggrundslaget, der indeholder mit billede:

Photoshop's palet Lag, der viser baggrundslaget.

Jeg vil duplikere dette lag ved hjælp af tastaturgenvejen Ctrl + J (Win) / Kommando + J (Mac), og nu kan jeg se i min lagpalette, at jeg har to lag, med kopien af ​​baggrundslaget over original. Photoshop har navngivet det "Lag 1":

Tryk på "Ctrl + J" (Win) / "Kommando + J" (Mac) for at kopiere baggrundslaget.

Trin 2: Pixelate Duplicate Layer

Derefter skal vi pixelere det nye lag, og vi kan gøre det ved at gå op til menuen Filter øverst på skærmen, vælge Pixelate og derefter vælge Mosaic . Dette åbner dialogboksen "Mosaic" -filteret. Træk skyderbjælken i bunden for at ændre indstillingen Cellestørrelse, som øger eller formindsker antallet og størrelsen af ​​pixels, der oprettes fra billedet. Trækning til højre skaber færre, men større pixels, mens du trækker til venstre giver dig flere, men mindre pixels. Jeg vil indstille min cellestørrelse til cirka 18:

"Mosaic" -filteret i Photoshop. Træk skyderbjælken i bunden for at øge eller formindske antallet og størrelsen på pixels.

Klik på OK for at afslutte dialogboksen. Her er mit billede efter anvendelse af det Mosaiske filter:

Billedet efter at have pixlet det med det Mosaiske filter.

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

Trin 3: Tilføj en lagmaske

Jeg vil tilføje en lagmaske til det pixeliserede lag på dette tidspunkt. For at gøre det, med "Lag 1" valgt, vil jeg klikke på ikonet Lagmaske i bunden af ​​lagpaletten:

Klik på ikonet "Lagmaske".

Dette tilføjer en lagmaske til "Lag 1", og hvis vi ser i lagpaletten, kan vi se, at den også tilføjer en lagmaske-miniaturebillede til højre for lagindholdets miniaturebillede:

En lagmaske og lagmaske-miniature er føjet til "Lag 1".

Vi kan også fortælle, at lagmasken, ikke lagets indhold, i øjeblikket vælges af den hvide fremhævelsesramme, der vises rundt om lagmaskenes miniaturebillede.

Trin 4: Vælg Gradient Tool

Vi vil bruge vores lagmaske til at blande det originale billede på baggrundslaget og det pixelbillede på "Lag 1" sammen, og til det har vi brug for Gradient Tool, så vælg det enten fra værktøjspaletten eller tryk på G på dit tastatur:

Vælg Gradient Tool.

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

Vi vil have sort som vores forgrundsfarve og hvid som vores baggrundsfarve. Normalt er det Photoshops standardfarver på forgrund og baggrund, undtagen når vi har valgt en lagmaske, som vi i øjeblikket gør. Hver gang vi har valgt en lagmaske, udskiftes standardfarverne, hvor hvid bliver standard forgrundsfarve og sort bliver standardbaggrundsfarve. For hurtigt at indstille vores forgrunds- og baggrundsfarver til henholdsvis sort og hvid (husk, at vi har valgt en lagmaske), skal du trykke på D på dit tastatur for at nulstille dem til deres standardindstillinger, og derefter trykke på X for at skifte dem. I paletten Værktøjer ser du, at farveprøven for forgrund nu vises sort, og farveprøven Baggrundsfarve viser nu hvid:

Tryk på "D" og derefter "X" på dit tastatur for at indstille sort som din forgrundsfarve og hvid som din baggrundsfarve.

Trin 6: Vælg Gradienten "Forgrund til baggrund"

Med det valgte gradientværktøj og vores forgrunds- og baggrundsfarver sat til sort og hvidt, skal du slå op i indstillingslinjen øverst på skærmen for at se, hvilken gradient du i øjeblikket har valgt. Hvis forhåndsvisningsområdet viser en sort til hvid gradient, er du klar til:

Forhåndsvisningsområdet for gradient, der viser en sort til hvid gradient.

Hvis det viser en anden gradient, skal du klikke på den lille pil ned til højre for forhåndsvisning af gradientområdet. Gradientvælgeren vises under den. Vælg gradienten "Forgrund til baggrund" i øverste venstre hjørne, og klik derefter hvor som helst uden for gradientvælgeren for at lukke den:

Klik på pilen til højre for forhåndsvisningsområdet for gradient og vælg gradienten i øverste venstre hjørne af Gradient Picker.

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

Nu hvor vi har vores sort til hvid gradient, kan vi bruge den til at blande baggrundslaget og det pixeliserede lag sammen og skabe vores første variation på effekten. Jeg vil have, at overgangsområdet for min blanding skal vises på tværs af fyrens ansigt, så halvdelen af ​​hans ansigt (og halvdelen af ​​billedet også) er pixeleret og den anden halvdel ikke. For at opnå det vil jeg klikke under hans højre øje og derefter holde min Shift- tast nede for at sikre mig, at jeg trækker i en vandret linje, skal jeg trække min mus helt tilbage til venstre kant af hans ansigt:

Træk en gradient gennem det område, hvor du ønsker, at blandingen mellem de to lag skal vises.

Området mellem hvor jeg startede og afsluttede min gradient vil blive overgangsområdet mellem det pixelbillede på "Lag 1" og det originale billede på baggrundslaget. Når jeg slipper min museknap, får jeg min overgangseffekt:

Den første virkning.

Trin 8: Fyld lagmasken med hvidt

Lad os se på en anden variation på vores "digitale pixel" -effekt. Først skal vi fjerne den gradient, vi føjede til lagmasken for et øjeblik siden. Vi kunne blot trykke på Ctrl + Z (Win) / Command + Z (Mac) for at fortryde det, men lad os i stedet fylde lagmasken ud med hvidt. For at gøre det, med lagmaske-miniature valgt i lagpaletten og hvid som vores nuværende baggrundsfarve, skal du bruge tastaturgenvejen Ctrl + Backspace (Win) / Command + Delete (Mac) til at udfylde lagmasken med baggrundsfarven (hvid) ). Lagmaske-miniaturebillede vises igen solidt hvidt, og billedet vises nu fuldstændigt pixeleret:

Tryk på "Alt + Backspace" (Win) / "Option + Delete" (Mac) for at fylde lagmasken med hvidt og afsløre hele det pixelerede lag i dokumentvinduet igen.

Trin 9: Vælg Børsteværktøjet

Vælg Børsteværktøjet fra værktøjspaletten, eller tryk på B for tastaturgenvejen:

Vælg børsteværktøjet

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

Ved hjælp af en blød kantbørste og med sort stadig som vores forgrundsfarve, vil jeg afsløre hoveddelen af ​​hans ansigt ved blot at male over det med mit børsteværktøj. Da jeg maler på lagmasken og ikke på selve billedet, vil jeg overalt hvor jeg maler med sort skjule det pixelerede lag og afsløre baggrundslaget under det. Jeg kan ændre størrelsen på min pensel ved hjælp af venstre og højre beslagstaster på mit tastatur, og jeg kan indstille min børste til en blød kant ved at holde Shift- tasten nede og trykke på den venstre beslagstast et par gange:

Brug en blød kantbørste til at male dele af det pixelede lag væk, og afsløre det originale billede nedenunder.

Her er mit billede efter at have afsløret hovedområdene i hans ansigt ved at male over dem med sort og give indtryk af, at han på en eller anden måde kigger gennem pixels:

De vigtigste dele af hans ansigt vises nu, som de var på det originale foto, mens resten af ​​fotoet forbliver pixeleret.

Trin 11: Sænk opaciteten af ​​det pixelerede lag

Jeg vil lade det originale billede delvist vises gennem det pixelbillede, og det kan jeg blot gøre ved at gå op til Opacity- indstillingen i øverste højre hjørne af lagpaletten og sænke opacitetsværdien. Jeg vil sænke det til omkring 75%:

Sænk det pixelerede lags opacitet for at tillade, at det originale billede delvis vises igennem.

Her er mit billede efter at have sænket opaciteten af ​​det pixeliserede lag og skabt vores anden variation på effekten:

Den anden variation på "digital pixel" -effekten.

Trin 12: Eksperimenter med forskellige blandingstilstande til det pixelerede lag for forskellige resultater

For at oprette endnu flere variationer på effekten skal du eksperimentere med forskellige blandingstilstande for det pixeliserede lag ved at gå op til blandingsindstillingsmulighederne i øverste venstre hjørne af lagpaletten og vælge forskellige på listen. Først vil jeg indstille opaciteten af mit pixelerede lag tilbage til hele 100%. Derefter vil jeg ændre min blandingstilstand for laget fra "Normal" til Darken :

Indstil opaciteten af ​​det pixelerede lag tilbage til 100%, og skift derefter blandingstilstanden for det pixelerede lag til "Mørkere".

Her er effekten, jeg får med det pixeliserede lag, der er indstillet til "Mørkere":

Billedet efter at have ændret blandetilstanden til "Mørkere".

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

Skift blandingstilstand til "Lys".

Her er effekten, jeg får med "Lighten" blandingstilstand:

Billedet efter at have ændret blandetilstanden til "Lysere".

Bare for at vise dig, hvor meget forskellige en effekt kan se ud ved blot at ændre lagblandingstilstande, vil vi prøve en mere. Jeg vil ændre min blandingstilstand denne gang til Hard Mix :

Skift blandingstilstand til "Hard Mix".

Jeg tror, ​​du er enig i, at effekten nu ser helt anderledes ud, selvom alt hvad vi har gjort, er ændret blandingstilstand:

Efter at have ændret blandetilstanden til "Hard Mix", får vi en helt anden lookeffekt.

Og der har vi det! Det er vores kig på, hvordan man opretter en enkel "digital pixel" -effekt og et eksempel på, hvordan vi kan oprette forskellige variationer på den samme effekt og endda skabe helt nye effekter ved at eksperimentere med lagmasker og blandetilstander i Photoshop.

Se vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!