Lær hvordan du nemt kan omdanne et enkelt billede til en sjov, firkantet fotocollage med Photoshop!

For at oprette fotocollageeffekten starter vi med at beskære billedet i en firkant, og derefter deler vi det op i mindre firkanter. Vi tilføjer en kant omkring hver enkelt, så de ser ud som separate fotos, og så flytter vi og drejer dem på plads. Endelig ændrer vi baggrundsfarven, og vi afslutter med at tilføje en dråbe skygge bag effekten.

Her er det billede, jeg bruger. Jeg downloadede denne fra Adobe Stock:

Det originale billede. Fotokredit: Adobe Stock.

Og her er hvordan fotocollagen vil se ud, når vi er færdige:

Den endelige virkning af fotocollage.

Lad os komme igang!

Sådan opretter du en firkantet fotocollage

Til denne tutorial bruger jeg Photoshop CC, men alt er kompatibelt med Photoshop CS6. Du kan også følge med på min video af denne tutorial på vores YouTube-kanal. Eller download denne tutorial som en printklar PDF!

Trin 1: Beskær billedet i en firkant

Den første ting, vi skal gøre, er at beskære vores image til en firkant. Vælg beskæringsværktøjet fra værktøjslinjen:

Valg af beskæringsværktøj.

I indstillingslinjen skal du indstille billedformatet til firkant :

Indstilling af billedforholdet til firkantet.

Photoshop tilføjer en indledende firkantet beskæringsramme rundt om billedet:

Den indledende firkantede afgrødekant.

Tilbage i indstillingslinjen, skal du sikre dig, at Slet beskårne pixels er markeret:

Slet beskærede pixels skal være tændt.

Træk derefter beskæringshåndtagene for at ændre størrelsen på kanten omkring dit motiv. Hvis du arbejder med et portræt, kan du prøve at holde personens vigtigste ansigtstræk (deres øjne, næse og mund) inden for det centrale firkant:

Ændre størrelse på beskæringsrammen omkring emnet.

For at beskære billedet skal du trykke på Enter (Win) / Return (Mac):

Resultatet efter beskæring af billedet i en firkant.

Trin 2: Tilføj nogle guider

For at hjælpe os med at opdele billedet i mindre firkanter, tilføjer vi nogle guider.

Tilføjelse af den første vandrette guide

Gå op til Vis- menuen i menulinjen, og vælg Ny vejledning :

Gå til Vis> Ny vejledning.

I dialogboksen Ny vejledning skal du indstille retning til vandret og indtaste derefter 33% for positionen . Klik på OK for at lukke dialogboksen:

Tilføjelse af den første vejledning.

Photoshop tilføjer den første vandrette guide en tredjedel af vejen ned fra toppen:

Den første vandrette guide tilføjes.

Tilføjelse af en anden vandret guide

For at tilføje en anden guide skal du gå tilbage til Vis- menuen og igen vælge Ny guide :

Gå tilbage til Vis> Ny vejledning.

Lad orienteringen indstillet til Horisontal, men indtast denne gang 66% for positionen . Klik på OK for at lukke dialogboksen:

Tilføjelse af den anden vejledning.

Og Photoshop tilføjer en anden vejledning, denne gang to tredjedele nedefra:

Den anden vandrette guide tilføjes.

Tilføjelse af en lodret guide

Gå tilbage til Vis- menuen, og vælg igen Ny vejledning :

Gå tilbage til Vis> Ny vejledning.

I denne tredje vejledning skal du ændre retning til lodret og indtaste 33% for positionen . Klik derefter på OK:

Tilføjelse af den tredje vejledning.

Dette tilføjer en lodret guide en tredjedel af vejen fra venstre:

Den første lodrette guide tilføjes.

Tilføjelse af en anden lodret guide

Og endelig, gå tilbage en sidste gang til Vis- menuen og vælg Ny guide :

Gå tilbage til Vis> Ny vejledning.

Lad orienteringen indstilles til lodret, men skift position til 66% . Klik på OK, når du er færdig:

Tilføjelse af den fjerde guide.

Photoshop tilføjer en anden lodret guide, to tredjedele af vejen fra venstre, og vi har nu vores billede opdelt i mindre firkanter:

De fire guider, der deler billedet i firkanter.

Trin 3: Vælg og kopier hvert firkant til et nyt lag

Vi er nødt til at vælge hver firkant og kopiere den til sit eget lag. Vælg det rektangulære markeringsværktøj fra værktøjslinjen:

Valg af det rektangulære markeringsværktøj.

Snapping af valgene til guiderne

For at sikre, at vores valg klikker på guiderne, gå op til Vis- menuen, vælg Snap til, og sørg for, at Guider har et afkrydsningsfelt ved siden af. Hvis det ikke gør det, skal du klikke på det for at vælge det:

Se efter markeringen ved siden af ​​guider.

Valg af det første firkant

Vi starter med firkanten øverst til venstre. Klik og træk et markeringsskema omkring det. Hvis du fulgte det sidste trin, skal markeringsoversigten klikke på vejledningerne:

Tegning af en markeringskontur omkring pladsen i øverste venstre hjørne.

Kopiering af firkanten til et nyt lag

For at kopiere kvadratet til sit eget lag, gå op til menuen Lag, vælg Ny og vælg derefter Lag via kopi . Eller en hurtigere måde er at trykke på tastaturgenvejen, Ctrl + J (Win) / Command + J (Mac):

Gå til lag> Ny> lag via kopi.

I panelet Lag ser vi, at Photoshop har placeret en kopi af kvadratet på et nyt lag over billedet:

Firkanten er blevet kopieret til sit eget lag.

Valg af baggrundslag

Inden vi kan vælge en anden firkant, skal vi først vælge billedet igen. Klik på baggrundslaget for at vælge det. Hver gang du vælger og kopierer en ny firkant, skal du først vælge baggrundslaget først:

Valg af baggrundslag.

Valg og kopiering af et andet firkant

Tegn derefter et valg rundt om pladsen i øverste centrum:

Valg af det andet firkant.

Tryk på Ctrl + J (Win) / Command + J (Mac) for hurtigt at kopiere det til et nyt lag. Og tilbage i panelet Lag har vi nu to firkanter over billedet:

En anden firkant er blevet kopieret.

Valg og kopiering af de resterende firkanter

For at vælge og kopiere de resterende firkanter skal du bare gentage de samme trin. Klik først på baggrundslaget for at vælge billedet:

Valg altid baggrundslag igen, før du vælger en ny firkant.

Tegn en markering af en markering omkring en ny firkant:

Vælg en anden firkant.

Og tryk derefter på Ctrl + J (Win) / Command + J (Mac) for at kopiere firkanten til et nyt lag:

Kvadratet kopieres til et nyt lag.

Jeg fortsætter med at vælge og kopiere firkanterne, indtil jeg har valgt dem alle. Og i lagpanelet ser vi nu alle ni firkanter, hver på et separat lag, over billedet:

Alle 9 firkanter er blevet kopieret.

Trin 4: Skjul guiderne

Vi har ikke brug for vores guider længere, så lad os skjule dem ved at gå op til Vis- menuen, vælge Vis og derefter vælge Guider :

Sluk for guiderne.

Trin 5: Tilføj mere lærredsplads

For at give os plads til at bevæge og rotere firkanterne, tilføjer vi mere lærredsområde omkring billedet. Og vi kan gøre det ved hjælp af beskæringsværktøjet. Vælg beskæringsværktøjet fra værktøjslinjen:

Genvalg af beskæringsværktøjet.

Tryk og hold på Alt (Win) / Option (Mac) -tasten på dit tastatur, og klik derefter og træk et af beskæringshåndtagene udad og væk fra billedet. Alt / Option-tasten giver dig mulighed for at ændre størrelsen på beskæringsrammen fra dens centrum:

Tilføjelse af mere lærredsplads med beskæringsværktøjet.

Tryk på Enter (Win) / Return (Mac) for at acceptere det, og Photoshop tilføjer det ekstra lærredsområde:

Der er tilføjet mere plads omkring billedet.

Trin 6: Fyld baggrunden med sort

Som standard udfylder Photoshop det nye rum med hvidt, men lad os fylde vores baggrund med sort. Vælg baggrundslag i panelet Lag:

Valg af baggrundslag.

Gå derefter op til menuen Rediger og vælg Udfyld :

Gå til Rediger> Udfyld.

I dialogboksen Udfyld skal du indstille indholdet til Sort og derefter klikke på OK:

Indstilling af indhold til sort.

Billedet vises nu foran en sort baggrund:

Resultatet efter at have udfyldt baggrunden med sort.

Trin 7: Tilføj et slag omkring den første firkant

I øjeblikket kan vi ikke rigtig se vores firkanter, så lad os gøre dem mere indlysende. Og for at få dem til at se ud som separate fotos, tilføjer vi et streg omkring dem. Vi starter med at tilføje et strejke til et af firkanterne, og så kopierer og indsætter vi det på de andre.

Tilføjelse af et slagtilfælde

Vælg det øverste lag i panelet Lag (det, der holder firkanten øverst til venstre):

Valg af det øverste lag.

Klik derefter på ikonet Layer Styles ( fx- ikonet) nederst i panelet Lag:

Klik på ikonet "fx".

Og vælg Slag fra listen:

Tilføjelse af en slaglag-effekt.

Ændring af stregfarve

Klik på farveprøven i dialogboksen Lagstil :

Klik på farveprøven i indstillingerne for Streg.

Og derefter i farvevælgeren, skal du ændre farven på streken til hvid, og klik derefter på OK:

Valg af hvidt til den nye stregfarve.

Indstilling af størrelse og placering

Tilbage i dialogboksen Lagstil skal du indstille strejkens position til Inde . Hold derefter øje med firkanten øverst til venstre på dit billede, når du øger størrelsesværdien ved at trække i skyderen. Jeg går med en værdi af ca. 32 px, men dette vil afhænge af størrelsen på dit billede:

Indstilling af positionen og størrelsen på slaglængden.

Klik på OK for at lukke dialogboksen, og vi har nu en kant rundt om et af firkanterne:

Kanten vises omkring firkanten øverst til venstre.

Trin 8: Føj stryget til de andre firkanter

Tilbage i panelet Lag ser vi vores slagtilfælde opført som en effekt under laget:

Effekter er anført under laget.

For hurtigt at anvende det samme strejke på de andre firkanter, kopierer og indsætter vi det. Højreklik (Win) / Control-klik (Mac) på det øverste lag, og vælg derefter Copy Layer Style fra menuen:

Valg af "Copy Layer Style".

Klik på det andet lag øverst (lag 2) for at vælge det:

Valg af det andet lag øverst.

Tryk og hold på Skift- tasten, og klik derefter på laget lige over baggrundslaget (lag 9). Dette vælger alle de andre firkanter på én gang:

Hold Shift nede og vælg det nederste firkant.

Højreklik (Win) / Control-klik (Mac) på et af de valgte lag, og vælg derefter Indsæt lagstil :

Valg af "Indsæt lagstil".

Og ligesom det, indsætter Photoshop stryget på de andre firkanter:

Alle 9 firkanter har nu slagtilfælde omkring sig.

Trin 9: Flyt og drej firkanterne

For at skabe mere af en collageeffekt flytter og drejer vi firkanterne ved hjælp af Photoshop's kommando Free Transform.

Valg af Flyt værktøj

Vælg Flyt værktøj fra værktøjslinjen:

Valg af Flyt værktøj.

Tænd for automatisk valg

Sørg for, at Auto-Select er slået til på Options Bar, og at det er indstillet til Layer . Dette vil lade os nemt vælge hvert firkant bare ved at klikke på det:

Sørg for, at Auto-Select er aktiveret og indstillet til Layer.

Klik for at vælge en firkant

Klik på firkanten øverst til venstre for at vælge det:

Valg af det øverste venstre firkant.

Flyt og drej firkanten med Free Transform

Gå derefter op til Rediger- menuen og vælg Gratis transformation. Eller brug tastaturgenvejen, Ctrl + T (Win) / Command + T (Mac):

Gå til Redigering> Gratis transformation.

Photoshop placerer Free Transform-boksen og håndterer rundt om pladsen:

Free Transform-håndtagene vises.

For at flytte firkanten skal du klikke og trække hvor som helst inde i boksen Gratis transformering. Du kan også flytte det ved hjælp af piletasterne på dit tastatur. Hvis du vil rotere det, skal du flytte musemarkøren uden for boksen og derefter klikke og trække:

Flytning og drejning af pladsen på plads.

For at acceptere det, skal du trykke på Enter (Win) / Return (Mac), og vores første firkant er blevet flyttet og roteret på plads:

Resultatet efter at have flyttet og roteret den første firkant.

Gentag trinnene for de andre firkanter

For at flytte og rotere de andre firkanter skal du bare gentage de samme trin. Klik først på et firkant for at vælge det, og tryk derefter på Ctrl + T (Win) / Command + T (Mac) for hurtigt at vælge Free Transform . Flyt firkanten på plads, og drej den derefter på plads. Tryk på Enter (Win) / Return (Mac) for at acceptere det.

I mit tilfælde forlader jeg midterpladsen på sin oprindelige plads, men jeg fortsætter med at bevæge og dreje de ydre firkanter, indtil jeg er tilfreds med resultaterne. Hvis du bare vil flytte en firkant uden at dreje den, er der ingen grund til at åbne Free Transform. Du kan bare klikke og trække det med Flyt værktøjet eller skubbe det på plads med piletasterne på dit tastatur:

Resultatet efter justering af alle de ydre firkanter.

Trin 10: Skift baggrundsfarve

På dette tidspunkt har vi skabt hovedeffekten, men der er et par flere ting, vi kan gøre. En af dem er, at vi kan ændre baggrundsfarve. Og for at gøre det bruger vi et ensfarvet fyldlag.

Klik på baggrundslaget i panelet Lag for at vælge det:

Valg af baggrundslag.

Klik derefter på ikonet Ny udfyldnings- eller justeringslag :

Klik på ikonet Ny udfyldnings- eller justeringslag.

Og vælg Ensfarvet på listen:

Valg af et påfyldningslag i ensfarvet farve.

Prøvetagning af en baggrundsfarve fra billedet

I en farvevælger skal du vælge en ny farve til din baggrund. Eller vælg en farve direkte fra dit billede ved at flytte din markør ind i billedet og klikke på en farve for at vælge den:

Prøvetagning af en ny baggrundsfarve fra billedet.

Når du har fundet en farve, du kan lide, skal du klikke på OK for at lukke farvevælgeren:

Fotocollage med den nye baggrundsfarve, der er samplet fra billedet.

I panelet Lag ser vi vores nye udfyldningslag i ensfarvet over baggrundslaget:

Fyldlaget ligger mellem baggrundslaget og firkanterne.

Trin 11: Tilføj en dråbe skygge

Endelig, lad os afslutte effekten ved at tilføje en dråbe skygge bag firkanterne. For at tilføje skyggen til alle firkanter på én gang placerer vi dem først i en laggruppe.

Gruppering af firkanter

Klik på det øverste lag (lag 1) for at vælge det. Tryk derefter på Skift- tasten og hold den nede, og klik på laget direkte over fyldlaget (lag 9). Dette vælger alle firkanter på én gang:

Klik på lag 1, og klik derefter på Skift-klik på lag 9.

Gå op til menuen Lag og vælg Gruppelag :

Gå til lag> Gruppelag.

Og tilbage i panelet Lag er alle vores firkanter placeret i en ny gruppe. Du kan dreje gruppen åben eller lukket ved at klikke på pilen ved siden af ​​gruppens navn:

Firkanterne er nu inde i en laggruppe.

Tilføjelse af dråbe skygge

For at anvende en dropskygge på gruppen skal du klikke på ikonet Layer Styles :

Klik på ikonet "fx" med den valgte laggruppe.

Og vælg derefter Drop Shadow fra listen:

Valg af drop Shadow.

Dette åbner dialogboksen Lagstil, der er indstillet til indstillingerne for Drop Shadow:

Indstillingerne for drop Shadow i dialogboksen Layer Style.

Du kan justere skyggens vinkel og afstand herfra, men det er lettere bare at klikke og trække inde i dokumentet. Når du trækker, vil du se vinkel- og afstandsværdierne opdateres i dialogboksen:

Klik og træk inde i dokumentet for at justere skyggens vinkel og afstand.

Når du har indstillet vinkel og afstand, skal du gå tilbage til dialogboksen og justere størrelsesværdien for at blødgøre kanterne. Du kan også justere Opacity for at få skyggen til at blive lysere eller mørkere. Jeg sænker min til 30% :

Justering af dråbsskyggens størrelse (blødhed) og opacitet.

Når du er tilfreds med resultaterne, skal du klikke på OK for at lukke dialogboksen. Og med anvendt dropskygge, her er min endelige virkning:

Den endelige fotocollageeffekt.

Og der har vi det! Sådan gør du et enkelt billede til en enkel, firkantet fotocollage i Photoshop! For flere collageeffekter, lær hvordan du opretter Polaroid-collage, en filmstripecollage eller en collage af skæve fotos! Besøg vores afsnit om fotoeffekter for flere tutorials. Og glem ikke, alle vores Photoshop-tutorials er nu tilgængelige til download som PDF-filer!