I denne opplæringen lærer vi hvordan du plasserer et bilde i tekst med Photoshop, en veldig populær effekt å lage og en som også skjer veldig enkelt å gjøre takket være kraften i Photoshops klippemasker, som vi nå skal til. se!
Denne versjonen av opplæringen er for Photoshop CS5 og tidligere. Hvis du bruker Photoshop CC eller CS6, kan du se den fullstendig reviderte og oppdaterte versjonen av denne opplæringen. Her er effekten vi går for:
Den endelige "image in text" -effekten.
La oss komme i gang!
Slik plasserer du et bilde i tekst
Trinn 1: Åpne et bilde for å plassere i teksten din
Først trenger vi bildet som vi skal plassere inne i teksten vår. Jeg skal bruke dette panoramabildet av Hawaii:
Havutsikt fra Hawaii.
Se videoopplæringen på YouTube-kanalen vår!
Trinn 2: Dupliser bakgrunnslaget
Hvis vi ser i lagpaletten, kan vi se at vi for øyeblikket har ett lag, kalt bakgrunn . Dette laget inneholder bildet vårt. Vi må duplisere dette laget, og den enkleste måten å gjøre det på er å bruke tastatursnarveien Ctrl + J (Win) / Command + J (Mac). Ser vi nok en gang i lagpaletten, ser vi at vi nå har to lag. Det originale bakgrunnslaget er på bunnen, og en kopi av bakgrunnslaget, som Photoshop automatisk har kalt "Lag 1", sitter over det:
Photoshops lagpalett.
Trinn 3: Legg til et nytt tomt lag mellom de to lagene
Deretter må vi legge til et nytt tomt lag mellom bakgrunnslaget og "Lag 1". For øyeblikket er "Lag 1" det laget som er valgt i lagpaletten. Vi kan fortelle hvilket lag som er valgt fordi det valgte laget alltid er uthevet i blått. Når vi legger til et nytt lag, plasserer Photoshop normalt det nye laget rett over hvilket lag som for øyeblikket er valgt, noe som betyr at Photoshop vil plassere laget over "Lag 1". Det er ikke det vi ønsker. Vi ønsker at det nye laget skal plasseres under "Lag 1". Her er et nyttig triks. For å legge til et nytt lag under det for øyeblikket valgte laget, hold nede Ctrl (Win) / Command (Mac) -tasten og klikk på ikonet for nytt lag nederst i lagpaletten. Å holde nede Ctrl (Win) / Command (Mac) er trikset for å plassere laget under det for øyeblikket valgte laget:
Hold nede "Ctrl" (Win) / "Command" (Mac) og klikk på ikonet for nytt lag i paletten Lag.
Vi har nå et nytt tomt lag med navnet "Lag 2" som sitter direkte mellom bakgrunnsjiktet og "Lag 1":
Lagpaletten som viser det nye blanke laget mellom bakgrunnsjiktet og "Lag 1".
Trinn 4: Fyll det nye laget med hvitt
For øyeblikket er det nye laget vårt helt tomt. La oss fylle det med hvitt, så det vises som en hvit bakgrunn etter at vi har plassert bildet vårt i teksten. Gå opp til Rediger- menyen øverst på skjermen og velg Fyll . Dette får opp Photoshops Fyll-dialogboks. Velg Hvitt for Innhold- alternativet øverst i dialogboksen, og klikk deretter OK for å gå ut av dialogboksen:
Velg Hvitt for Innhold-alternativet øverst i dialogboksen Fyll-kommandoen.
Ingenting ser ut til å ha skjedd i dokumentvinduet, siden bildet på "Lag 1" blokkerer "Lag 2" fra visningen, men hvis vi ser på forhåndsvisnings-miniatyrbildet for "Lag 2" i lagpaletten, kan vi se det er nok, laget er nå fylt med fast hvitt:
Forhåndsvise miniatyrbilde for "Lag 2" viser at laget nå er fylt med hvitt.
Trinn 5: Velg "Lag 1" i lagpaletten
Det er på tide å legge til teksten vår, men for å se teksten når vi legger den til, må vi la teksten vises over "Lag 1", ellers vil bildet på "Lag 1" blokkere teksten fra visningen. For å sikre at vi kan se teksten vår, klikker du på "Lag 1" i lagpaletten for å velge den. På denne måten, så snart vi begynner å skrive, vil Photoshop opprette et nytt typelag for oss og plassere typelaget rett over "Lag 1":
Klikk på "Lag 1" i lagpaletten for å velge den.
Trinn 6: Velg Type Tool
For å legge til teksten, trenger vi Photoshops Type Tool, så velg Type Tool fra Verktøy-paletten. Du kan også raskt velge Type Tool ved å trykke på bokstaven T på tastaturet:
Velg Type Tool.
Trinn 7: Velg en skrift i alternativlinjen
Når du har valgt Typeverktøy, går du opp til Alternativfeltet øverst på skjermen og velger hvilken skrift du vil bruke for effekten. Generelt fungerer skrifter med tykke bokstaver best. Jeg skal velge Arial Black. Ikke bekymre deg for skriftstørrelsen for nå:
Velg en font i alternativlinjen.
Trinn 8: Sett hvitt som forgrunnen din farge
Dette trinnet er ikke helt nødvendig, men for å hjelpe meg med å se teksten min, skal jeg bruke hvitt til tekstfargen. Fargen du velger for teksten din spiller ingen rolle, siden vi vil fylle teksten med et bilde om et øyeblikk, men det hjelper fortsatt å kunne se teksten når vi legger til den. For å sette tekstfargen til hvit, er alt vi trenger å gjøre å sette Photoshops forgrunnsfarge til hvit. Trykk først bokstaven D på tastaturet, som vil tilbakestille forgrunnen og bakgrunnsfargene til standardverdiene. Svart er standardfargen for forgrunnen, og hvit er standardfargen for bakgrunnsfargen. For å bytte dem så hvite blir forgrunnen farge, trykk bokstaven X på tastaturet. Hvis du ser på fargeprøver i forgrunnen og bakgrunnen nær bunnen av verktøypaletten, vil du se at hvitt nå er forgrunnen farge (venstre fargeprøve):
Innstilling av forgrunnen farge til hvit setter tekstfargen også til hvit.
Trinn 9: Legg til teksten din
Når du har valgt Typeverktøy, valgt skrifttype og hvit som forgrunnen din, klikker du i dokumentvinduet og legger til teksten. Siden jeg bruker et bilde av en havscene på Hawaii, skal jeg skrive ordet "HAWAII":
Klikk inne i dokumentet og legg til teksten din.
Når du er ferdig, kan du klikke på avmerkingen oppe i alternativlinjen for å godta teksten.
Klikk på avmerkingen i alternativlinjen for å godta teksten.
Trinn 10: Endre størrelse på og flytt teksten med kommandoen gratis transformering
Du må sannsynligvis endre størrelse på og omplassere teksten din på dette tidspunktet, og vi kan gjøre begge disse tingene ved å bruke Photoshop's Free Transform- kommando. Trykk Ctrl + T (Win) / Command + T (Mac) på tastaturet for å få frem gratis transformeringsboksen og håndtakene rundt teksten, og dra deretter noen av håndtakene for å endre størrelsen på teksten. Hvis du vil endre størrelsen på teksten uten å forvrenge utseendet på den, holder du nede Skift- tasten og drar et av de fire hjørnehåndtakene. Du kan også endre størrelse på teksten fra midten ved å holde Alt (Win) / Option (Mac) -tasten nede mens du drar. Til slutt, for å flytte teksten, klikker du hvor som helst i boksen Gratis transformering og drar musen for å flytte teksten rundt i dokumentvinduet:
Bruk Photoshop's Free Transform-kommando for å endre størrelse på og flytte teksten.
Trykk Enter (Win) / Return (Mac) når du er ferdig med å godta transformasjonen og avslutte kommandoen Free Transform.
Trinn 11: Dra tekstlaget under "Lag 1"
Nå som vi har teksten slik vi ønsker den, må vi flytte typelaget under teksten i lagpaletten. Klikk på tekstlaget, og dra det ned under "Lag 1". Du vil se en tykk svart linje vises mellom "Lag 1" og "Lag 2":
Dra typelaget under "Lag 1".
Slipp museknappen når den svarte linjen ser ut til å slippe typelaget på plass mellom "Lag 1" og "Lag 2":
Typelaget vises nå mellom "Lag 1" og "Lag 2".
Trinn 12: Velg "Lag 1" igjen
Klikk igjen på "Lag 1" i lagpaletten for å velge det:
Typelaget vises nå mellom "Lag 1" og "Lag 2".
Teksten forsvinner midlertidig inne i dokumentvinduet nå som bildet i "Lag 1" blokkerer det fra visning.
Trinn 13: Lag et klippemaske
For å skape en illusjon om at bildet er i teksten, må vi bruke en klippemaske . Dette vil "klippe" bildet på "Lag 1" til teksten på laget rett under det. Eventuelle områder på bildet som vises rett over bokstavene, vil forbli synlige i dokumentet. Resten av bildet forsvinner fra visningen.
Når "Lag 1" er valgt i lagpaletten, går du opp til Lag- menyen øverst på skjermen og velger Opprett klippemaske :
Gå til Layer> Create Clipping Mask.
Hvis vi ser i dokumentvinduet, kan vi se at bildet nå ser ut til å være i teksten:
Bildet vises nå inne i bokstavene.
Trinn 14: Legg til en drop Shadow (valgfritt)
For å fullføre effekten min, vil jeg legge en dråpe skygge til bokstavene. Hvis du vil følge med, velger du først typelaget i lagpaletten og deretter klikker du på ikonet Lagstiler nederst i lagpaletten:
Velg typelaget, og klikk deretter på Layer Styles-ikonet.
Velg Drop Shadow fra listen over lagstiler som vises:
Velg Drop Shadow-lagstilen.
Dette bringer opp Photoshops Layer Style- dialogboks satt til Drop Shadow- alternativene i den midterste kolonnen. Jeg kommer til å la de fleste alternativene være i fred, men jeg vil senke tettheten til dråpeskyggen ned til omtrent 60%, så den ikke er så intens, og jeg vil stille vinkelen til fallskyggen til 120 ° :
Dialogboksen Layer Style som viser alternativene for Drop Shadow.
Klikk OK når du er ferdig for å bruke dråpeskyggen og gå ut av dialogboksen Lagstil. Her er min endelige "image in text" -effekt:
Den endelige "image in text" -effekten.
Neste opplæring: Hvordan plassere et bilde i flere tekstlag samtidig!
Plassere et bilde i tekst - raskt sammendrag
Vi dekket mye i denne opplæringen. Her er en rask oversikt over trinnene for når du trenger det:
- I Photoshop åpner du bildet, og trykk deretter Ctrl + J (Win) / Command + J (Mac) for å duplisere bakgrunnslaget.
- Trykk og hold Ctrl (Win) / Command (Mac), og klikk på ikonet New Layer i Layer- panelet for å legge til et nytt tomt lag mellom de to eksisterende lagene.
- Gå opp til Rediger- menyen i menylinjen og velg Fyll . I dialogboksen Fyll setter du Bruk til hvitt . Klikk OK.
- Velg det øverste laget (lag 1) i lagpanelet for å gjøre det aktivt.
- Velg Type Tool, og velg deretter fontalternativer på Alternativer-linjen.
- Sett forgrunnen din farge til hvit, klikk deretter i dokumentet og legg til teksten.
- Trykk Ctrl + T (Win) / Command + T (Mac) for å velge Free Transform, deretter endre størrelse på og flytte teksten etter behov. Trykk Enter (Win) / Return (Mac) for å avslutte Free Transform.
- I Lag-panelet drar du Type-laget under bildet på lag 1.
- Velg Lag 1 for å gjøre det aktivt, gå deretter opp til Lag- menyen i menylinjen og velg Lag klippemaske .
- For å legge til en dråpe skygge i teksten, i Lag-panelet, klikk på " fx " -ikonet, velg Drop Shadow, og angi deretter Vinkel og opacitet etter behov.
Og der har vi det! Slik kan du enkelt plassere et bilde i tekst med Photoshop! Besøk teksteffekter eller fotoeffekter-seksjonene for flere opplæringer om Photoshop-effekter!