Can I add text to a PNG image?

Billeder i Tekst: En Klassisk Photoshop Effekt

En af de mest populære og klassiske effekter i Adobe Photoshop er muligheden for at placere et billede direkte inde i din tekst. Dette skaber en visuelt slående effekt, hvor bogstaverne fungerer som vinduer til et billede bagved. Takket være kraften i beskæringsmasker i Photoshop er denne proces både enkel og ligetil. Denne guide viser dig præcis hvordan, og den er fuldt kompatibel med både ældre versioner som Photoshop CS6 og de nyeste Creative Cloud (CC) versioner.

Forestil dig et smukt landskab, en byskyline eller et abstrakt mønster, der fylder konturerne af dine bogstaver. Denne teknik er fantastisk til overskrifter, plakater, sociale medieopslag eller enhver anden grafisk designopgave, hvor du ønsker at kombinere tekst og billede på en kreativ måde.

How to put a picture behind text in Photoshop?
To create the illusion that the photo is inside the text, we need to use a clipping mask. This will "clip" the photo on "Layer 1" to the text on the layer directly below it. Any areas of the photo that appear directly above the letters will remain visible in the document. The rest of the photo will disappear from view.
Indholds

Sådan Placerer Du Et Billede Inde i Tekst med Photoshop

Vi vil nu gennemgå hvert trin i processen. Det er vigtigt at følge trinnene omhyggeligt, da lagpanelet og rækkefølgen af dine lag er afgørende for, at effekten fungerer korrekt.

Trin 1: Åbn Dit Billede og Duplikér Baggrundslaget

Start med at åbne det billede, du ønsker at bruge inde i din tekst. Når billedet er åbnet, kan du se i dit Lagpanel (normalt placeret i nederste højre hjørne af Photoshops grænseflade), at billedet ligger på et lag kaldet 'Baggrund'. Dette er standardlaget for nyåbnede billeder.

Det er altid en god idé at arbejde på en kopi af dit oprindelige lag. Dette bevarer det originale billede uberørt, hvis du skulle have brug for det senere, eller hvis du laver en fejl. For at duplikere baggrundslaget, gå op til menuen 'Lag' (Layer) i menulinjen øverst på skærmen, vælg 'Ny' (New), og vælg derefter 'Lag via Kopi' (Layer via Copy). Alternativt kan du bruge tastaturgenvejen Ctrl+J (Windows) eller Command+J (Mac). Photoshop vil oprette en kopi af laget, give det navnet 'Lag 1' og placere det direkte oven over 'Baggrundslaget'.

Trin 2: Tilføj Et Ensfarvet Hvidt Fyldlag

Nu skal vi tilføje et baggrundslag, der vil være synligt omkring vores tekst/billede-effekt. Selvom du kan bruge enhver farve, er hvid et almindeligt valg for at få effekten til at træde tydeligt frem. Klik på ikonet 'Nyt Fyld- eller Justeringslag' (New Fill or Adjustment Layer) nederst i Lagpanelet. Det ser ud som et halvt sort, halvt hvidt cirkelikon.

Fra listen, der popper op, skal du vælge 'Ensfarvet Farve...' (Solid Color...). Photoshop åbner Farvevælgeren (Color Picker), så du kan vælge din baggrundsfarve. For at vælge hvid, indtast værdien 255 i felterne for R (Rød), G (Grøn) og B (Blå). Klik OK for at lukke Farvevælgeren.

I Lagpanelet ser du nu det hvide 'Ensfarvet Farve'-lag (som standard navngivet 'Farvefyld 1') placeret øverst, over dine to billedlag. Da dette lag ligger øverst, vil hele dokumentvinduet nu midlertidigt være fyldt med hvidt, og dit billede vil være skjult.

Trin 3: Træk Fyldlaget Under Lag 1

Vi skal ændre rækkefølgen af lagene. Klik på 'Farvefyld 1'-laget i Lagpanelet (sørg for at klikke på det lille farveprøveikon til venstre for lagnavnet, ikke på lagmaskeikonet til højre). Hold museknappen nede og træk laget nedad, indtil du ser en fremhævet linje vises mellem 'Baggrundslaget' og 'Lag 1'. Slip museknappen, når den fremhævede linje er på plads, for at placere farvefyldlaget mellem de to billedlag. Dit billede vil nu dukke op igen i dokumentvinduet, da 'Lag 1' nu ligger øverst igen.

Trin 4: Vælg Lag 1 Igen

Klik igen på det øverste lag ('Lag 1') i Lagpanelet for at sikre, at det er valgt og aktivt. Dette er vigtigt, da det er dette lag, vi skal bruge som indhold for vores tekst.

Trin 5: Vælg Tekstværktøjet

Nu er vi klar til at tilføje den tekst, der skal indeholde billedet. Vælg Photoshops Tekstværktøj (Type Tool) fra Værktøjspanelet langs venstre side af skærmen. Ikonet for Tekstværktøjet er et stort 'T'. Du kan også vælge værktøjet ved blot at trykke på bogstavet T på dit tastatur.

Trin 6: Vælg Din Skrifttype

Med Tekstværktøjet valgt, gå op til Indstillingslinjen (Options Bar) øverst på skærmen. Her kan du vælge din skrifttype (font). Da målet er at placere et billede inde i teksten, fungerer skrifttyper med tykke bogstaver generelt bedst, da de giver mere plads til billedet. Arial Black er et populært valg, men du kan selvfølgelig vælge enhver skrifttype, du kan lide. Du skal ikke bekymre dig om skriftstørrelsen lige nu; vi ændrer størrelsen på teksten manuelt senere ved hjælp af Fri Transformering.

Trin 7: Indstil Din Tekstfarve Til Hvid

Dette trin er ikke strengt nødvendigt for selve effekten, men for at hjælpe dig med at se teksten, mens du skriver den, er det en god idé at indstille tekstfarven til hvid (eller en anden farve, der står i kontrast til dit billede). Hvis din tekstfarve allerede er hvid eller en synlig farve, kan du springe dette trin over. For at ændre tekstfarven, klik på farveprøven i Indstillingslinjen. Dette åbner Farvevælgeren igen. Vælg hvid ved at indtaste 255 for R, G og B. Klik OK for at lukke Farvevælgeren.

Trin 8: Tilføj Din Tekst

Med Tekstværktøjet valgt, din skrifttype valgt og din tekstfarve indstillet til hvid, klik inde i dit dokumentvindue og tilføj din tekst. Skriv det ord eller den sætning, du ønsker at bruge. Når du er færdig med at skrive, klik på fluebenet i Indstillingslinjen for at acceptere teksten og afslutte tekstredigeringstilstanden.

Trin 9: Træk Tekstlaget Under Lag 1

Kig i Lagpanelet igen. Du vil se dit nyligt tilføjede Tekstlag (som standard navngivet med den tekst, du skrev) øverst, over 'Lag 1'. Derfor vises teksten foran billedet i dokumentvinduet.

Vi skal flytte Tekstlaget under 'Lag 1'. Klik på Tekstlaget, og hold museknappen nede, mens du trækker det nedad, indtil du ser en fremhævet linje vises mellem 'Lag 1' og 'Farvefyld 1'-laget. Slip museknappen, når den fremhævede linje er på plads, for at placere Tekstlaget under 'Lag 1'. Tekstlaget sidder nu under 'Lag 1', og teksten vil forsvinde fra syne i dokumentvinduet, da den ligger under billedet. Dette er helt normalt og korrekt for næste trin.

Trin 10: Vælg Lag 1 Igen

Klik endnu en gang på 'Lag 1' i Lagpanelet for at sikre, at det er valgt og aktivt. Dette er laget med billedet, som vi vil 'klippe' ind i teksten.

Trin 11: Opret En Beskæringsmaske

Med 'Lag 1' valgt, klik på det lille menuikon i øverste højre hjørne af Lagpanelet. Fra menuen, der vises, vælg 'Opret Beskæringsmaske' (Create Clipping Mask). Dette er kernen i effekten.

Denne handling 'klipper' billedet på 'Lag 1' til teksten på Tekstlaget direkte under det. Det betyder, at kun den del af billedet, der ligger direkte over de faktiske bogstaver på Tekstlaget, forbliver synlig. Resten af billedet bliver skjult. I stedet for de skjulte dele af billedet ser vi det ensfarvede hvide fyldlag, som vi placerede længere nede i stakken.

Hvis du kigger i Lagpanelet igen, vil du se, at 'Lag 1' nu er rykket en smule ind til højre, og der er en lille pil, der peger ned på Tekstlaget nedenunder. Dette er Photoshops måde at indikere, at Tekstlaget bruges som en beskæringsmaske for 'Lag 1'.

Trin 12: Vælg Tekstlaget

Klik på Tekstlaget i Lagpanelet for at vælge det og gøre det aktivt. Selvom effekten visuelt er billedet inde i teksten, er det Tekstlaget, der styrer formen og positionen af effekten. Ved at vælge Tekstlaget kan vi nemt flytte og ændre størrelsen på vores tekst/billede-kombination.

Trin 13: Tilpas Størrelse og Position på Teksten

Nu kan du flytte og ændre størrelsen på din tekst (og dermed billedet indeni) ved hjælp af Photoshops Fri Transformering (Free Transform) kommando. Med Tekstlaget valgt, gå op til menuen 'Rediger' (Edit) øverst på skærmen og vælg 'Fri Transformering' (Free Transform). Alternativt kan du bruge tastaturgenvejen Ctrl+T (Windows) eller Command+T (Mac).

Dette placerer Fri Transformering-boksen og håndtagene (de små firkanter) omkring din tekst. For at ændre størrelsen, klik og træk i et af håndtagene. Hvis du vil ændre størrelsen proportionalt uden at forvrænge bogstavernes oprindelige former, skal du holde Shift-tasten nede, mens du trækker i et af de fire hjørnehåndtag. Du kan også ændre størrelsen fra midten ved at holde Alt (Windows) eller Option (Mac) tasten nede, mens du trækker. For at flytte teksten, klik inde i Fri Transformering-boksen og træk den til den ønskede position med musen. Du kan se, hvordan billedet bevæger sig og tilpasser sig bogstaverne, mens du flytter teksten.

Når du er tilfreds med størrelsen og placeringen af din tekst, tryk på Enter (Windows) eller Retur (Mac) for at acceptere transformationen og afslutte Fri Transformering.

Trin 14: Tilføj En Skygge (Valgfrit)

Dette sidste trin er valgfrit, men tilføjelse af en skygge kan give teksten mere dybde og få den til at skille sig bedre ud fra baggrunden. Hvis du vil tilføje en skygge, skal du sørge for, at Tekstlaget stadig er aktivt. Klik på ikonet 'Lagstilarter' (Layer Styles), som er 'fx'-ikonet, nederst i Lagpanelet.

Vælg 'Skyggeeffekt' (Drop Shadow) fra listen, der vises. Dette åbner dialogboksen 'Lagstil' (Layer Style), hvor indstillingerne for 'Skyggeeffekt' er valgt i midterkolonnen. Her kan du justere forskellige parametre for skyggen:

  • Opacitet (Opacity): Styrer gennemsigtigheden af skyggen. En lavere værdi giver en lysere, mere subtil skygge. Standard er 75%, men en værdi omkring 50% kan ofte se mere naturlig ud.
  • Vinkel (Angle): Bestemmer retningen, skyggen falder fra. 120° er et almindeligt udgangspunkt.
  • Afstand (Distance): Bestemmer, hvor langt skyggen falder fra teksten. En højere værdi skubber skyggen længere væk.
  • Spredning (Spread): Kontrollerer, hvor 'fast' skyggens kant er. En højere værdi gør kanten skarpere.
  • Størrelse (Size): Bestemmer, hvor blød skyggens kant er. En højere værdi giver en blødere, mere diffus skygge.

Værdierne for Afstand og Størrelse afhænger meget af størrelsen på dit dokument og din tekst, så du skal muligvis eksperimentere med disse indstillinger for at finde det, der fungerer bedst for dig. Når du er tilfreds med dine indstillinger, klik OK for at lukke dialogboksen 'Lagstil'.

Og der har du det! Dit billede er nu smukt placeret inde i din tekst.

Lagpanel Oversigt

For at opsummere den vigtige lagrækkefølge, her er, hvordan dine lag skal se ud i Lagpanelet for at effekten virker:

Lagnavn Indhold Position i stakken Bemærkning
Lag 1 Billedkopi Øverst Dette lag er 'klippet' til laget nedenunder (har en pil nedad og er rykket ind)
[Dit Tekstlag] Tekst Under Lag 1 Fungerer som beskæringsmaske
Farvefyld 1 Ensfarvet hvid (eller anden farve) Under Tekstlaget Bagteksten, synlig hvor billedet er skjult
Baggrund Originalt billede Nederst Originalt billede, ikke brugt i effekten

Ofte Stillede Spørgsmål (FAQ)

Hvorfor kan jeg ikke se billedet inde i teksten?

Dette skyldes næsten altid, at lagene ikke er i den korrekte rækkefølge i Lagpanelet, eller at du ikke har oprettet beskæringsmasken korrekt. Tjek, at 'Lag 1' (billedet) ligger direkte over dit Tekstlag, og at 'Lag 1' er rykket ind med en lille pil, der peger nedad mod Tekstlaget. Sørg også for, at du har valgt 'Lag 1', før du vælger 'Opret Beskæringsmaske' fra Lagpanel-menuen.

Min tekst ser forvrænget ud, når jeg ændrer størrelse på den med Fri Transformering. Hvad gør jeg galt?

Du glemmer sandsynligvis at holde Shift-tasten nede, mens du trækker i hjørnehåndtagene under Fri Transformering. Hold Shift nede for at bevare tekstens proportioner.

Kan jeg bruge denne effekt på flere linjer tekst eller flere Tekstlag?

Denne specifikke metode virker bedst med ét Tekstlag. Hvis du vil anvende effekten på flere separate tekststykker eller linjer, der skal have forskellig placering af billedet, skal du gruppere Tekstlagene først og derefter oprette beskæringsmasken med billedlaget over gruppen. Dette er en lidt mere avanceret teknik, men princippet med beskæringsmasken er det samme.

Hvilke skrifttyper er bedst til denne effekt?

Skrifttyper med tykke, fede bogstaver (som Arial Black, Impact, Bebas Neue, Oswald osv.) fungerer generelt bedst, da de giver mere overfladeareal til billedet at blive vist indenfor. Meget tynde eller script-skrifttyper kan gøre billedet svært at se eller genkende.

Kan jeg ændre billedet inde i teksten efter at have oprettet beskæringsmasken?

Ja! Du kan flytte og skalere billedet inden i teksten uafhængigt af teksten. Vælg 'Lag 1' (billedlaget) i Lagpanelet, og brug derefter Flytteværktøjet (Move Tool - tastaturgenvej V) eller Fri Transformering (Ctrl/Cmd+T). Du vil se, at billedet bevæger sig inden for tekstens 'ramme'. Dette giver dig mulighed for at positionere den mest interessante del af billedet over bogstaverne.

Hvad hvis jeg vil have en anden farve end hvid som baggrund?

Du kan nemt ændre baggrundsfarven ved at dobbeltklikke på farveprøveikonet på 'Farvefyld 1'-laget i Lagpanelet. Dette åbner Farvevælgeren igen, hvor du kan vælge en ny farve. Klik OK, og baggrunden opdateres med det samme.

Kan jeg bruge denne effekt med former i stedet for tekst?

Ja, princippet med beskæringsmasker fungerer på samme måde med former. Du kan tegne en form med Formværktøjet (Shape Tool) og derefter bruge formlaget som beskæringsmaske for et billedlag ovenover.

Afsluttende tanker

At placere et billede inde i tekst ved hjælp af beskæringsmasker er en fundamental og alsidig teknik i Photoshop. Når du først mestrer dette, åbner det op for mange kreative muligheder. Husk, at eksperimentere med forskellige billeder, skrifttyper og baggrundsfarver kan give vidt forskellige resultater. Prøv også at lege med skyggeeffekten eller tilføje andre lagstilarter til teksten for at give den endnu mere dybde og visuel interesse.

Denne guide har vist dig, hvordan du anvender effekten på et enkelt ord eller et enkelt Tekstlag. Med denne viden er du godt rustet til at skabe iøjnefaldende tekstbaserede designs i Photoshop.

Hvis du vil læse andre artikler, der ligner Billeder i Tekst: En Klassisk Photoshop Effekt, kan du besøge kategorien Photoshop.

Avatar photo

Franne Voigt

Mit navn er Franne Voigt, jeg er en 35-årig fotograf fra Danmark med en passion for at fange øjeblikke og dele mine erfaringer gennem min fotoblog. Jeg har arbejdet med både portræt- og naturfotografi i over et årti, og på bloggen giver jeg tips, teknikker og inspiration til både nye og erfarne fotografer. Fotografi er for mig en måde at fortælle historier på – én ramme ad gangen.

Go up