I denne Photoshop Effects-opplæringen lærer vi hvordan du lager en "digital piksel" -effekt, som ofte blir brukt i annonser som selger alt å gjøre med digital. Vi skal først pixelere hele bildet ved hjelp av et veldig enkelt filter, og så eksperimentere vi med en lagmaske, opasitetsinnstillingen og noen lag-blandingsmodus for å skape forskjellige varianter av effekten vår. På slutten av opplæringen får vi til og med se hvordan noe så enkelt som å endre blandingsmodus for et lag kan skape en helt ny effekt!
Her er originalbildet jeg skal begynne med:
Det originale bildet.
Som sagt vil vi se på noen få forskjellige varianter av effekten. Her er den første vi jobber mot:
En av effektene vi vil skape i denne opplæringen.
Her er den andre:
En variasjon på samme effekt.
Og bare som et eksempel på hvor enkelt vi kan lage det som virker som en helt annen effekt bare ved å endre et lags blandingsmodus, avslutter vi med denne:
Den endelige variasjonen på effekten.
Denne opplæringen er fra Photo Effects-serien. La oss komme i gang!
Trinn 1: Dupliser bakgrunnslaget
Det første jeg trenger å gjøre for denne effekten er å duplisere bakgrunnslaget mitt. Når bildet mitt er åpent i Photoshop, kan jeg se i lagpaletten min at jeg for øyeblikket bare har ett lag, bakgrunnslaget, som inneholder bildet mitt:
Photoshops lagpalett som viser bakgrunnslaget.
Jeg skal duplisere det laget ved å bruke tastatursnarveien Ctrl + J (Win) / Kommando + J (Mac), og nå kan jeg se i lagpaletten min at jeg har to lag, med kopien av bakgrunnslaget over opprinnelig. Photoshop har kalt den "Lag 1":
Trykk "Ctrl + J" (Win) / "Kommando + J" (Mac) for å duplisere bakgrunnslaget.
Trinn 2: Pixelate Duplicate Layer
Neste gang må vi pixelere det nye laget, og vi kan gjøre det ved å gå opp til Filter- menyen øverst på skjermen, velge Pixelate og deretter velge Mosaic . Dette får opp dialogboksen "Mosaic" -filteret. Dra glidebryteren nederst for å endre alternativet for cellestørrelse, som øker eller reduserer antall og størrelse på piksler som er opprettet fra bildet. Dra til høyre skaper færre, men større piksler, mens du drar til venstre gir deg flere, men mindre piksler. Jeg skal angi cellestørrelse til omtrent 18:
"Mosaic" -filteret i Photoshop. Dra glidebryteren nederst for å øke eller redusere antall og størrelse på piksler.
Klikk OK for å gå ut av dialogboksen. Her er bildet mitt etter bruk av Mosaic-filteret:
Bildet etter å ha pixlet det med Mosaic-filteret.
Nå som vi har pikselert bildet, er det noen forskjellige ting vi kan gjøre med det, og vi ser på dem neste gang.
Trinn 3: Legg til et lagmaske
Jeg skal legge til en lagmaske til det pikslerte laget på dette tidspunktet. For å gjøre det, med "Lag 1" valgt, skal jeg klikke på ikonet Lagmaske nederst i lagpaletten:
Klikk på "Layer Mask" -ikonet.
Dette legger til en lagmaske til "Lag 1", og hvis vi ser i lagpaletten, kan vi se at den også legger til et lagmaske-miniatyrbilde til høyre for laginnholdets miniatyrbilde:
En lagmaske og lagmaske-miniatyrbilde er lagt til "Lag 1".
Vi kan også fortelle at lagmasken, ikke innholdet i laget, for øyeblikket er valgt av den hvite høydepunktrammen som vises rundt lagmaskenes miniatyrbilde.
Trinn 4: Velg Gradient Tool
Vi kommer til å bruke lagmasken vår til å blande det originale bildet på bakgrunnslaget og det pikseliserte bildet på "Lag 1" sammen, og for det trenger vi Gradient Tool, så enten velg det fra Verktøy-paletten eller trykk G på tastaturet ditt:
Velg Gradient Tool.
Trinn 5: Tilbakestill forgrunnen og bakgrunnsfargene hvis det er nødvendig
Vi vil ha sort som forgrunnen og farge som bakgrunn. Normalt er det Photoshops standard farger på bakgrunnen og bakgrunnen, bortsett fra når vi har valgt en lagmaske, som vi for øyeblikket gjør. Når vi har valgt en lagmaske, byttes standardfargene, og hvitt blir standard forgrunnsfarge og svart blir standard bakgrunnsfarge. For raskt å stille inn forgrunnen og bakgrunnsfargene til henholdsvis svart og hvitt (husk at vi har valgt en lagmaske), trykker du på D på tastaturet for å tilbakestille dem til standardverdiene, og trykk deretter X for å bytte dem. I verktøypaletten vil du se at fargeprøven i forgrunnen nå viser svart og bakgrunnsfargeprøven nå vises hvit:
Trykk "D" og deretter "X" på tastaturet for å stille inn svart som forgrunnen og hvitt som bakgrunnsfargen.
Trinn 6: Velg Gradienten "Forgrunnen til bakgrunnen"
Når Gradient Tool er valgt og forgrunnen og bakgrunnsfargene satt til svart og hvitt, kan du slå opp i Alternativer-linjen øverst på skjermen for å se hvilken gradient du har valgt for øyeblikket. Hvis forhåndsvisningsområdet for gradient viser en svart til hvit gradient, er du klar:
Forhåndsvisningsområdet for gradient som viser en svart til hvit gradient.
Hvis den viser litt annen gradient, klikker du på den lille pilen til høyre for forhåndsvisningsområdet. Gradient Picker vil vises under den. Velg gradienten "Forgrunnen til bakgrunnen" i øverste venstre hjørne, og klikk hvor som helst utenfor Gradient Picker for å lukke den:
Klikk på pilen som peker ned til høyre for forhåndsvisningsområdet for gradient, og velg gradienten øverst til venstre i Gradient Picker.
Trinn 7: Dra ut en svart til hvit gradient på lagmasken
Nå som vi har den svarte til hvite gradienten, kan vi bruke den til å blande bakgrunnsjiktet og det pikslerte laget sammen, og skape vår første variant av effekten. Jeg vil at overgangsområdet til blandingen min skal vises over fyrets ansikt, så halvparten av ansiktet hans (og halvparten av bildet også) er pixelert og den andre halvparten ikke. For å oppnå det, skal jeg klikke under høyre øye, og deretter holde Shift- tasten nede for å sikre at jeg drar i en horisontal linje, skal jeg dra musen helt til venstre på kanten av hans ansikt:
Dra ut en gradient gjennom området der du vil at blandingen mellom de to lagene skal vises.
Området mellom der jeg startet og fullførte gradienten min, blir overgangsområdet mellom det pikseliserte bildet på "Lag 1" og det opprinnelige bildet i bakgrunnslaget. Når jeg slipper museknappen, får jeg overgangseffekten:
Den første effekten.
Trinn 8: Fyll lagmasken med hvitt
La oss se på en annen variant av vår "digitale piksel" -effekt. Først må vi fjerne gradienten vi la til lagmasken for et øyeblikk siden. Vi kan ganske enkelt trykke Ctrl + Z (Win) / Command + Z (Mac) for å angre den, men la oss fylle lagmasken på nytt med hvitt i stedet. For å gjøre det, med lagmaskenes miniatyrbilde valgt i lagpaletten og hvit som vår nåværende bakgrunnsfarge, bruk tastatursnarveien Ctrl + Backspace (Win) / Command + Delete (Mac) for å fylle lagmasken med bakgrunnsfargen (hvit ). Lagmaskenes miniatyrbilde vil igjen vises helt hvitt, og bildet vil nå vises fullstendig pikselert igjen:
Trykk "Alt + Backspace" (Win) / "Alternativ + Delete" (Mac) for å fylle lagmasken med hvitt og avsløre hele det pixelerte laget i dokumentvinduet igjen.
Trinn 9: Velg Børsteverktøyet
Velg Børsteverktøyet fra Verktøy-paletten, eller trykk B for å snarveien på tastaturet:
Velg børsteverktøyet
Trinn 10: Mal med svart for å avsløre deler av bildet
Ved å bruke en myk kantbørste og med svart fremdeles som forgrunnen, vil jeg avsløre hoveddelen av ansiktet ved å male over det med mitt børsteverktøy. Siden jeg maler på lagmasken og ikke på selve bildet, vil hvor som helst jeg maler med svart skjule det pikseliserte laget og avsløre bakgrunnslaget under det. Jeg kan endre størrelse på børsten min når jeg bruker venstre og høyre braketast på tastaturet, og jeg kan sette penselen til en myk kant ved å holde nede Shift- tasten og trykke på den venstre braketttasten et par ganger:
Bruk en myk kantbørste til å male bort deler av det pikslerte laget, slik at originalen kommer under.
Her er mitt bilde etter å ha avslørt hovedområdene i ansiktet ved å male over dem med svart, og gitt inntrykk av at han på en eller annen måte ser gjennom pikslene:
Hoveddelene i ansiktet hans ser nå ut som på det originale bildet, mens resten av bildet forblir pixelert.
Trinn 11: Senk opaciteten til det pixelerte laget
Jeg kommer til å la det originale bildet delvis vises gjennom det pikseliserte bildet, og jeg kan gjøre det bare ved å gå til Opacity- alternativet øverst til høyre i Layer-paletten og senke opacitetsverdien. Jeg kommer til å senke det til rundt 75%:
Senk opaciteten til det pikslerte laget, slik at originalbildet delvis kan vises.
Her er mitt bilde etter å ha senket opaciteten til det pixelerte laget, og skapt vår andre variant av effekten:
Den andre variasjonen på "digital piksel" -effekt.
Trinn 12: Eksperimenter med forskjellige blandingsmodi for det pikslerte laget for forskjellige resultater
For å lage enda flere varianter av effekten, eksperimentere med forskjellige blandingsmodus for det pikslerte laget ved å gå til alternativene for blandingsmodus i øverste venstre hjørne av lagpaletten og velge forskjellige fra listen. Først skal jeg sette Opacity for det pixelerte laget mitt tilbake til hele 100%. Deretter skal jeg endre blandingsmodus for laget fra "Normal" til Darken :
Sett opaciteten til det pixelerte laget tilbake til 100%, og endre deretter blandingsmodusen til det pixelerte laget til "Mørkere".
Her er effekten jeg får med det pikseliserte laget satt til "Mørkere":
Bildet etter å ha endret blandingsmodus til "Mørkere".
La oss prøve Lighten blandingsmodus, igjen ved å endre den i øverste venstre hjørne av lagpaletten:
Endre blandingsmodus til "Lysne".
Her er effekten jeg får med "Lighten" blandingsmodus:
Bildet etter å ha endret blandingsmodus til "Lysere".
Bare for å vise deg hvor mye en annen effekt kan se ut ved å endre lagblandingsmodus, prøver vi en til. Jeg skal endre blandingsmodus denne gangen til Hard Mix :
Endre blandingsmodus til "Hard Mix".
Jeg tror du vil være enig i at effekten nå ser helt annerledes ut, selv om alt vi har gjort er å endre blandingsmodus:
Etter å ha endret blandingsmodus til "Hard Mix", får vi en helt annen effekt.
Og der har vi det! Det er vårt blikk på hvordan lage en enkel "digital piksel" -effekt og et eksempel på hvordan vi kan lage forskjellige varianter av den samme effekten, og til og med lage helt nye effekter, ved å eksperimentere med lagmasker og blandemodus i Photoshop.
Sjekk ut vår Photo Effects-seksjon for flere opplæringer om Photoshop-effekter!