Skab Overlappende Tekst med Farver i Photoshop

At skabe visuelt interessante teksteffekter i Photoshop kan virkelig løfte dine designs. En populær og forholdsvis enkel effekt er at lade bogstaver overlappe hinanden på en måde, så deres farver smelter sammen i de overlappende områder. Dette giver et dynamisk og farverigt udtryk. I denne artikel gennemgår vi præcis, hvordan du opnår denne 'overlapping letters' effekt i Photoshop. Processen involverer at tilføje tekst, konvertere den til former, tildele individuelle farver til hvert bogstav og derefter arrangere dem, så de overlapper. Den magiske farveblanding sker ved hjælp af en specifik blandingstilstand for lagene. Lad os dykke ned i, hvordan det virker!

Sådan Skaber Du Overlappende Tekst i Photoshop

Vi starter med et tomt lærred i Photoshop. Disse trin er kompatible med både nyere versioner af Photoshop CC og Photoshop CS6, så du kan følge med uanset din version.

Trin 1: Opret et nyt dokument

Begynd med at oprette et nyt dokument. Gå op i menuen Filer og vælg Ny. I dialogboksen for Nyt Dokument skal du indstille Bredden til f.eks. 1600 pixels, Højden til 800 pixels, Opløsningen til 72 pixels/tomme (hvilket er fint til skærmbrug) og Baggrundsindhold til Hvid. Klik på Opret eller OK for at lukke dialogboksen og skabe det nye dokument.

Trin 2: Tilføj din tekst

Vælg Tekstværktøjet (Type Tool) fra værktøjslinjen. I indstillingslinjen øverst på skærmen skal du vælge din skrifttype. Tykkere skrifttyper fungerer generelt bedst til denne effekt, da de giver mere overfladeareal til overlapping. Vælg en skrifttype, der appellerer til dig – for eksempel Avenir Next Bold, som nævnes i eksemplet. Indstil skriftstørrelsen til 72 pt. Vi justerer størrelsen senere, men dette giver en god startstørrelse. Sørg for, at din tekstfarve er indstillet til sort, så teksten er tydelig mod den hvide baggrund. Du kan trykke på bogstavet D på dit tastatur for hurtigt at nulstille farverne til sort og hvid. Vi vælger de endelige farver for hvert bogstav, når teksten er konverteret til former. Klik inde i dokumentet og tilføj din tekst. Skriv det ord, du ønsker at bruge. For at acceptere teksten, klik på fluebenet i indstillingslinjen.

Trin 3: Tilpas størrelse og flyt teksten med Fri Transformering

For at tilpasse størrelsen på teksten og placere den centralt, skal du bruge funktionen Fri Transformering. Gå op i menuen Rediger og vælg Fri Transformering (Free Transform). Photoshop placerer nu en boks med håndtag omkring din tekst. For at ændre størrelsen, tryk og hold Shift-tasten nede, mens du klikker og trækker i et af hjørnehåndtagene. At holde Shift nede sikrer, at tekstens proportioner bevares, så du ikke forvrænger bogstaverne. Slip musen først, og derefter Shift-tasten. For at flytte teksten til midten af dokumentet, klik og træk inde i transformeringsboksen. Når du er tilfreds med størrelsen og placeringen, tryk på Enter (Windows) eller Retur (Mac) på dit tastatur for at afslutte Fri Transformering.

Trin 4: Konverter teksten til former

I Lag-panelet (Layers panel) ses teksten på et nyt Tekstlag over Baggrundslaget. For at kunne manipulere hvert bogstav individuelt som en form, skal vi konvertere tekstlaget til et formlag. Med tekstlaget valgt, gå op i menuen Tekst og vælg Konverter til Form (Convert to Shape). I Lag-panelet vil du nu se, at tekstlaget er blevet et Formlag. Dette betyder, at teksten ikke længere er redigerbar som tekst; hvert bogstav er nu en vektorform. I dokumentet vil du muligvis se stioversigter omkring bogstaverne, hvilket bekræfter, at teksten er konverteret til en form.

Trin 5: Flyt hvert bogstav til sit eget lag

For at kunne overlappe bogstaverne og blande deres farver, skal hvert bogstav befinde sig på sit eget separate lag. Vælg Stiværktøjet (Sort Pil) (Path Selection Tool) fra værktøjslinjen. Hvis du bruger Photoshop CC, kan du i indstillingslinjen ændre indstillingen Vælg til Alle Lag (All Layers). Dette gør det nemmere at vælge individuelle bogstaver. I Photoshop CS6 er denne mulighed ikke tilgængelig, men du kan stadig vælge bogstaverne ved at klikke på dem.

Klik et sted på den hvide baggrund for at fravælge eventuelle markerede bogstaver. Klik derefter på det første bogstav længst til venstre for at markere det. En stioversigt vil kun dukke op omkring dette ene bogstav. For at flytte dette bogstav til sit eget lag, gå op i menuen Lag, vælg Ny, og derefter Formlag via Klip (Shape Layer via Cut). En hurtigere og anbefalet metode er at bruge tastaturgenvejen Shift+Ctrl+J (Windows) eller Shift+Command+J (Mac). Det ser måske ikke ud af noget, men i Lag-panelet vil du nu se, at det første bogstav er blevet flyttet til sit eget Formlag over det originale lag.

Fortsæt med at flytte de resterende bogstaver til deres egne lag. Klik på et bogstav med Stiværktøjet for at markere det (dobbeltklik i Photoshop CS6), og tryk derefter Shift+Ctrl+J (Win) / Shift+Command+J (Mac) for at klippe bogstavet fra det originale Formlag og indsætte det på sit eget lag. Arbejd dig igennem bogstaverne ét ad gangen fra venstre mod højre, indtil hvert bogstav er på et separat lag. Når du når det sidste bogstav til højre, kan du blot lade det være, da det vil være det eneste bogstav tilbage på det originale Formlag.

Trin 6: Skift blandingstilstanden for bogstaverne til Multiply

Snart vil vi ændre farven på hvert bogstav og flytte dem tættere sammen, så de overlapper. For at farverne i de overlappende områder skal blandes sammen, skal vi ændre blandingstilstanden (Blend Mode) for hvert Formlag. Photoshop lader os hurtigt ændre blandingstilstanden for flere lag på én gang. Klik på det øverste lag i Lag-panelet for at markere det. Hold derefter Shift-tasten nede og klik på det originale Formlag direkte over Baggrundslaget for at markere alle Formlagene på én gang.

Skift blandingstilstanden i øverste venstre hjørne af Lag-panelet fra Normal til Multiply (Gange). Effekten af Multiply-blandingstilstanden vil blive tydelig, når vi begynder at overlappe bogstaverne. Multiply-tilstanden mørkner de områder, hvor farverne overlapper, og blander farverne på en måde, der simulerer gennemsigtige farver, der er lagt oven på hinanden – perfekt til denne effekt.

Trin 7: Placer formlagene i en lagruppe

Mens vi har Formlagene markeret, er det en god idé at placere dem i en lagruppe (Layer Group). Klik på menuikonet i øverste højre hjørne af Lag-panelet. Vælg derefter Ny Gruppe fra Lag (New Group from Layers). I dialogboksen kan du navngive gruppen "Bogstaver" og klikke OK. I Lag-panelet vises Formlagene nu samlet i gruppen "Bogstaver". Klik på trekanten til venstre for mappeikonet for at folde gruppen ud og se lagene indeni.

Trin 8: Skift farven på hvert bogstav

Nu bliver det farverigt! Lad os skifte farven på hvert bogstav. Vi starter med det første bogstav til venstre. Dobbeltklik på miniaturebilledet for det øverste Formlag i Lag-panelet. Dette åbner Photoshops Farvevælger (Color Picker). Vælg en farve til det første bogstav. Du kan bruge RGB-værdier for specifikke farver eller blot vælge en farve visuelt. Klik OK for at lukke Farvevælgeren, og det første bogstav vil nu have den valgte farve.

For at ændre farven på det andet bogstav, dobbeltklik igen på dets miniaturebillede i Lag-panelet. Vælg en anden farve i Farvevælgeren. Gentag denne proces for hvert bogstav i ordet ved at dobbeltklikke på dets miniaturebillede og vælge en ny farve. Du kan vælge helt forskellige farver for hvert bogstav eller genbruge farver for at skabe et mønster. Jo mere variation i farverne, jo mere levende bliver den overlappende effekt.

Trin 9: Tilføj en gradient til lagruppen

Teksten ser allerede mere farverig ud, men vi kan forbedre farverne yderligere ved at anvende en gradient på selve lagruppen. Klik på lagruppen "Bogstaver" øverst i Lag-panelet for at markere den. Klik derefter på Lagstilsikonet ("fx"-ikonet) nederst i Lag-panelet og vælg Farveoverlejring (Gradient Overlay) fra listen.

Dette åbner dialogboksen Lagstil indstillet til indstillingerne for Farveoverlejring. Klik på trekanten ved siden af gradientprøven for at åbne Gradientvælgeren. Vælg f.eks. gradienten Sort, Hvid ved at dobbeltklikke på dens miniaturebillede. Indstil Blandingstilstanden (Blend Mode) til Overlay, Dækning (Opacity) til 100%, Stil (Style) til Lineær og Vinkel (Angle) til 90 grader. Klik derefter OK.

Ved at anvende den sort-hvide gradient direkte på lagruppen og indstille dens blandingstilstand til Overlay, omdannes de ensfarvede bogstaver til bogstaver med en gradient. Dette giver en lysere nuance af farven øverst på bogstavet og en mørkere nuance nederst, hvilket tilføjer dybde og visuel interesse til hvert bogstav, før de overlapper.

Trin 10: Vælg Flytteværktøjet og indstil Auto Vælg Lag

På dette tidspunkt mangler vi kun at flytte bogstaverne tættere sammen, så de overlapper. Vælg Flytteværktøjet (Move Tool) fra værktøjslinjen. I indstillingslinjen skal du sørge for, at Auto-Vælg (Auto-Select) er slået til (markeret), og at det er indstillet til Lag (Layer), ikke Gruppe. Dette gør det muligt at vælge hvert bogstav blot ved at klikke på det i dokumentvinduet.

Trin 11: Træk bogstaverne sammen, så de overlapper

Klik på et bogstav med Flytteværktøjet for at markere det. Formlaget for det pågældende bogstav vil blive fremhævet i Lag-panelet. Træk derefter bogstavet over mod bogstavet ved siden af, indtil dele af bogstaverne overlapper. Hold Shift nede, mens du trækker, for at gøre det nemmere at trække lige sidelæns. I de områder, hvor de to bogstaver overlapper, vil du se, hvordan farverne fra hvert bogstav blandes sammen takket være Multiply-blandingstilstanden.

Klik på det næste bogstav for at markere det, og træk det derefter mod venstre, mens du holder Shift nede, indtil en del af det overlapper med det forrige bogstav. Husk at klikke én gang for at markere bogstavet først, slip musen, og klik derefter en anden gang for at trække det over. Dette sikrer, at du kun flytter det ene bogstav, du har markeret. Hvis du ved et uheld markerer og flytter to bogstaver på én gang, tryk Ctrl+Z (Win) eller Command+Z (Mac) for at fortryde. Klik et sted på den hvide baggrund for at fravælge, og klik derefter på det bogstav, du ønsker at flytte.

Fortsæt med at trække de resterende bogstaver sammen, indtil de alle overlapper. Du kan også finjustere placeringen af bogstaverne ved at bruge piletasterne på dit tastatur til at 'nudge' dem til venstre eller højre. Efter at have flyttet bogstaverne tættere sammen, kan det være, at hele ordet ser for lille ud i dokumentet.

Trin 12: Tilpas størrelsen på teksten igen

Da alle vores bogstaver er på separate lag, men samlet i en gruppe, kan vi nemt tilpasse størrelsen på hele effekten samlet. Klik igen på lagruppen "Bogstaver" øverst i Lag-panelet for at markere den. Tryk Ctrl+T (Win) eller Command+T (Mac) på dit tastatur for hurtigt at aktivere Photoshops Fri Transformering. Ligesom vi gjorde tidligere, tryk og hold Shift-tasten nede og træk i et af hjørnehåndtagene for at ændre størrelsen på hele teksteffekten. Du kan flytte teksten til at omplacere den ved at klikke og trække inde i transformeringsboksen. Tryk Enter (Win) eller Retur (Mac) på dit tastatur for at afslutte Fri Transformering.

Efter at have foretaget eventuelle små justeringer af afstanden mellem bogstaverne, er din farverige, overlappende teksteffekt færdig!

Ofte Stillede Spørgsmål (FAQ)

Hvorfor skal jeg konvertere teksten til former?

Når tekst er på et tekstlag, behandles den som et enkelt objekt. Ved at konvertere den til former, bliver hvert bogstav en separat form, som vi kan manipulere individuelt – flytte, ændre farve og placere på egne lag. Dette er essentielt for at kunne overlappe og blande farverne for hvert bogstav.

Hvorfor skal hvert bogstav have sit eget lag?

For at kunne flytte og arrangere bogstaverne, så de overlapper præcist som ønsket, skal de være på separate lag. Dette giver dig fuld kontrol over placeringen af hvert enkelt element i effekten.

Hvad gør Multiply blandingstilstanden?

Multiply (Gange) er en blandingstilstand, der mørkner farverne, hvor lag overlapper. Når to farver overlapper med Multiply, simulerer det effekten af at stable gennemsigtige folier med farve oven på hinanden. Resultatet er en ny farve, der er en blanding af de overlappende farver, typisk mørkere end den lyseste af de to oprindelige farver. Dette er nøglen til at få farverne til at 'smelte' sammen i de overlappende områder.

Kan jeg bruge en anden skrifttype?

Ja, du kan bruge enhver skrifttype. Dog fungerer tykkere, fede skrifttyper ofte bedst til denne effekt, da de giver større overlappende områder, hvor farveblandingen bliver mest tydelig og iøjnefaldende. Eksperimenter for at se, hvad der fungerer bedst for dit design.

Hvordan undgår jeg at flytte flere bogstaver på én gang?

Sørg for, at 'Auto-Vælg' i indstillingslinjen for Flytteværktøjet er indstillet til 'Lag'. Klik derefter én gang på bogstavet i dokumentvinduet for at markere dets lag i Lag-panelet. Slip museknappen. Klik derefter igen på bogstavet og træk for at flytte det. Hvis du klikker og trækker med det samme, kan Photoshop fejlagtigt vælge og flytte flere objekter, der ligger tæt på hinanden.

Og der har du det! En trin-for-trin guide til at skabe en farverig overlappende teksteffekt i Photoshop og få farverne til at blande sig smukt, hvor bogstaverne mødes.

Hvis du vil læse andre artikler, der ligner Skab Overlappende Tekst med Farver i Photoshop, kan du besøge kategorien Photoshop.