I denne Photoshop Effects-opplæringen skal vi lære å gjøre et bilde om til en collage av firkanter. Det er en morsom effekt, og det er veldig enkelt å gjøre, spesielt siden det meste av arbeidet er enkel repetisjon, som vi skal se.

Her er det originale bildet jeg skal begynne med:

Og her er bildet med den ferdige "Collage of Squares" -effekten:

Som jeg sa, det meste av arbeidet er bare repetisjon, så når du først "kommer inn i sporet" med det du gjør, trenger du ikke engang å tenke på det. Du kan bare ha det gøy å skape effekten.

Denne opplæringen er fra Photo Effects-serien. La oss komme i gang!

Trinn 1: Dupliser bakgrunnslaget

Når bildet mitt er åpent i Photoshop, har jeg for øyeblikket bare ett lag, bakgrunnslaget, som inneholder det originale bildet:

Photoshops lagpalett som viser det opprinnelige bildet i bakgrunnslaget.

Jeg trenger å duplisere bakgrunnslaget, så jeg kommer til å bruke tastatursnarveien Ctrl + J (Win) / Kommando + J (Mac), som legger til en kopi av bakgrunnslaget i lagpaletten. Photoshop navngir automatisk kopien "Lag 1":

Trykk "Ctrl + J" (Win) / "Kommando + J" (Mac) for å duplisere bakgrunnslaget.

Trinn 2: Legg til et nytt lag mellom de to lagene og fyll det med hvitt

Vi må legge til et nytt tomt lag mellom de to lagene vi for øyeblikket har i lagpaletten. For å gjøre det, med "Lag 1" valgt, hold nede Ctrl (Win) / Command (Mac) -tasten på tastaturet ditt og klikk på ikonet for nytt lag nederst i lagpaletten. Normalt legger Photoshop til det nye laget over det valgte laget, men ved å holde Ctrl / Command nede, ber dette Photoshop legge til det nye laget under det i stedet:

Hold nede "Ctrl" (Win) / "Command" (Mac) og klikk på "New Layer" -ikonet for å legge til et nytt lag mellom de to eksisterende lagene i lagpaletten.

Jeg har nå mitt nye blanke lag, "Lag 2", mellom de to andre lagene:

Det nye blanke laget ligger nå mellom bakgrunnsjiktet og "Lag 1".

Bare en rask merknad før vi fortsetter …. Vi kommer til å ende opp med mange lag når denne effekten er ferdig, og normalt vil det bety at vi absolutt vil forsikre oss om at vi navngir lagene våre som vi går. Men i dette tilfellet vil du sannsynligvis bli gal av å prøve å komme med beskrivende navn for hvert lag, så med mindre den slags ting appellerer til deg, ville jeg ikke bekymre meg for å navngi lagene dine når du opprettet denne effekten. Generelt sett er det å navngi lag en vane du bør komme inn på.

Når det er sagt, la oss fortsette. Vi må fylle dette nye laget med hvitt, siden vi kommer til å bruke hvitt som bakgrunnsfarge for effekten, så trykk bokstaven D på tastaturet for å tilbakestille forgrunnen og bakgrunnsfargene, som gjør hvit til bakgrunnsfargen, og med det nye tomme laget valgt i lagpaletten, bruk tastatursnarveien Ctrl + Backspace (Win) / Command + Delete (Mac) for å fylle laget med hvitt.

Du vil ikke se noe skje i dokumentvinduet, siden kopien av bakgrunnslaget blokkerer "Lag 2" fra visningen, men hvis du ser i lagpaletten, vil du se at forhåndsvisningen av miniatyrbildet for laget nå er fylt med hvitt:

Forhåndsvisningen av miniatyrbilder for "Lag 2" er nå fylt med hvitt i lag-paletten, selv om "Lag 1" for øyeblikket blokkerer det fra visning i dokumentvinduet.

Trinn 3: Dra ut et firkantet utvalg rundt deler av bildet

Jeg kommer til å klikke tilbake på kopien av bakgrunnsjiktet mitt, "Lag 1", i lagpaletten for å velge det. Så skal jeg ta tak i det rektangulære markeringsverktøyet fra verktøypaletten:

Velg det rektangulære markeringsverktøyet fra Verktøy-paletten.

Jeg kunne også trykke på M på tastaturet for å raskt velge det. Deretter, med det rektangulære markeringsverktøyet i hånden og "Lag 1" valgt i lagpaletten, skal jeg dra ut et firkantet utvalg inne i bildet. Jeg drar en firkant rundt guttens ansikt til høyre:

Bruk det rektangulære markeringsverktøyet for å tegne et firkantet utvalg inne i bildet.

For å begrense markeringen til et perfekt torg, holder du nede Skift mens du drar.

Trinn 4: Legg til et lagmaske

Når du har valgt det kvadratformede valget, og igjen sørger for at "Lag 1" er valgt i lagpaletten, klikker du på ikonet Legg til et lagmaske nederst i lagpaletten:

Klikk på "Legg til et lagmaske" -ikonet nederst på lagpaletten.

Dette vil legge til en lagmaske til "Lag 1", og fordi jeg hadde valgt et område av bildet da jeg klikket på "Legg til et lagmaske" -ikonet, vil Photoshop bruke det valget til å lage masken, noe som betyr at bare området til bildet som var inne i utvalget - guttens ansikt - vil forbli synlig i dokumentvinduet. Resten av bildet blir skjult for å se, og avsløre det hvitfylte laget under det:

Det firkantede området rundt guttens ansikt er nå alt som er synlig for bildet. Den hvite bakgrunnen er nå synlig bak seg.

Trinn 5: Fjern koblingen til lagmasken fra laginnholdet

Hvis vi ser på lagpaletten vår en gang til, kan vi se lagmasken som er lagt til "Lag 1". Masken er fylt med svart, bortsett fra det lille firkantede området som er hvitt, som er området rundt guttens ansikt som vises i dokumentvinduet. Hvis du ser nøye, vil du også se et lite koblingsikon mellom lagminiatyren og miniatyrbildet av masken:

Ikonet for "lagkobling" mellom lagminiatyren og lagmaskenes miniatyrbilde for "Lag 1".

Når det koblingsikonet er synlig, betyr det at innholdet i laget (bildet) og lagmasken er, vel, koblet. Hvis du flytter en, flytter du dem begge. Det er ikke det vi ønsker. Vi ønsker å kunne bevege masken uten å bevege bildet. For å gjøre det, alt vi trenger å gjøre er å klikke på koblingsikonet, som får den til å forsvinne, på hvilket tidspunkt lagmasken kan flyttes uavhengig av laginnholdet. Jeg kommer til å klikke på lenkeikonet for å fjerne det:

Koblingsikonet mellom lagminiatyren og lagmasken er nå borte. Vi kan nå bevege masken uten å bevege bildet.

Trinn 6: Legg en hvit "ytre glød" lagstil til masken

For å kunne se kantene på rutene når vi skaper effekten, kommer jeg til å legge en "Outer Glow" lagstil til masken. Først skal jeg klikke direkte på lagmaskenes miniatyrbilde for å velge den. Jeg kan fortelle at den er valgt når den har en markeringsboks rundt seg. Deretter, med masken valgt, skal jeg klikke på ikonet for nytt justeringslag nederst på lagpaletten:

Når lagmasken er valgt, klikker du på ikonet "Nytt justeringslag".

Så velger jeg Ytre glød fra listen som vises:

Velg lag "Outer Glow".

Dette får opp Photoshops Layer Style- dialogboks med alternativene Ytre glød i den midterste kolonnen. Som standard bruker stilen for ytre glød en gulaktig farge. Jeg vil endre det til hvitt, for å gjøre det, jeg kommer til å klikke direkte på fargen fargeprøven på Outer Glow:

Klikk på fargeprøven i alternativene Ytre glød for å endre glødens farge.

Når jeg klikker på fargeprøven, vises Photoshop's Color Picker . Jeg skal velge hvitt i øverste venstre hjørne:

Klikk i øverste venstre hjørne av fargevelgeren for å velge hvitt som ytre glødfarge.

Så klikker jeg OK for å gå ut av Color Picker. Min ytre glødfarge er nå hvit.

Jeg kommer til å forlate alle de andre alternativene for Outer Glow alene og bare klikke OK på dette punktet for å gå ut av dialogboksen Lagstil. Den hvite ytre glød blir lagt til lagmasken. Vi vil ikke kunne se det på bildet ennå fordi det er en hvit glød mot hvit bakgrunn, men vi får se den når vi begynner å legge til flere firkantede seksjoner i bildet, slik vi skal gjøre.

Trinn 7: Dupliser laget

Husker du i begynnelsen av denne opplæringen da jeg sa at det meste av arbeidet er enkel repetisjon? Vel, det er her det begynner. Disse neste par trinnene vil bli gjentatt om og om igjen, men ikke bekymre deg, de er enkle. Først, med "Lag 1" valgt i lagpaletten, skal jeg duplisere det ved å bruke tastatursnarveien Ctrl + J (Win) / Command + J (Mac). Jeg har nå en nøyaktig kopi av den øverst på lagpaletten:

Lagpaletten viser nå duplikatet av "Lag 1" øverst.

Når jeg sier "nøyaktig kopi", mener jeg nøyaktig kopi. Ikke bare inneholder kopien bildet, den inneholder også en kopi av masken og stilen for ytre glød, så vi slipper å legge til en annen maske eller en annen ytre glød selv. Alt er allerede der for oss. Fordi laginnholdet og lagmasken på "Lag 1" ikke var koblet, er de heller ikke koblet på kopien, noe som er akkurat det vi ønsker.

Trinn 8: Flytt lagmasken til et nytt sted for å lage det andre torget

Jeg skal ta flytteverktøyet mitt fra verktøypaletten:

Velg Flytt verktøyet fra verktøypaletten.

Jeg kunne også trykke V på tastaturet for å velge det. Deretter, i lagpaletten, skal jeg klikke på duplikatlagets maske-miniatyrbilde for å velge den, og sørge for at jeg har valgt masken og ikke selve laget. Miniatyrbildet av masken vil ha en uthevingsboks rundt seg for å indikere at den er valgt:

Klikk på lagmaskenes miniatyrbilde i lagpaletten for å velge den. Den vil ha en uthevingsboks rundt seg for å indikere at den er valgt.

Deretter, med lagmasken valgt, skal jeg bare klikke inne i dokumentvinduet og dra masken til et nytt sted, som skal lage det andre torget. Jeg drar den ned og til venstre så øverste høyre hjørne overlapper det nederste venstre hjørnet av det opprinnelige torget:

Dra masken til et nytt sted i bildet for å lage det andre torget.

Jeg har nå to firkanter, og hvis du ser i øverste høyre hjørne av den jeg nettopp opprettet, kan du se den hvite ytre glød som definerer kantene på torget.

Trinn 9: Fortsett å duplisere laget og dra masken for å lage flere firkanter

På dette tidspunktet handler det ganske enkelt om å gjenta de to siste trinnene til hovedområdene i bildet er synlige i rutene. Så først trykker du på Ctrl + J (Win) / Command + J (Mac) for å duplisere laget. Deretter, og denne delen er veldig viktig, klikker du på lagmaskenes miniatyrbilde av det nyopprettede laget for å sikre at du har valgt masken, ikke laginnholdet. Hvis du prøver å dra masken for å opprette en ny firkant og i stedet ser bildet inne i ruta bevege seg, har du selve laget valgt ved en feiltakelse. I så fall trykker du på Ctrl + Z (Win) / Command + Z (Mac) for å angre. Klikk deretter på miniatyrbildet av lagmasken og prøv igjen.

Fortsett denne prosessen med å duplisere laget, velge masken og dra masken til et nytt sted i bildet til alle de viktige områdene i bildet vises. Det er greit å overlappe rutene, og ikke vær redd for å la et og annet tomt mellomrom heller. Det øker bare effekten.

Jeg kommer til å fortsette å duplisere laget og flytte masken til alle fire personer på bildet vises inne i rutene. Her er bildet mitt etter å ha laget nok firkanter til å bringe resten av gutten inn i bildet:

Bildet etter å ha lagt nok firkanter til å bringe gutten til venstre i sikte.

Etter å ha duplisert flere lag og flyttet maskene rundt for å lage flere firkanter, har jeg brakt guttens mor og yngre bror til virkning:

Etter å ha lagt til flere firkanter er nå guttens mor og yngre bror synlig.

Endelig har jeg lagt til nok firkanter til å se alle hovedområdene på bildet. Jeg har også sørget for at alle fire menneskers ansikter er tydelig synlige på bildet og ikke blir skivet opp langs kantene på noen firkanter. Det vil bare være galt:

Nå er det lagt til nok firkanter for å få hovedområdene på bildet til syne.

Trinn 10: Dupliser et annet lag og reduser størrelsen på torget til 50%

Hoveddelen av effekten er nå fullført, og for posten har jeg nå hele 36 firkanter på bildet. Du kan ha mer, kanskje har du mindre. Det avhenger virkelig av bildet du bruker og hvor mange firkanter du tror det tar før effekten ser "riktig ut". Jeg kommer til å avslutte effekten ved å legge til noen mindre firkanter i hjørnene og rundt ytterkantene.

For å gjøre det, skal jeg duplisere et nytt lag med Ctrl + J (Windows / Kommando + J (Mac), og så klikker jeg på lagmasken for å velge det, akkurat som jeg har gjort 36 ganger allerede. Denne gangen, i stedet for bare å flytte masken for å lage en annen firkant, skal jeg trykke på Ctrl + T (Win) / Command + T (Mac) for å få opp Photoshops gratis transformeringsboks og håndtak rundt torget, og så Jeg skal dra et av hjørnehåndtakene innover for å redusere størrelsen på torget med omtrent 50%. Når jeg drar håndtaket innover, skal jeg holde Shift + Alt (Win) / Shift + Alternativ (Mac) nede, som kommer til å begrense masken til et perfekt torg og be Photoshop om å endre størrelsen på torget fra sentrum:

Bruk "Free Transform" for å redusere størrelsen på den firkantede masken med omtrent 50%.

Når jeg har endret størrelse på firkanten til omtrent halvparten av sin opprinnelige størrelse, trykker jeg på Enter (Win) / Return (Mac) for å godta transformasjonen, og så akkurat som jeg har gjort med de andre rutene, bruker jeg Flytt verktøyet for å dra det til et nytt sted, denne gangen et sted rundt collageens ytterkant:

Bruk Move-verktøyet til å dra den mindre firkanten til et sted langs ytterkanten av collagen.

Trinn 11: Fortsett å legge til flere mindre firkanter rundt collageens ytre kanter

Fortsett å duplisere laget med den mindre firkantede masken og flytt de mindre rutene til ytterkantene av collagen. Legg igjen så mange du trenger for å få effekten til å se "riktig ut" for deg. Her er min etter å ha lagt flere mindre firkanter rundt kantene. Jeg har også lagt til noen her og der i hoveddelen av bildet for å legge til litt variasjon:

Bildet etter å ha lagt nok firkanter til å bringe gutten til venstre i sikte.

Trinn 12: Slå sammen alle de firkantede maskelagene i ett

Etter å ha lagt alle mine mindre firkanter til bildet, har jeg nå en total sum av 56 firkanter, noe som betyr at jeg har 56 lag som inneholder en firkantet maske. Jeg vil fullføre effekten ved å legge en dråpe skygge til collagen, men jeg kan ikke gjøre det veldig lett når collagen består av 56 separate lag. Jeg trenger å slå dem sammen i ett lag. For å gjøre det, i Lag-paletten min, vil jeg klikke på det øverste laget for å velge det. Så skal jeg bla helt ned og Shift-klikke på "Lag 1", som er laget som startet hele collagen. Dette vil velge alle de firkantede maskelagene samtidig (du vil se dem alle valgt i lagpaletten).

Med dem alle valgt, trykk Ctrl + E (Win) / Command + E (Mac) for å slå dem sammen på et enkelt lag over det hvite fylte laget. Du har nå bare tre lag i lagpaletten - bakgrunnslaget, det hvite fylte laget og det sammenslåtte laget:

Lagpaletten viser nå bare tre lag, inkludert det nylig sammenslåtte laget øverst.

Trinn 13: Legg til en drop Shadow for å fullføre effekten

Når det sammenslåtte laget er valgt, klikker du nok en gang på ikonet for nytt justeringslag nederst på lagpaletten, og velger denne gangen Drop Shadow fra listen:

Når det sammenslåtte laget er valgt, klikker du på ikonet "Nytt justeringslag" og velger "Drop Shadow".

Dette kommer til å bringe Photoshops Layer Style- dialogboks opp igjen, denne gangen satt til Drop Shadow-alternativene. Det eneste alternativet jeg kommer til å endre er Opacity . Jeg vil bare ha en subtil fallskygge, ingenting som vil fjerne oppmerksomheten fra selve collagen, så jeg kommer til å senke opacitetsverdien helt ned til 25%:

Senk opacitetsverdien til dråpsskyggen slik at den er mer subtil.

Klikk OK for å avslutte dialogboksen Layer Style, så er vi ferdige! Her er min endelige "Collage of Squares" -effekt:

Den endelige effekten.

Og der har vi det! Slik kan du gjøre et bilde om til en collage av ruter med Photoshop! Besøk vår Photo Effects-seksjon for flere opplæringer om Photoshop-effekter!