Hvordan lage en diptych med Photoshop CS6

Skrevet av Steve Patterson.

I denne veiledningen for bildeeffekter lærer vi hvordan du lager en diptyk ved hjelp av Photoshop CS6. Hva er en diptyk? Slik begrepet brukes i dag, diptyk betyr ganske enkelt to bilder som vises sammen, vanligvis side ved side. Bildene har ofte noe til felles, som et generelt tema eller delt emne, slik at de sett under ett, formidler et større budskap eller kunstnerisk utsagn.



Egentlig kan en diptyk være hvilke som helst to bilder du velger. Det kan være lurt å vise et bryllups- og forlovelsesbilde side ved side, eller to bilder som viser samme person i forskjellige aldre, eller kanskje to bilder fra en nylig tur eller ferie. En fullfarge- og svart-hvitt-versjon av det samme bildet kan se bra ut side om side, eller bilder av samme motiv tatt fra to forskjellige vinkler eller til forskjellige tider på dagen. Dette er bare noen få forslag, men til syvende og sist tilbyr diptyker uendelige kreative muligheter. Selv to bilder som på egen hånd kanskje ikke virker så interessante, kan virke slående når de sees sammen.

Som vi skal se, trenger ikke bildene du velger engang å ha samme orientering. Den ene kan være i portrett, den andre landskap. Det eneste virkelige 'trikset' for å vise dem side ved side er at vi må sørge for at de begge deler samme høyde, i piksler, slik at toppen og bunnen av bildene er på linje. For det kan det hende vi må gjøre noen raske bildestørrelser, men den generelle prosessen med å lage en diptych i Photoshop er veldig enkel, og jeg skal selvfølgelig dekke hvert eneste trinn på veien.





Her er det første bildet jeg skal bruke til diptyken min ( jente i hage bilde fra Shutterstock). Denne er i liggende modus:

  Bilde 102010201 lisensiert fra Shutterstock Det første bildet.

Her er mitt andre bilde ( smilende jente nærbilde bilde fra Shutterstock). Denne er i portrettmodus:



  Bilde 102008287 lisensiert fra Shutterstock Det andre bildet.

Og her er hvordan den endelige diptyken vil se ut med bildene kombinert til et enkelt større bilde og en kant rundt dem. Jeg har brukt en svart kant her, men du kan like gjerne velge hvit:

  En diptyk med to bilder laget i Photoshop CS6. Det endelige resultatet.

Det er mange forskjellige måter å lage en diptyk i Photoshop, men for å få mest mulig ut av denne opplæringen og bruke metoden vi skal lære her, trenger du Photoshop CS6 eller CC.



Hvordan lage en diptych

Trinn 1: Åpne de to bildene dine i Photoshop

Det første vi må gjøre er å åpne begge bildene våre i Photoshop. Hvis du allerede har bildene dine åpne, kan du hoppe over dette første trinnet, men jeg skal begynne med Adobe Bridge CS6 hvor jeg har navigert til en mappe på skrivebordet som inneholder de to bildene mine. For å velge dem begge klikker jeg på det første miniatyrbildet til venstre for å markere det, så holder jeg nede Ctrl (vinn) / Kommando (Mac)-tasten på tastaturet mitt og klikk på det andre miniatyrbildet. Dette velger og fremhever begge bildene samtidig:

  Velge to bilder i Adobe Bridge CS6. Velge begge bildene i Adobe Bridge CS6.

Alt jeg trenger å gjøre for å åpne dem i Photoshop Dobbeltklikk på et av bildene. Hvert bilde åpnes i Photoshop i sitt eget separate dokument. Som standard er bare ett av bildene synlig om gangen, men vi kan enkelt bytte mellom dem ved å klikke på deres faner rett under alternativlinjen øverst til venstre på skjermen:

  Bytt mellom åpne bilder ved å klikke på dokumentfanene deres. Hvert bilde åpnes i sitt eget fanedokument. Bytt mellom dem ved å klikke på fanene deres.

Trinn 2: Endre størrelsen på bildene til samme høyde

Før vi kombinerer bildene til en diptych, må vi først sørge for at begge bildene har samme høyde, slik at de stiller seg pent opp når de vises side ved side. Hvis de ikke er det, må vi endre størrelsen på en av dem for å matche den andre. Vi kan sjekke gjeldende dimensjoner for hvert bilde ved hjelp av Photoshop Bildestørrelse dialogboks.



Først vil jeg bytte til bildet mitt som er i liggende orientering (bildet av jenta som står i skogen) ved å klikke på fanen:

  Gjør det landskapsorienterte bildet aktivt ved å klikke på navnefanen. Gjør det landskapsorienterte bildet aktivt.

For å sjekke bildets høyde, går jeg opp til Bilde menyen i menylinjen øverst på skjermen og velg Bildestørrelse :

  Velge kommandoen Bildestørrelse i Photoshop. Går til Bilde > Bildestørrelse.

Dette åpner dialogboksen Bildestørrelse. I Pixel Dimensions seksjonen øverst, det viser meg at høyden på dette bildet er 2380 piksler :



  Velge kommandoen Bildestørrelse i Photoshop. Dialogboksen Bildestørrelse som viser bildets høyde på 2380 piksler.

Jeg klikker på Avbryt for å lukke dialogboksen uten å gjøre noen endringer, så bytter jeg over til mitt andre bilde ved å klikke på fanen:

  Gjør det portrettorienterte bildet aktivt ved å klikke på navnefanen. Gjør det portrettorienterte bildet aktivt.

Med mitt andre bilde nå aktivt, vil jeg nok en gang gå opp til Bilde menyen øverst på skjermen og velg Bildestørrelse :



  Velge kommandoen Bildestørrelse i Photoshop. Går igjen til Bilde > Bildestørrelse.

Denne gangen forteller dialogboksen Bildestørrelse meg at mitt portrettorienterte bilde har en høyde på 3200 piksler , noe som gjør den til den største (i form av høyde) av de to bildene:

  Det andre bildet har en høyere høydeverdi på 3200 piksler. Det andre bildet har en høyere høydeverdi på 3200 piksler.

Dette større bildet må endres for å matche høyden på det mindre bildet, så mens jeg fortsatt er i dialogboksen Bildestørrelse, sørger jeg for at Resample bilde alternativet nederst er valgt (avkrysset) og at interpolasjonsmetode helt nederst er satt til Bikubisk automatisk , så endrer jeg Høyde verdi på toppen fra de opprinnelige 3200 piksler til 2380 piksler for å matche det andre bildet (Photoshop endrer automatisk Width-verdien for å opprettholde bildets sideforhold). Klikk OK for å få Photoshop til å endre størrelsen på bildet og lukke ut av dialogboksen Bildestørrelse (rask merknad: når vi endrer det faktiske antallet piksler i et bilde, som vi er her, er det teknisk kjent som resampling et bilde, ikke endre størrelse, og derfor må vi velge alternativet Resample Image nederst i dialogboksen):



  Det andre bildet har en høyere høydeverdi på 3200 piksler. Endre størrelsen på det større bildet for å matche høyden (i piksler) på det mindre bildet.

Trinn 3: Velg og kopier bildet med endret størrelse

Nå som vi har endret størrelsen på bildet, trenger vi en måte å flytte det inn i det samme dokumentet som det andre bildet. For det kan vi ganske enkelt kopiere og lime det inn. For først å velge bildet, gå opp til Å velge menyen øverst på skjermen og velg Alle . Eller trykk Ctrl+A (vinn) / Kommando+A (Mac) på tastaturet for å få tilgang til Velg alt-kommandoen med snarveien. En utvalgskontur vil vises rundt bildet:

  Velge kommandoen Velg alt i Photoshop. Går til Velg > Alle.

Med bildet valgt, gå opp til Redigere meny og velg Kopiere , eller trykk Ctrl+C (vinn) / Kommando+C (Mac) på tastaturet:

  Velge Kopier-kommandoen fra Rediger-menyen i Photoshop. Går til Rediger > Kopier.

Trinn 4: Lim inn bildet i dokumentet til det andre bildet

Bytt tilbake til det andre bildet ved å klikke på fanen:

  Bytter tilbake til det første bildet. Bytter tilbake til det første bildet.

Gå deretter opp igjen til Redigere menyen og denne gangen velger du Lim inn . Eller trykk Ctrl+V (vinn) / Kommando+V (Mac) på tastaturet:

  Velge kommandoen Lim inn fra Rediger-menyen i Photoshop. Går til Rediger > Lim inn.

Photoshop limer inn og sentrerer bildet foran det andre:

  Begge bildene er nå i samme dokument. Bildene vises nå sammen.

Hvis vi ser i lagpanelet, ser vi at hvert bilde nå sitter på sitt eget lag i samme dokument:

  Lag-panelet viser hvert bilde på sitt eget lag. Lag-panelet viser hvert bilde på sitt eget lag.

Trinn 5: Gi nytt navn til bakgrunnslaget

La oss deretter gi nytt navn til Bakgrunnslag så Photoshop lar oss legge til et nytt lag under det som kan brukes som bakgrunnsfarge for diptyken vår. Alt vi trenger å gjøre er å kalle det noe annet enn Bakgrunn , og den raskeste og enkleste måten å gjøre det på er å trykke og holde inne Alt (vinn) / Alternativ (Mac)-tasten på tastaturet og Dobbeltklikk på ordet 'Bakgrunn'. Photoshop vil automatisk gi det nytt navn Lag 0 , god nok for våre formål:

  Lag-panelet som viser det omdøpte bakgrunnslaget. Endre navnet på bakgrunnslaget til 'Layer 0'.

Trinn 6: Legg til et ensfarget fylllag

Vi bruker et av Photoshops Solid Color Fill-lag for bakgrunnen vår, siden de gjør det enkelt å velge hvilken farge vi vil ha. Klikk på Nytt fyll- eller justeringslag ikonet nederst i lagpanelet:

  Klikk på ikonet Nytt fyll eller justeringslag i lagpanelet. Klikk på ikonet for nytt fyll eller justeringslag.

Velge Ensfarget fra toppen av listen som vises:

  Velge et ensfarget fylllag fra lagpanelet. Velge et ensfarget fylllag.

Photoshop vil åpne Fargevelger hvor vi kan velge fargen vi ønsker å fylle laget med. Jeg skal velge svart ved å skrive inn en verdi på 0 inn i det R , G og B inndatabokser. Hvis du heller vil bruke hvit som bakgrunnsfarge, skriv inn en verdi på 255 inn i det R , G og B esker:

  Velg svart fra fargevelgeren. Velg svart fra fargevelgeren.

Klikk OK for å godta fargen og lukke ut av fargevelgeren. Photoshop legger til et nytt Solid Color Fill-lag kalt Fargefyll 1 mellom de to bildene, som vi kan se i lagpanelet:

  Lag-panelet som viser det nye Solid Color Fill-laget mellom de to bildelagene. Det nye fargefyll 1-laget vises mellom de to bildelagene.

Trinn 7: Dra det ensfargede fylllaget under lag 0

Siden vi skal bruke Solid Color Fill-laget som bakgrunn for diptyken vår, må vi flytte det under de to bildelagene. For å gjøre det, klikk på fargefyll 1-laget i lagpanelet, hold museknappen nede og dra laget under lag 0. A hvit uthevingslinje vises under lag 0 når du har dratt nærme nok:

  Dra det ensfargede fylllaget under lag 0 i lagpanelet. Dra fargefyll 1-laget under lag 0.

Slipp museknappen når den hvite fremhevingslinjen vises for å slippe Solid Color Fill-laget på plass:

  Solid Color Fill-laget vises nå under de to bildelagene. Fargefyll 1-laget vises nå under de to bildelagene.

Trinn 8: Velg det øverste bildelaget

Klikk på det øverste laget i lagpanelet for å velge det:

  Velge det øverste bildelaget. Velge det øverste bildelaget.

Trinn 9: Velg Flytteverktøyet

Velg Flytteverktøy fra toppen av verktøypanelet til venstre på skjermen:

  Velge flytteverktøyet fra Verktøy-panelet. Velge flytteverktøyet.

Trinn 10: Dra bildet til venstre eller høyre for det andre bildet

Med flytteverktøyet i hånden, trykk og hold nede Skifte tast på tastaturet og dra bildet på det øverste laget enten til venstre eller høyre for å flytte det ved siden av det andre bildet. Ved å holde nede Shift-tasten er det enkelt å dra i en rett linje. Jeg skal dra det øverste bildet mitt til høyre for det andre.

Men her er problemet vi støter på (vi fikser det om et øyeblikk). For å flytte bildet ved siden av det andre, må vi dra det inn i grått pappområde som omgir den synlige delen (lerretsområdet) av dokumentet. Hvorfor er det et problem? Det er fordi vi faktisk ikke kan se noe som er i limbrettområdet. Dette betyr at etter hvert som vi drar bildet lenger og lenger ut til siden, forblir mindre og mindre av det synlig ettersom mer av det er skjult av limbrettet:

  Velge flytteverktøyet fra Verktøy-panelet. Å dra bildet ved siden av det andre betyr å dra inn i plakettområdet.

Ikke bekymre deg for å miste bildet av syne foreløpig. Bare fortsett å dra det til siden til det er rett ved siden av det andre bildet (og helt ute av syne). Hvis du drar bildet til høyre slik jeg er her, vil du se bildet ditt klikke på plass når venstre side er nær nok til kanten av det synlige området. Hvis du drar til venstre, klikker den på plass når høyre side er nær nok. Når du er ferdig, skal du bare se ett bilde i dokumentet. Den andre er der fortsatt, den er foreløpig bare skjult av limbrettet:

  Velge flytteverktøyet fra Verktøy-panelet. Med det andre bildet nå helt i limbrettområdet, forblir bare ett bilde synlig.

Trinn 11: Avslør alle

For å hente tilbake det skjulte bildet og se begge sammen, gå opp til Bilde menyen øverst på skjermen og velg Avslør alle :

  Velge kommandoen Reveal All fra Image-menyen. Gå til Bilde > Vis alle.

Photoshop utvider lerretsområdet øyeblikkelig slik at begge bildene nå er synlige:

  Begge bildene er synlige igjen i dokumentet. Begge bildene er synlige igjen.

Viktig! Vi skal legge til litt mellomrom mellom de to bildene i neste trinn, men på dette tidspunktet bør kantene på bildene være i kontakt med ingen mellomrom i mellom . De må skylles opp mot hverandre side ved side. Hvis du dro bildet for langt og skapte et gap mellom dem, med Flytteverktøy fortsatt aktiv, hold nede Skifte tasten og dra bildet tilbake mot det andre til kantene på de to bildene berører hverandre og gapet er lukket.

Trinn 12: Legg til mellomrom mellom bildene

Nå som vi har sørget for at det ikke er mellomrom mellom de to bildene våre, la oss legge til litt plass! Grunnen til at vi vil starte uten mellomrom er at vi må vite nøyaktig hvor mye plass vi har lagt til, og i Photoshop CS6 kan vi bruke den nye HUD (Heads-Up Display) tilbakemelding for flytteverktøyet for å fortelle oss nøyaktig hvor langt vi har dratt bildet.

Mens flytteverktøyet fortsatt er aktivt, trykker du igjen og holder nede Skifte på tastaturet og begynn å dra bildet enten til venstre eller høyre for å legge til mellomrom mellom de to bildene. Plassen vil bli fylt med hvilken farge du valgte for Solid Color Fill-laget tilbake i trinn 6. I mitt tilfelle er det svart. Så snart du begynner å dra, vil en liten HUD-boks dukke opp som gir deg live tilbakemelding på nøyaktig hvor langt du har dratt. Avlesningen kan være i tommer (in) eller piksler (px) avhengig av hvordan du har satt opp linjalene i Photoshops innstillinger. I mitt tilfelle viser det meg tommer. Her forteller HUD meg at jeg har dratt bildet mitt 0,2 tommer til høyre (det øverste tallet er den horisontale bevegelsen, bunnen er vertikal), og vi kan se det svartfylte rommet som vises mellom dem. Sørg for at du husker den nøyaktige avstanden du har dratt fordi vi trenger den informasjonen om et øyeblikk:

  Begge bildene er synlige igjen i dokumentet. Husk (eller skriv ned) størrelsen på gapet mellom bildene. I mitt tilfelle er det 0,2 tommer.

Trinn 13: Avslør alt igjen

Siden vi har flyttet bildet litt ut til siden, skjules noe av det igjen av limbrettet. Gå tilbake til Bilde meny og velg Avslør alle for å få det skjulte området til syne igjen:

  Velge kommandoen Reveal All fra Image-menyen. Gå tilbake til Bilde > Vis alle.

Begge bildene er nå fullt synlige med en kant mellom dem:

  Begge bildene er synlige igjen i dokumentet. Bildene nå med den første delen av rammen lagt til.

Trinn 14: Legg til lerretsplass for å lage en kant rundt bildene

Til slutt, la oss avslutte diptyken vår ved å legge til en kant rundt den. Vi vil bruke informasjonen HUD ga oss til å lage en kant med nøyaktig samme tykkelse som mellomrommet mellom bildene. Gå opp til Bilde meny og velg Lærretstørrelse :

  Velge kommandoen Canvas Size fra Bilde-menyen. Going Image > Canvas Size.

Dette åpner dialogboksen Canvas Size. Først må du sørge for at Slektning alternativet er valgt (avkrysset) og at midtboks i Anker rutenett er også valgt slik at den ekstra lerretsplassen legges til likt rundt utsiden av bildene:

  Alternativet Relativt og boksen for ankernett i midten er begge valgt. Alternativet Relativt og det midtre ankerrutenettet er begge valgt.

Ta deretter hvor mye plass du la til mellom bildene i trinn 12 og gå inn dobbelt så mye inn i det Bredde og Høyde esker. Pass på at du også har valgt riktig måletype (tommer eller piksler). I mitt tilfelle fortalte HUD meg at jeg dro bildet mitt en avstand på 0,2 tommer, så jeg vil angi dobbelt så mye ( 0,4 ) inn i boksene Bredde og Høyde, så skal jeg sørge for at begge er satt til Tommer . Grunnen til at vi må legge inn det dobbelte av beløpet er fordi halvparten av Width-verdien legges til til venstre for lerretet, den andre halvparten til høyre. På samme måte vil halve høydeverdien legges til toppen, den andre halvparten til bunnen, og gir oss en kant rundt diptyken som har nøyaktig samme størrelse som avstanden mellom bildene:

  Alternativet Relativt og det midtre ankerrutenettet er begge valgt. Angi to ganger avstanden til mellomrommet mellom de to bildene for både Bredde og Høyde.

Klikk OK når du er klar til å godta innstillingene dine og lukke dialogboksen Canvas Size, da Photoshop legger til den ekstra lerretsplassen rundt bildene, og gir oss vår kant. Igjen er rammen den samme fargen som fargen vi valgte for Solid Color Fill-laget tilbake i trinn 6:

  Alternativet Relativt og boksen for ankernett i midten er begge valgt. Den siste diptyken med en kant lagt til.