Slik plasserer du et bilde i tekst med Photoshop CC og CS6

Skrevet av Steve Patterson.

I denne opplæringen lærer vi hvordan plassere et bilde i tekst , en av Photoshops mest populære og klassiske effekter. Som vi skal se, takket være kraften til klippemasker, er det enkelt og enkelt å plassere et bilde i tekst med Photoshop. Jeg skal bruke Photoshop CS6 her, men denne opplæringen er også fullt kompatibel med Photoshop CC (Creative Cloud). Hvis du bruker en eldre versjon av Photoshop, sørg for å sjekke ut originalen min Plassere et bilde i tekst opplæringen.



Her er bildet jeg skal bruke ( Hawaii-strandbilde fra Shutterstock):

  Bilde #115342300 lisensiert med tillatelse fra Shutterstock av Photoshop Essentials.com. Originalbildet.

Og her er hvordan det samme bildet vil se ut når det plasseres i tekst:





  Plassere et bilde i tekst med Photoshop CS6 og Photoshop CC (Creative Cloud). Det endelige resultatet.

La oss komme i gang!

Hvordan plassere et bilde i tekst med Photoshop

Last ned denne opplæringen som en utskriftsklar PDF!



Trinn 1: Dupliser bakgrunnslaget

Åpne bildet du vil plassere i teksten. Med bildet nyåpnet, hvis du ser i din Lagpanel , vil du se bildet sittende på Bakgrunnslag , for øyeblikket det eneste laget i dokumentet:

  Lag-panelet i Photoshop CS6 viser bildet på bakgrunnslaget. Lag-panelet som viser bildet på bakgrunnslaget.

Vi må lage en kopi av dette laget. Gå opp til Lag menyen i menylinjen øverst på skjermen, velg Ny , velg deretter Lagre via Copy . Eller du kan velge den samme kommandoen fra tastaturet ved å trykke Ctrl+J (vinn) / Kommando+J (Mac):



  Velge Nytt lag via Kopier-kommandoen fra Lag-menyen. Gå til Lag > Ny > Lag via Kopier.

Photoshop lager en kopi av laget, kaller det 'Layer 1' og plasserer det rett over bakgrunnslaget:

  Lag-panelet viser kopilaget over det originale bakgrunnslaget. En kopi av laget vises over originalen.

Trinn 2: Legg til et hvitt ensfarget fylllag

La oss deretter legge til et av Photoshops Solid Color Fill-lag som skal brukes som bakgrunn for effekten vår. 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:



  Legge til et Solid Color Fill-lag i Photoshop. Velge et ensfarget fylllag.

Photoshop vil åpne Fargevelger slik at vi kan velge fargen vi vil fylle laget med. Jeg skal bruke hvit for bakgrunnsfargen min ved å angi en verdi på 255 inn i det R , G og B esker:

  Velg hvit fra fargevelgeren. En verdi på 255 for R-, G- og B-verdiene gir oss hvit.

Klikk OK for å lukke ut av fargevelgeren. Tilbake i lagpanelet ser vi det hvite Solid Color Fill-laget (kalt 'Color Fill 1') som sitter over de to bildelagene:

  Velg hvit fra fargevelgeren. Layers-panelet som viser Solid Color Fill-laget.

Og fordi Fill-laget sitter over begge bildelagene våre, er dokumentet nå midlertidig fylt med hvitt:



  Bildet er skjult av det hvite Solid Color Fill Layer. Bildet er midlertidig skjult av fylllaget.

Trinn 3: Dra det ensfargede fylllaget under lag 1

Vi må flytte Solid Color Fill-laget under lag 1. Klikk på Solid Color Fill-laget (pass på at du klikker på det lille fargeprøveikon til venstre, ikke lagmaskeikonet til høyre), og mens museknappen fortsatt holdes nede, drar du laget nedover til du ser en uthevingslinje vises mellom bakgrunnslaget og lag 1:

  Bildet er skjult av det hvite Solid Color Fill-laget. Dra fyllslaget mellom bakgrunnslaget og lag 1.

Slipp museknappen når uthevingslinjen vises for å slippe fylllaget på plass mellom de to bildelagene. Bildet ditt vil dukke opp igjen i dokumentvinduet:



  Bildet er skjult av det hvite Solid Color Fill-laget. Fylllaget sitter nå mellom de to bildelagene.

Trinn 4: Velg lag 1

Klikk på topplaget ( Lag 1 ) i lagpanelet for å velge det:

  Klikk på lag 1 for å gjøre det aktivt. Velge lag 1.

Trinn 5: Velg Typeverktøyet

Vi er klare til å legge til teksten vår. Velg Photoshop Skriv Verktøy fra Verktøy-panelet til venstre på skjermen. Du kan også velge tekstverktøyet ved å trykke på bokstaven T på tastaturet ditt:



  Velge typeverktøyet. Velge typeverktøyet.

Trinn 6: Velg din skrifttype

Med Typeverktøyet valgt, gå opp til Alternativer Bar langs toppen av skjermen og velg skrifttype. Siden målet vårt er å plassere et bilde i teksten, fungerer vanligvis fonter med tykke bokstaver best. Jeg kommer til å velge Arial Black, men du kan selvfølgelig velge hvilken som helst font du liker. Ikke bekymre deg for skriftstørrelsen foreløpig. Vi endrer størrelsen på typen manuelt senere:

  Velge en skrift fra alternativlinjen. Velge en skrift fra alternativlinjen.

Trinn 7: Sett typefargen til hvit

Dette neste trinnet er ikke absolutt nødvendig, men for å hjelpe oss med å se teksten mens vi legger den til, la oss sette typefargen til hvit . Hvis typefargen allerede er satt til hvit (eller en annen farge du enkelt kan se foran bildet), kan du hoppe over dette trinnet. For å endre typefarge, klikk på fargeprøve i alternativlinjen:

  Klikk på fargeprøven for typeverktøyet. Klikk på fargeprøven.

Dette åpner nok en gang Fargevelger . Jeg velger hvit akkurat som jeg gjorde før ved å angi en verdi på 255 for R , G og B alternativer. Klikk OK når du er ferdig for å lukke ut av fargevelgeren:

  Sette R-, G- og B-verdiene til hvit i fargevelgeren. Sette R-, G- og B-verdiene til 255.

Trinn 8: Legg til teksten din

Med tekstverktøyet valgt, valgt skrifttype og skriftfargen satt til hvit, klikk inne i dokumentet og legg til teksten. Jeg skriver ordet 'HAWAII':

  Legger til tekst foran bildet. Legger til teksten min.

Klikk på hake i alternativlinjen når du er ferdig med å godta teksten og gå ut av tekstredigeringsmodus:

  Klikk på haken for å godta teksten i Photoshop. Klikker du på haken.

Lær alt om å jobbe med skriv i Photoshop med vår Photoshop Type Essentials opplæringen!

Trinn 9: Dra typelaget under lag 1

Hvis vi ser i Lag-panelet, ser vi vårt nylig lagt til Type-lag over Layer 1, og det er grunnen til at teksten vises foran bildet i dokumentet:

  Lag-panelet viser Type-laget over de andre lagene i dokumentet. Type-laget sitter for øyeblikket over bildet.

Vi må flytte den under lag 1. Klikk på Type-laget, og mens museknappen fortsatt holdes nede, drar du den nedover til du ser en uthevingslinje vises mellom Layer 1 og Solid Color Fill-laget:

  Dra tekstlaget under lag 1 i lagpanelet. Dra tekstlaget under lag 1.

Slipp museknappen når uthevingslinjen vises for å slippe tekstlaget på plass:

  Lag-panelet som viser Type-laget flyttet under lag 1. Type-laget sitter nå under lag 1.

Trinn 10: Velg lag 1 igjen

Klikk en gang til Lag 1 for å velge den og gjøre den aktiv:

  Klikk på lag 1 for å velge det i lagpanelet. Klikk på lag 1 for å velge det.

Trinn 11: Lag en klippemaske

Med Lag 1 valgt, klikk på den lille menyikonet øverst til høyre i lagpanelet:

  Klikk på menyikonet øverst til høyre i lagpanelet. Klikk på menyikonet i lagpanelet.

Velge Lag klippemaske fra menyen som vises:

  Velg Create Clipping Mask fra Lag-panelmenyen. Velge kommandoen Create Clipping Mask.

Dette klipp bildet på lag 1 til teksten på tekstlaget under det, noe som betyr at bare området av bildet som sitter rett over selve teksten på tekstlaget forblir synlig, og skaper en illusjon om at bildet er inne i teksten. Resten av bildet er nå skjult, og i stedet ser vi det solide hvite fylllaget:

  Teksten brukes nå som en klippemaske for bildet. Bare området av bildet som sitter rett over teksten forblir synlig.

Hvis vi ser igjen i lagpanelet, ser vi at lag 1 har blitt rykket inn til høyre, med en liten pil som peker nedover på Type-laget under. Dette er hvordan Photoshop lar oss vite at Type-laget brukes som en klippemaske for lag 1:

  Lag-panelet som viser lag 1 klippet til Type-laget. Lag-panelet som viser lag 1 klippet til Type-laget.

Relatert opplæring: Hvordan Photoshop-klippemasker fungerer

Trinn 12: Velg Type Layer

Klikk på Skriv lag for å velge den og gjøre den aktiv:

  Velge Type-laget i Lag-panelet. Velge Type-laget.

Trinn 13: Endre størrelse og flytt på teksten

Alt som gjenstår å gjøre nå er å flytte og endre størrelsen på typen, og vi kan gjøre begge disse tingene ved å bruke Photoshops Free Transform-kommando. Med Type-laget valgt, gå opp til Redigere menyen øverst på skjermen og velg Gratis transformasjon . Eller trykk Ctrl+T (vinn) / Kommando+T (Mac) på tastaturet for å velge Free Transform med snarveien:

  Velge Free Transform-kommandoen fra Rediger-menyen i Photoshop. Går til Rediger > Gratis transformasjon

Dette plasserer Free Transform-boksen og håndtak (de små rutene) rundt teksten. For å endre størrelsen, klikk og dra et av håndtakene. Hvis du vil endre størrelsen på teksten uten å forvrenge de opprinnelige formene til bokstavene, holder du nede Skifte tasten mens du drar en av de fire hjørnehåndtak . Du kan også endre størrelsen på teksten fra midten ved å holde nede Alt (vinn) / Alternativ (Mac)-tasten mens du drar. Til slutt, for å flytte teksten, klikk inne i Free Transform-boksen og dra den på plass med musen:

  Flytte og endre størrelse på teksten med Free Transform. Flytte og endre størrelse på teksten med Free Transform.

Når du er ferdig, trykk Tast inn (vinn) / Komme tilbake (Mac) for å godta transformasjonen og gå ut av Free Transform:

  Effekten etter flytting og endring av størrelse på typen. Effekten etter flytting og endring av størrelse på typen.

Trinn 14: Legg til en skygge (valgfritt)

Dette siste trinnet er valgfritt, men for å fullføre effekten legger jeg til en skygge. Hvis du vil følge med, mens Type-laget fortsatt er aktivt, klikker du på Lagstiler ikonet («fx»-ikonet) nederst i lagpanelet:

  Klikk på ikonet for lagstiler. Klikk på ikonet for lagstiler.

Velge Drop Shadow fra bunnen av listen som vises:

  Velge en Drop Shadow-lageffekt. Velge en Drop Shadow-lageffekt.

Dette åpner dialogboksen Lagstil satt til Drop Shadow-alternativene i den midterste kolonnen. Jeg senker Opasitet av fallskyggen fra standardverdien på 75 % ned til femti% for å redusere intensiteten, så setter jeg inn Vinkel av skyggen til 120° . Jeg øker min Avstand verdi til 30 piksler og Størrelse til 40 piksler , men disse to verdiene avhenger mye av størrelsen på bildet ditt, så du må kanskje leke med dem på egen hånd for å finne innstillingene som fungerer best:

  Drop Shadow-alternativene. Drop Shadow-alternativene.

Klikk OK for å lukke ut av dialogboksen Lagstil, og vi er ferdige! Her, etter å ha lagt til en skygge til bokstavene, er mitt endelige 'bilde i tekst'-resultatet:

  Plassere et bilde i tekst med Photoshop CS6. Den endelige effekten.