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):
Originalbildet.Og her er hvordan det samme bildet vil se ut når det plasseres i tekst:
Det endelige resultatet.La oss komme i gang!
Hvordan plassere et bilde i tekst med Photoshop
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 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):
Gå til Lag > Ny > Lag via Kopier.Photoshop lager en kopi av laget, kaller det 'Layer 1' og plasserer det rett over 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 for nytt fyll eller justeringslag.Velge Ensfarget fra toppen av listen som vises:
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:
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:
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 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:
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:
Fylllaget sitter nå mellom de to bildelagene.Trinn 4: Velg lag 1
Klikk på topplaget ( Lag 1 ) i lagpanelet for å velge det:
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.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.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.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 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 teksten min.Klikk på hake i alternativlinjen når du er ferdig med å godta teksten og gå ut av tekstredigeringsmodus:
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:
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.Slipp museknappen når uthevingslinjen vises for å slippe tekstlaget på plass:
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.Trinn 11: Lag en klippemaske
Med Lag 1 valgt, klikk på den lille menyikonet øverst til høyre i lagpanelet:
Klikk på menyikonet i lagpanelet.Velge Lag klippemaske fra menyen som vises:
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:
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.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.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:
Går til Rediger > Gratis transformasjonDette 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.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.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.Velge Drop Shadow fra bunnen av listen som vises:
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.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:
Den endelige effekten.
