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:

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

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:

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:

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:

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:

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

Dette åpner dialogboksen Bildestørrelse. I Pixel Dimensions seksjonen øverst, det viser meg at høyden på dette bildet er 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:

Med mitt andre bilde nå aktivt, vil jeg nok en gang gå opp til Bilde menyen øverst på skjermen og velg 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:

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):

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:

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

Trinn 4: Lim inn bildet i dokumentet til det andre bildet
Bytt tilbake til det andre bildet ved å klikke på fanen:

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

Photoshop limer inn og sentrerer bildet foran det andre:

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

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:

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:

Velge Ensfarget fra toppen av listen som vises:

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:

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:

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:

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

Trinn 8: Velg det øverste bildelaget
Klikk på det øverste laget i lagpanelet for å velge det:

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

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:

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:

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 :

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

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:

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:

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

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 :

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:

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:

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:
