✅ Opret en lodret fotocollage med Photoshop

Sådan opretter du en lodret fotocollage

Lær hvordan du omdanner dine billeder til en sjov lodret fotocollage med Photoshop! En komplet trin-for-trin-tutorial til Photoshop CC.

Skrevet af Steve Patterson.

I denne tutorial viser jeg dig, hvor let det er at oprette en lodret fotokollage med Photoshop! Vi begynder med at oprette et nyt dokument og dele det i lodrette sektioner ved hjælp af Photoshop's guider. Så tegner vi markeringer fra hjælpelinjerne og indsætter vores billeder i markeringerne. Vi ændrer størrelsen på og flytter billederne ved hjælp af Free Transform, og vi tilføjer et strejk rundt om billederne ved hjælp af lageffekter. Og endelig viser jeg dig en hurtig måde at forene farverne i dine billeder, så hele collagen smelter sammen!

Her er hvordan den endelige fotocollage vil se ud, når vi er færdige. Jeg har brugt seks billeder her, men denne effekt kan let tilpasses til så mange billeder, som du har brug for:

Det endelige resultat.

Lad os komme igang!

Sådan opretter du en lodret fotocollage

Hvis du vil følge denne tutorial, skal du bruge den nyeste version af Photoshop CC. Vi starter med at oprette et nyt Photoshop-dokument og derefter dele det op i så mange sektioner, som vi har brug for for at få vist vores billeder.

Se også: Gør et foto til en collage med Photoshop!

Trin 1: Opret et nyt Photoshop-dokument

Når du starter Photoshop CC uden at åbne et billede, føres du til startskærmen:

Startskærmen i Photoshop CC.

Hvis du vil oprette et nyt dokument fra startskærmen, skal du klikke på knappen Opret nyt i kolonnen til venstre:

Klik på knappen "Opret ny".

Eller gå op til menuen Filer i menulinjen og vælg Ny :

Gå til fil> Ny.

Indstilling af dokumentets bredde og højde

Uanset hvad åbnes dialogboksen Nyt dokument. I panelet Preset Details til højre skal du indtaste en bredde og højde for dit dokument. Til denne tutorial vil jeg oprette et dokument, der er dobbelt så bredt, som det er højt. Jeg indstiller bredden til 2000 pixels og højden til 1000 pixels :

Indtastning af bredde og højde for dokumentet.

Indstilling af opløsningsværdien

Opløsningsværdien under bredde og højde gælder kun for udskrivning. Så hvis du ikke udskriver din collage, kan du ignorere denne værdi. Men hvis du opretter denne effekt til udskrivning, skal du indstille opløsningen til 300 pixels / tomme, som er branchestandarden for høj kvalitet til udskrivning. Du har sandsynligvis også brug for en større dokumentstørrelse, og du vil angive bredde og højde i tommer i stedet for pixels.

I mit tilfælde, da jeg ikke vil udskrive collagen, betyder opløsningsværdien ikke noget:

Ignorer opløsningsværdien, hvis du ikke udskriver collagen.

Valg af baggrundsfarve

Lad baggrundeindholdet være indstillet til Hvidt og alt andet ved standardindstillingerne:

Valg af hvidt til dokumentets baggrundsfarve.

Oprettelse af det nye dokument

Klik derefter på knappen Opret for at oprette dokumentet og lukke dialogboksen Nyt dokument:

Oprettelse af det nye dokument.

Det nye dokument, fyldt med hvidt, vises på skærmen:

Det nye dokument vises.

Trin 2: Tilføj lodrette guider

For at opdele lærredet i lodrette sektioner bruger vi Photoshop's nye guidelayout-funktion. Denne funktion er kun tilgængelig i Photoshop CC. For at vælge det, gå op til Vis- menuen i menulinjen og vælg Ny guidelayout :

Gå til Vis> Ny guidelayout.

I dialogboksen Ny guidelayout skal du sørge for, at indstillingen Kolonner er valgt (markeret). Indtast derefter det antal kolonner, du har brug for, i feltet Antal . I mit tilfælde har jeg seks billeder, der skal vises i collagen, så jeg indtaster 6 .

Lad feltet Bredde være tomt for at lade Photoshop opdele lærredet i lige store sektioner. Og da vi ikke ønsker noget mellemrum mellem kolonnerne, skal du også lade tagrendefeltet være tomt (eller indstille det til 0). Vi har heller ikke brug for nogen horisontale guider, så lad indstillingen Rækker ikke være markeret. Klik derefter på OK for at lukke dialogboksen:

De nye guidelayoutindstillinger.

Og vi har nu vores guider, der deler lærredet i lodrette strimler:

Dokumentet efter tilføjelse af hjælpelinjer.

Trin 3: Åbn dine billeder

Åbn derefter de billeder, du vil placere, i collagen. Gå op til menuen Filer og vælg Åbn :

Gå til fil> Åbn.

Naviger derefter til den mappe, der indeholder dine billeder. For at gøre tingene lettere har jeg omdøbt mine billeder baseret på, hvor de vises i collagen fra venstre mod højre. Så "1.jpg.webp" vil være det første billede til venstre, "2.jpg.webp" vises ved siden af det, og helt til "6.jpg.webp" til højre.

Vi åbner alle vores billeder i Photoshop på én gang. For at vælge flere billeder skal du holde Skift nede, mens du klikker på miniaturerne. Klik derefter på Åbn :

Skift-klik på billederne for at vælge dem, og klik derefter på Åbn.

Trin 4: Skift tilbage til hovedcollagedokumentet

Hvert billede åbnes i sit eget separate dokument, og du kan skifte mellem dokumenter ved at klikke på fanerne øverst:

Klik på fanerne for at skifte mellem billeder.

Skift tilbage til hoved collagedokumentet ("Untitled-1") ved at klikke på dets fane:

Genvalg af hoveddokumentet.

Trin 5: Vælg det rektangulære markeringsværktøj

På dette tidspunkt er det kun et spørgsmål om at gentage de samme trin med hvert billede at flytte dine billeder ind i collagen. Og det første trin er at tegne et valg omkring en af de lodrette strimler.

Vælg det rektangulære markeringsværktøj fra værktøjslinjen:

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

Trin 6: Tegn et valg omkring en af de lodrette strimler

Tegn derefter et markering omkring et af sektionerne. Da vi arbejder fra venstre mod højre, starter jeg med den første til venstre.

Klik i øverste venstre hjørne af sektionen, og hold derefter museknappen nede og træk diagonalt nedad til nederste højre hjørne. Dit valgkontur skal klikkes på guiderne på begge sider såvel som toppen og bunden af dokumentet. Slip museknappen, så vises din markeringsoversigt i hele området:

Tegning af et rektangulært valg omkring collageens første lodrette sektion.

Trin 7: Skift til et af dine billeder

Skift til det billede, du vil placere i markeringen ved at klikke på dens fane . Jeg skal klikke på fanen for mit første billede, "1.jpg.webp":

Skift til det første billeds dokument.

Og her er det billede, jeg bruger. Jeg downloadede alle mine billeder fra Adobe Stock:

Det første billede, der vil blive placeret i collagen. Fotokredit: Adobe Stock.

Trin 8: Vælg og kopier billedet

Vælg billedet ved at gå op til menuen Vælg og vælge Alle eller ved at trykke på Ctrl + A (Win) / Command + A (Mac):

Gå til Vælg> Alle.

Og kopier derefter billedet ved at gå op til menuen Rediger og vælge Kopi, eller tryk på Ctrl + C (Win) / Kommando + C (Mac):

Gå til Rediger> Kopier.

Trin 9: Indsæt billedet i markeringen

Skift tilbage til dit vigtigste collagedokument ved at klikke på dets fane :

Genvalg af hoveddokumentet.

Og derefter for at indsætte billedet i dit valg, gå op til menuen Rediger, vælg Indsæt special og vælg derefter Indsæt ind :

Gå til Rediger> Indsæt special> Indsæt i.

Billedet, eller i det mindste en del af det, vises inde i sektionen. Da billedet er for stort til at passe ind i den smalle lodrette strimmel, er kun en del af billedet synlig. Og chancerne er, at det ikke er den del, du vil vise. Vi lærer, hvordan du flytter og ændrer størrelsen på billedet i et øjeblik:

Resultatet efter indsætning af billedet i markeringen.

Relateret: Sådan indsætter du et billede i et andet billede med Photoshop

Valget konverteres til en lagmaske

Men vær opmærksom på, at vores udvælgelsesoversigt nu er væk. I stedet for i panelet Lag ser vi, at Photoshop ikke kun har placeret billedet på sit eget lag, men det har også konverteret markeringsoversigten til en lagmaske.

Den hvide del af masken er det område, der var inde i vores valg, og det er det område, hvor billedet er synligt i dokumentet. Og den sorte del er alt, hvad der var uden for markeringen. Det er her billedet er skjult:

Valget blev omdannet til en lagmaske.

Trin 10: Ændre størrelse og flyt billedet med Free Transform

For at ændre størrelsen på billedet inde i den lodrette strimmel og flytte vores motiv på plads, bruger vi Photoshop's kommando Free Transform. Gå op til menuen Rediger, og vælg Gratis transformering, eller tryk på Ctrl + T (Win) / Command + T (Mac):

Gå til Redigering> Gratis transformation.

Dette placerer Free Transform-boksen og håndteres omkring billedet. Hvis du ikke kan se alle transformeringshåndtagene, fordi dit billede strækker sig ud over det synlige område af dokumentet, skal du gå op til Vis- menuen og vælge Fit på skærm, eller trykke på Ctrl + 0 (Win) / Command + 0 (Mac) :

Gå til Vis> Tilpas på skærmen.

Træk derefter håndtagene for at ændre størrelsen på billedet i den lodrette strimmel. Fra og med Photoshop CC 2019 skalerer du et håndtag billedet proportionalt, så der ikke længere er behov for at holde Skift. Men hvis du vil skalere billedet fra dets centrum i stedet for fra den modsatte side eller hjørne, skal du holde Alt (Win) / Option (Mac) nede, mens du trækker.

Og for at flytte dit emne til visning, skal du klikke og trække inde i boksen Gratis transformation:

Ændre størrelse og flytte billedet på plads med Free Transform.

Tryk på Enter (Win) / Return (Mac) for at acceptere det og lukke Free Transform. Zoom derefter ind på dit dokument efter behov ved at holde Ctrl (Win) / Command (Mac) og trykke på plustegnet ( + ) på dit tastatur. Og vi har nu placeret vores første billede i collagen:

Det første billede tilføjes.

Trin 11: Gentag de samme trin for at tilføje flere billeder

Nu hvor vi ved, hvordan man placerer et billede i collagen, er tilføjelse af resten af vores billeder bare et spørgsmål om at gentage de samme trin. Her er en hurtig oversigt:

Vælg en ny sektion af collagen

Brug først det rektangulære markeringsværktøj til at tegne et valg omkring det næste lodrette afsnit:

Valg af næste sektion af collagen.

Skift til næste billede

Skift derefter til det billede, du vil placere i markeringen, ved at klikke på dens fane :

Skift til næste billede.

Her er det andet billede, jeg bruger:

Det andet billede. Fotokredit: Adobe Stock.

Vælg og kopier billedet

Vælg billedet ved at gå til Vælg > Alle, og kopier det derefter ved at gå til Rediger > Kopi :

Valg og kopiering af billedet.

Indsæt billedet i markeringen

Skift tilbage til dit vigtigste collagedokument ved at klikke på dets fane:

Skift tilbage til hoved collagedokumentet.

Og sæt derefter billedet ind i markeringen ved at gå til Rediger > Indsæt special > Indsæt i :

Indsæt billedet i det nye valg.

Billedet vises inden i sektionen:

Resultatet efter indsætning af det andet billede.

Og i lagpanelet ser du, at Photoshop har placeret billedet på sit eget lag og konverteret markeringsoversigten til en lagmaske:

Billedet vises på sit eget lag med sin egen maske.

Ændre størrelse på og flyt billedet med Gratis transformering

Gå til Edit > Free Transform, eller tryk på Ctrl + T (Win) / Command + T (Mac) for at placere feltet Free Transform og håndtag rundt om billedet. Og hvis du ikke kan se alle håndtagene, skal du gå til Vis > Fit på skærmen eller trykke på Ctrl + 0 (Win) / Command + 0 (Mac):

Gå til Redigering> Gratis transformation.

Derefter ændres størrelse på billedet ved at trække i håndtagene. Hold Alt (Win) / Option (Mac) nede for at ændre størrelsen på billedet fra midten. Og for at flytte dit motiv på plads, skal du klikke og trække inde i boksen Gratis transformation. Du kan også skubbe billedet på plads ved hjælp af piletasterne på dit tastatur:

Ændring af størrelse og flytning af det andet med Free Transform.

Tryk på Enter (Win) / Return (Mac) for at acceptere det og lukke Free Transform. Og for at zoome ind på dit billede efter behov skal du holde Ctrl (Win) / Command (Mac) og trykke på plustegnet ( + ) på dit tastatur:

Det andet billede er føjet til collagen.

Tilføjelse af de resterende billeder

Jeg bruger de samme trin til hurtigt at tilføje resten af mine billeder til collagen, og her er resultatet. Hvis du vil bruge de samme billeder, som jeg har brugt her, kan du downloade dem fra Adobe Stock (billede 1, billede 2, billede 3, billede 4, billede 5 og billede 6):

Alle billeder er tilføjet.

Trin 12: Ryd guiderne

Vi har ikke brug for Photoshop's guider mere. Så for at fjerne dem, gå op til Vis- menuen og vælg Ryd guider :

Gå til Vis> Ryd guider.

Trin 13: Tilføj et strejf omkring et af billederne

For at hjælpe med at adskille billederne i collagen, tilføjer vi et streg omkring dem. Og i stedet for at tilføje streken til hvert billede én ad gangen, tilføjer vi det til blot et af billederne, og så kopierer og indsætter vi det på de andre.

Vælg det første billede til venstre for collagen i panelet Lag ved at klikke på dets miniaturebillede . Det skal være det første lag over baggrundslaget:

Valg af det første lag over baggrundslaget.

Klik derefter på ikonet Layer Effects (ikonet " fx ") nederst:

Valg af det første lag over baggrundslaget.

Og vælg Slag fra listen:

Tilføjelse af en slaglag-effekt.

Dette åbner dialogboksen Lagstil, der er indstillet til strejkeindstillingerne. Klik på knappen Nulstil til standard, så vi begge starter med standardindstillingerne for streg:

Gendannelse af standardindstillingerne.

Klik derefter på farveprøven for at vælge en ny farve til streken:

Klik på farveprøven.

Vælg hvid i farvevælgeren, og klik derefter på OK:

Valg af hvidt til slagfarve.

Indstil strejkenes position til Center, så stregens bredde bliver delt ligeligt mellem dette billede og billedet ved siden af:

Indstilling af slagets position til center.

Og til sidst skal du vælge en størrelse til dit slagtilfælde. Da jeg arbejder med et lavopløsningsbillede og ønsker et tyndt strejke, indstiller jeg størrelsen til 2 pixels . Hvis du opretter din collage til udskrivning, ønsker du en større værdi. Når du er færdig, skal du klikke på OK for at lukke dialogboksen:

Indstilling af strøkens størrelse.

Og her ser vi et tyndt slag omkring netop det første billede til venstre:

Slaget vises omkring det første billede.

Trin 14: Kopier og indsæt streken på de andre billeder

Nu, hvor vi har føjet streget til det første billede, kan vi hurtigt kopiere og indsætte det på de andre.

Når det første billede stadig er valgt i panelet Lag, gå op til menuen Lag i menulinjen, vælg Lagstil og vælg derefter Kopiér lagstil :

Gå til lag> Lagstil> Kopiér lagstil.

Vælg derefter de andre billeder tilbage i panelet Lag. Start med at klikke på det næste billede direkte over det, hvor vi anvendte streken:

Valg af næste billede i panelet Lag.

Tryk derefter på Skift- tasten og hold den nede, og klik på billedet øverst. Dette vælger begge lag plus alle lag derimellem:

Hold Skift nede, og klik på det øverste billedlag.

Gå tilbage til menuen Lag, vælg Lagstil, og vælg denne gang Indsæt lagstil:

Gå til lag> Lagstil> Indsæt lagstil.

Og nu vises streken også omkring de andre billeder:

Resultatet efter at have indsat streken på de andre billeder.

Trin 15: Tilføj et nyt lag over billederne

Det eneste problem med slagtilfælde er, at hvis du ser nøje, vil du se, at det kun vises halvt så bredt omkring ydersiden af collagen, som det gør mellem billederne. For at løse dette tilføjer vi et nyt lag over billederne og derefter anvender et nyt strejke.

Klik på det øverste lag i panelet Lag for at vælge det:

Valg af det øverste lag.

Og klik derefter på ikonet Tilføj nyt lag :

Tilføjelse af et nyt lag.

Et nyt tomt lag vises over billederne:

Det nye lag.

Trin 16: Fyld laget med en farve

I øjeblikket er det nye lag gennemsigtigt. Photoshop viser ikke strejken eller nogen anden lageffekt foran gennemsigtigheden. Så vi skal først tilføje noget indhold til laget. Og den hurtigste måde er at fylde laget med vores forgrundsfarve .

Som standard er din forgrundsfarve sort, som vist i øverste venstre farveprøve nær bunden af værktøjslinjen. Vi vil skjule farven, så snart vi tilføjer den, så hvis din forgrundsfarve er indstillet til noget andet, er det fint:

Den aktuelle forgrundsfarve.

For hurtigt at udfylde laget med din forgrundsfarve skal du trykke på Alt + Backspace (Win) / Option + Delete (Mac). Farven blokerer midlertidigt collagen fra visningen:

Resultatet efter fyldning af det nye lag med forgrundsfarven.

Trin 17: Indsæt stryget på laget

Gå tilbage til menuen Lag, vælg Lagstil, og vælg derefter Indsæt lagstil :

Gå til lag> Lagstil> Indsæt lagstil.

Slaget vises omkring den ydre kant. Men det er stadig for tyndt, så vi fikser det næste:

Resultatet efter at have indsat slagtilfælde.

Trin 18: Skift slagpositionen til indersiden

Dobbeltklik på Slag- effekten under det øverste lag i panelet Lag:

Dobbeltklik på ordet "Slag".

Dette åbner igen dialogboksen Lagstil, der er indstillet til de samme Stregindstillinger, som vi brugte tidligere. Lad størrelsesværdien være den samme som før, men skift position fra center til indvendigt . Dette skifter hele stregbredden til indersiden af billedet. Klik på OK, når du er færdig for at lukke dialogboksen:

Ændring af slagets position til indersiden.

Trin 19: Sænk udfyldningen til 0 procent

Tilbage i panelet Lag, skjul indholdet af det øverste lag ved at sænke udfyldningsværdien helt ned til 0% . I modsætning til værdien Opacity, der skjuler både lagets indhold og eventuelle lageffekter, vi har anvendt, skjuler Fill kun indholdet. Lageffekter, som vores slagtilfælde, forbliver synlige:

Sænker lagets udfyldningsværdi til 0 procent.

Og med udfyldningsværdien på 0% vises collagen igen, og vores slag er nu den samme bredde langs de ydre kanter, som det er mellem billederne:

Kollagen efter at have fastgjort bredden af det ydre slag.

Trin 20: Tilføj et ensfarvet fyldlag

På dette tidspunkt udføres hovedcollagen. Men med så mange forskellige billeder, der er brugt, er der en god chance for, at vi nu har for mange forskellige farver, alle kæmper for opmærksomhed. Så her er en hurtig måde at forene farverne og blande hele collagen sammen.

I panelet Lag skal du sørge for, at det øverste lag stadig er valgt. Klik derefter på ikonet Ny udfyldning eller Justeringslag i bunden:

Klik på ikonet "Nyt udfyldnings- eller justeringslag".

Og vælg et ensfarvet fyldlag på listen:

Tilføjelse af et udfyldningslag i ensfarvet farve.

Trin 21: Vælg en farve, der skal blandes i collagen

I farvevælgeren skal du vælge en enkelt farve, der skal blandes sammen med de andre. Jeg kan godt lide at bruge orange, fordi det også hjælper med at varme op billederne. Jeg indstiller H (Hue) -værdien til 40, S (Saturation) -værdien til 100 og B (Brightness) -værdien også til 100 . Klik på OK, når du er færdig for at lukke dialogboksen:

Valg af farve til blanding i collagen.

Fyldlaget vises over de andre lag i panelet Lag, og farven blokerer midlertidigt collagen fra visningen:

Resultatet efter tilføjelse af det faste farvepåfyldningslag.

Trin 22: Skift fyldlagets blandingstilstand til Farve

For at blande farven ind med billederne skal du først ændre blandingstilstanden for fyldlaget i panelet Lag fra Normal til Farve :

Ændring af fyldlagets blandingstilstand til Farve.

Dette giver os mulighed for at se billederne, men farven er stadig for intens:

Resultatet efter fyldlagets blandingstilstand til Farve.

Trin 23: Sænk fyldlagets opacitet

Så for at reducere intensiteten og blande den nye farve ind med de originale farver, skal du blot sænke fyldlagets Opacity- værdi. En god måde at arbejde på er at starte med at sænke opaciteten helt ned til 0%, så du bare ser de originale farver. Forøg derefter langsomt værdien, indtil resultatet ser godt ud. Generelt fungerer en værdi på 10-15% godt:

Sænker fyldlagets opacitet til 15 procent.

Du kan sammenligne den farvede version med de originale farver ved at klikke på fyldlagets synlighedsikon for at slå effekten til og fra:

Slå fyldlaget til og fra med synlighedsikonet.

Og her, efter at have sænket opaciteten og forenet farverne, er min endelige lodrette collageeffekt: