I denne Photoshop-effekter-tutorial skal vi lære, hvordan man omdanner et foto til en collage af firkanter. Det er en sjov effekt, og det er virkelig nemt at gøre, især da det meste af arbejdet er enkel gentagelse, som vi skal se.

Her er det originale billede, jeg begynder med:

Og her er billedet med den afsluttede "Collage of Squares" -effekt:

Som jeg sagde, det meste af arbejdet er bare gentagelse, så når du først "kommer ind i rillen" med det, du laver, behøver du ikke engang at tænke over det. Du kan bare have det sjovt med at skabe effekten.

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

Trin 1: Duplicerer baggrundslaget

Når mit billede er åbent i Photoshop, har jeg i øjeblikket kun et lag, baggrundslaget, der indeholder mit originale billede:

Photoshop's lagpalette, der viser det originale billede på baggrundslaget.

Jeg er nødt til at duplikere baggrundslaget, så jeg vil bruge tastaturgenvejen Ctrl + J (Win) / Kommando + J (Mac), som tilføjer en kopi af baggrundslaget i lagpaletten. Photoshop navngiver automatisk kopien "Lag 1":

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

Trin 2: Tilføj et nyt lag mellem de to lag, og udfyld det med hvidt

Vi er nødt til at tilføje et nyt tomt lag mellem de to lag, vi i øjeblikket har, i lagpaletten. For at gøre det, med "Lag 1" valgt, skal du holde Ctrl (Win) / Kommando (Mac) -tasten nede på dit tastatur og klikke på ikonet Nyt lag i bunden af ​​lagpaletten. Normalt tilføjer Photoshop det nye lag over det aktuelt valgte lag, men ved at holde Ctrl / Command nede, fortæller dette Photoshop at tilføje det nye lag under det i stedet:

Hold "Ctrl" (Win) / "Command" (Mac) nede, og klik på ikonet "New Layer" for at tilføje et nyt lag mellem de to eksisterende lag i paletten Lag.

Jeg har nu mit nye blanke lag, "Lag 2", mellem de to andre lag:

Det nye tomme lag er nu mellem baggrundslaget og "Lag 1".

Bare en hurtig note, før vi fortsætter …. Vi vil ende med masser af lag, når denne effekt er færdig, og normalt ville det betyde, at vi bestemt vil sikre os, at vi navngiver vores lag som vi går. Men i dette tilfælde ville du sandsynligvis køre dig selv gal ved at prøve at komme med beskrivende navne for hvert lag, så medmindre den slags ting appellerer til dig, ville jeg ikke bekymre mig om at navngive dine lag, når jeg opretter denne effekt. Generelt er navngivende lag imidlertid en vane, du skal komme ind på.

Når det er sagt, lad os fortsætte. Vi er nødt til at udfylde dette nye lag med hvidt, da vi vil bruge hvidt som vores baggrundsfarve til effekten, så tryk på bogstavet D på dit tastatur for at nulstille dine forgrunds- og baggrundsfarver, hvilket gør hvid til din baggrundsfarve, og derefter med det nye tomme lag valgt i paletten Lag, brug tastaturgenvejen Ctrl + Backspace (Win) / Command + Delete (Mac) til at udfylde laget med hvidt.

Du vil ikke se, at der sker noget i dit dokumentvindue, da kopien af ​​baggrundslaget blokerer "Lag 2" fra visningen, men hvis du kigger i lagpaletten, vil du se, at miniatureeksemplet for laget nu er fyldt med hvidt:

Miniatureeksempel til "Lag 2" er nu fyldt med hvidt i paletten Lag, selvom "Lag 1" i øjeblikket blokerer det fra visning i dokumentvinduet.

Trin 3: Træk et firkantet valg rundt om en del af billedet

Jeg vil klikke tilbage på kopien af ​​mit baggrundslag "Lag 1" i paletten Lag for at vælge det. Så griber jeg fat i mit rektangulære markeringsværktøj fra paletten Værktøjer:

Vælg det rektangulære markeringsværktøj fra paletten Værktøjer.

Jeg kunne også trykke på M på mit tastatur for hurtigt at vælge det. Derefter, med det rektangulære markeringsværktøj i hånden og "Lag 1" valgt i paletten Lag, vil jeg trække et firkantet udvalg inde i billedet. Jeg trækker en firkant rundt om drengens ansigt til højre:

Brug det rektangulære markeringsværktøj til at tegne et firkantet valg inde i billedet.

For at begrænse markeringen til en perfekt firkant skal du holde Skift nede, mens du trækker.

Trin 4: Tilføj en lagmaske

Når du har valgt din firkantede markering og igen skal sikre dig, at "Lag 1" er valgt i paletten Lag, skal du klikke på ikonet Tilføj et lagmaske nederst i lagpaletten:

Klik på ikonet "Tilføj et lagmaske" i bunden af ​​lagpaletten.

Dette tilføjer en lagmaske til "Lag 1", og fordi jeg havde valgt et område af billedet, da jeg klikkede på ikonet "Tilføj et lagmaske", vil Photoshop bruge det valg til at oprette masken, hvilket betyder, at kun området af billedet, der var inde i markeringen - drengens ansigt - forbliver synligt i dokumentvinduet. Resten af ​​billedet skjules for visningen, hvilket afslører det hvidfyldte lag under det:

Det firkantede område omkring drengens ansigt er nu alt, hvad der er synligt af billedet. Den hvide baggrund er nu synlig bagved.

Trin 5: Fjern tilknytningen til lagmasken fra lagindholdet

Hvis vi igen ser på vores lagpalette, kan vi se den lagmaske, der er føjet til "Lag 1". Masken er fyldt med sort, bortset fra det lille firkantede område, der er hvidt, hvilket er området omkring drengens ansigt, der vises i dokumentvinduet. Hvis du ser nøje, ser du også et lille linkikon mellem lag-miniature og maske-miniaturebillede:

Ikonet for "laglink" mellem lagets miniature og lagmaske-miniaturebilledet for "Lag 1".

Når dette linkikon er synligt, betyder det, at indholdet af laget (billedet) og lagmasken er vel forbundet. Hvis du flytter en, flytter du dem begge. Det er ikke det, vi ønsker. Vi ønsker at være i stand til at flytte masken uden at flytte billedet. For at gøre det, alt hvad vi skal gøre er at klikke på det linkikon, som får det til at forsvinde, på hvilket tidspunkt lagmasken kan flyttes uafhængigt af lagindholdet. Jeg vil klikke på linkikonet for at fjerne det:

Linkikonet mellem lagminiaturen og lagmasken er nu væk. Vi kan nu flytte masken uden at flytte billedet.

Trin 6: Tilføj en hvid "ydre glød" lagstil til masken

For at kunne se kanterne på firkanterne, når vi skaber effekten, vil jeg tilføje en "Outer Glow" lagstil til masken. Først skal jeg klikke direkte på lagmaskenes miniature for at vælge det. Jeg kan fortælle, at det er valgt, når det har en fremhævningsboks omkring sig. Derefter, med den valgte maske, skal jeg klikke på ikonet Nyt justeringslag i bunden af ​​lagpaletten:

Når lagmasken er valgt, skal du klikke på ikonet "Nyt justeringslag".

Derefter skal jeg vælge Ydre glød fra listen, der vises:

Vælg lagstilen "Ydre glød".

Dette bringer Photoshop's Layer Style- dialogboks op med indstillingerne for Yderglød i midterste kolonne. Som standard bruger stilen Outer Glow-lag en gullig farve. Jeg vil ændre det til hvidt, så for at gøre det, skal jeg klikke direkte på Outer Glow's farveprøve :

Klik på farveprøven i Outer Glow-indstillingerne for at ændre glødens farve.

Når jeg klikker på farveprøven, vises Photoshop's Color Picker . Jeg vælger hvidt i øverste venstre hjørne:

Klik i øverste venstre hjørne af farvevælgeren for at vælge hvidt som farven Ydre glød.

Så klikker jeg på OK for at afslutte farvevælgeren. Min ydre glødfarve er nu hvid.

Jeg overlader alle de andre muligheder for den ydre glød alene og klikker bare på OK på dette tidspunkt for at afslutte dialogboksen Lagstil. Den hvide ydre glød føjes til lagmasken. Vi kan ikke se det på billedet endnu, fordi det er en hvid glød mod en hvid baggrund, men vi ser det, når vi begynder at tilføje flere firkantede sektioner til billedet, som vi er ved at gøre.

Trin 7: Duplicerer laget

Husker du i begyndelsen af ​​denne tutorial, da jeg sagde, at det meste af arbejdet er enkel gentagelse? Nå, det er her det begynder. Disse næste par trin gentages igen og igen, men rolig, de er lette. Først med "Lag 1" valgt i paletten Lag, vil jeg duplikere det ved hjælp af tastaturgenvejen Ctrl + J (Win) / Kommando + J (Mac). Jeg har nu en nøjagtig kopi af den øverst på lagpaletten:

Lagpaletten viser nu duplikatet af "Lag 1" øverst.

Når jeg siger "nøjagtig kopi", mener jeg nøjagtig kopi. Ikke kun indeholder kopien billedet, den indeholder også en kopi af masken og Outer Glow-lagstilen, så vi behøver ikke tilføje en anden maske eller en anden ydre glød selv. Alt er der allerede for os. Fordi lagindholdet og lagmasken på "Lag 1" ikke var knyttet, er de heller ikke knyttet til kopien, hvilket er nøjagtigt hvad vi ønsker.

Trin 8: Flyt lagmasken til en ny placering for at oprette den anden firkant

Jeg tager fat i mit Flyt-værktøj fra paletten Værktøjer:

Vælg Flyt værktøjet fra værktøjspaletten.

Jeg kunne også trykke på V på mit tastatur for at vælge det. Derefter skal jeg i lagpaletten klikke på duplikatlagets maske-miniaturebillede for at vælge den, så jeg sørger for, at jeg har valgt masken og ikke selve laget. Maske-miniatyren har et fremhævningsfelt omkring det for at indikere, at det er valgt:

Klik på lagmaskenes miniature i lagpaletten for at vælge den. Det vil have en fremhævningsboks omkring sig for at indikere, at den er valgt.

Derefter, med den valgte lagmaske, skal jeg blot klikke inde i dokumentvinduet og trække masken til en ny placering, som vil oprette den anden firkant. Jeg trækker den ned og til venstre, så øverste højre hjørne overlapper det nederste venstre hjørne af det originale firkant:

Træk masken til et nyt sted i billedet for at oprette den anden firkant.

Jeg har nu to firkanter, og hvis du ser i øverste højre hjørne af det, jeg lige har oprettet, kan du se den hvide ydre glød, der definerer kanterne på firkanten.

Trin 9: Fortsæt med at kopiere laget og træk masken for at oprette flere firkanter

På dette tidspunkt er det simpelthen et spørgsmål om at gentage de sidste to trin, indtil de vigtigste områder af billedet er synlige inde i firkanterne. Så først trykker du på Ctrl + J (Win) / Command + J (Mac) for at kopiere laget. Derefter, og denne del er meget vigtig, skal du klikke på lagmasken-miniaturebilledet for det nyoprettede lag for at sikre dig, at du har valgt masken, ikke lagindholdet. Hvis du prøver at trække masken for at oprette en ny firkant og i stedet ser billedet inde i firkanten bevæge sig, har du selve laget valgt ved en fejltagelse. I så fald skal du trykke på Ctrl + Z (Win) / Command + Z (Mac) for at fortryde, klik derefter på lagmasken-miniaturebilledet og prøv igen.

Fortsæt denne proces med at duplikere laget, vælge masken og trække masken til et nyt sted i billedet, indtil alle de vigtige områder på billedet vises. Det er okay at overlappe firkanterne, og vær ikke bange for at efterlade en lejlighedsvis tom plads mellem dem heller. Det øger blot effekten.

Jeg vil fortsætte med at kopiere laget og flytte masken, indtil alle fire personer på billedet vises inde i firkanterne. Her er mit billede efter at have oprettet nok firkanter til at bringe resten af ​​drengen ind i billedet:

Billedet efter at have tilføjet tilstrækkelige firkanter til at bringe drengen til venstre i syne.

Efter at have duplikeret flere lag og flyttet maskerne rundt for at skabe flere firkanter, har jeg bragt drengens mor og yngre bror til virkning:

Efter at have tilføjet flere firkanter er drengens mor og yngre bror nu synlige.

Endelig har jeg tilføjet tilstrækkelige firkanter til at få vist alle de vigtigste områder på fotoet. Jeg har også sørget for, at alle fire menneskers ansigter er tydeligt synlige på billedet og ikke bliver skåret op i kanterne på nogen firkanter. Det ville bare være forkert:

Der er nu tilføjet tilstrækkelige firkanter til at få hovedfotografierne til syne.

Trin 10: Dupliker et andet lag og reducer størrelsen på pladsen til 50%

Hoveddelen af ​​effekten er nu færdig, og for rekorden har jeg nu i alt 36 firkanter på billedet. Du har måske mere, måske har du mindre. Det afhænger virkelig af det billede, du bruger, og hvor mange firkanter du tror, ​​det tager, før effekten ser "rigtig ud". Jeg vil afslutte effekten ved at tilføje nogle mindre firkanter i hjørnerne og omkring yderkanterne.

For at gøre det, vil jeg duplikere et andet lag med Ctrl + J (Windows / Kommando + J (Mac)), og så klikker jeg på lagmasken for at vælge det, ligesom jeg allerede har gjort 36 gange. Men denne gang, snarere end blot at flytte masken for at oprette en anden firkant, vil jeg trykke på Ctrl + T (Win) / Command + T (Mac) for at hente Photoshop's Free Transform- boks og håndtag rundt om pladsen, og så Jeg vil trække et af hjørnehåndtagene indad for at reducere størrelsen på kvadratet med ca. 50%. Når jeg trækker håndtaget indad, vil jeg holde Shift + Alt (Win) / Shift + Option (Mac) nede, som vil begrænse masken til en perfekt firkant og fortæl Photoshop om at ændre størrelsen på pladsen fra dens centrum:

Brug "Free Transform" for at reducere størrelsen på den firkantede maske med ca. 50%.

Når jeg har ændret størrelsen på kvadratet til cirka halvdelen af ​​sin oprindelige størrelse, skal jeg trykke på Enter (Win) / Return (Mac) for at acceptere transformationen, og derefter, ligesom jeg har gjort med de andre firkanter, bruger jeg Flyt værktøjet til at trække det til et nyt sted, denne gang et eller andet sted rundt om collageens ydre kant:

Brug Flyt-værktøjet til at trække det mindre firkant til et sted langs collagens ydre kant.

Trin 11: Fortsæt med at tilføje flere mindre firkanter rundt om collagens ydre kanter

Fortsæt med at duplikere laget med den mindre firkantede maske og flyt de mindre firkanter til collageens ydre kanter. Igen skal du tilføje så mange som du har brug for for at få effekten til at se "rigtig ud" for dig. Her er min efter at have tilføjet flere mindre firkanter rundt om kanterne. Jeg har også tilføjet nogle her og der i hoveddelen af ​​billedet for at tilføje en lille variation:

Billedet efter at have tilføjet tilstrækkelige firkanter til at bringe drengen til venstre i syne.

Trin 12: Flet alle de firkantede masker i ét

Efter at have tilføjet alle mine mindre firkanter til billedet, har jeg nu et samlet antal af 56 firkanter, hvilket betyder, at jeg har 56 lag, der indeholder en firkantet maske. Jeg vil fuldføre effekten ved at tilføje en dråbe skygge til collagen, men jeg kan ikke gøre det meget let, når collagen består af 56 separate lag. Jeg er nødt til at flette dem alle sammen på et lag. For at gøre det vil jeg i min lagpalette klikke på det øverste lag for at vælge det. Så skal jeg rulle helt ned og skifte-klikke på "Lag 1", som er det lag, der startede hele collagen. Dette vælger alle de firkantede maskeringer på én gang (du vil se dem alle valgt i lagpaletten).

Når de alle er valgt, skal du trykke på Ctrl + E (Win) / Command + E (Mac) for at flette dem alle sammen på et enkelt lag over det hvidfyldte lag. Du har nu kun tre lag i paletten Lag - Baggrundslaget, det hvide udfyldte lag og det sammenlagte lag:

Lagpaletten viser nu kun tre lag, inklusive det nyligt fusionerede lag øverst.

Trin 13: Tilføj en drop Shadow for at fuldføre effekten

Når det fusionerede lag er valgt, skal du igen klikke på ikonet Nyt justeringslag i bunden af ​​lagpaletten, og vælg denne gang Drop Shadow fra listen:

Når det sammensatte lag er valgt, skal du klikke på ikonet "Nyt justeringslag" og vælge "Drop Shadow".

Dette vil bringe Photoshop's Layer Style- dialogboks tilbage, denne gang indstillet til drop Shadow-indstillingerne. Den eneste mulighed, jeg vil ændre, er Opacity . Jeg vil bare have en subtil dråbe skygge, intet der vil fjerne opmærksomheden fra selve collagen, så jeg vil sænke opacitetsværdien helt ned til 25%:

Sænk opacitetsværdien af ​​dropskyggen, så den er mere subtil.

Klik på OK for at afslutte dialogboksen Lagstil, og vi er færdige! Her er min endelige "Collage of Squares" -effekt:

Den endelige virkning.

Og der har vi det! Sådan gør du et foto til en collage af firkanter med Photoshop! Besøg vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!