En glas-effekt tilføjer elegance og dybde til din typografi og layouts. Med dets gennemsigtighed og reflekterende højdepunkter giver det dine designs et moderne og fascinerende touch. Uanset om det er til logoer, overskrifter eller kreative kompositioner – denne effekt tiltrækker helt sikkert alles opmærksomhed. I denne vejledning viser jeg dig trin for trin, hvordan du i Photoshop opretter en realistisk glas-effekt, der kan bruges både til tekst og layoutelementer. Lad os komme i gang og forfine dine designs!
Den første glas-effekt vil virke strømmende/udskåret ud fra baggrundsbilledet og skabe en enhed med baggrunden.
Den anden glas-effekt vil ikke være fusioneret med baggrunden, men snarere ligge ovenpå og have en mat til let mælkeagtig visuel effekt.
Billedkilder i denne vejledning: archaeopteryx_stocks
1. Del: Oprettelse af statisk glas-effekt tekst
Den første glas-effekt tekst vil have en let flydende effekt, der ligner rent glas, der let er skåret ud fra baggrunden.
Trin 1: Opret nyt dokument
Jeg opretter et nyt dokument på Strg+N med størrelsen 1600x1200 px. Afhængigt af dokumentstørrelsen kan indstillinger i fyldmuligheder og filtre variere.
Trin 2: Vælg baggrundsbillede
Det er optimalt at vælge et baggrundsbillede med detaljer til denne effekt, så brydningen gennem glasskriften også er synlig. Skybilleder er eksempelvis dårlige valg. Jeg vælger et blomsterbillede med klare strukturer af blomsten.
Trin 3: Placer tekst
For at opnå en afrundet glas-effekt er det fordelagtigt, hvis den valgte skrifttype allerede indeholder afrundinger. Jeg skriver bogstaverne PSD med en 640 punkt størrelse i en sort farve i dokumentet.
Trin 4: Opret en matrixlag til lysbrydning med forvrængning
Jeg klikker med Strg på min tekstlags miniatur, så bogstaverne bliver markeret.
Jeg åbner dialogboksen med Forbedring af kanter via genvejen Strg+Alt+R. Her indstiller jeg en afrunding og en blød kant på ca. 15 pixels hver. Afrundingen er vigtig, fordi selvom skrifttypens seriffer er pænt afrundede, er selve bogstavopdelingen - dvs. skriftens armeffekt - for kantet. Den bløde kant bruges til at gøre effekten blødere i overgangen ved forvrængning med glasfilteret.
Jeg opretter et nyt lag med Strg+Shift+Alt+N og fylder det med hvid farve. Det er hurtigst at fylde med hvid ved at indstille standardfarverne i værktøjslinjen med genvejen D og derefter bruge forgrundsfarven til fyldning med genvejen Strg+Alt+R. Kun det markerede område fyldes med hvid!
Med Strg+D fjerner jeg markeringen. Jeg opretter et nyt lag, der ligger under det hvide bogstavlager - med Strg og Klik på Nyt lag-symbol i lagpanelet ordnes det nye lag straks under det aktuelle lag! - og fylder det med sort. Hvis standardfarverne er indstillet i værktøjslinjen, går det hurtigst at fylde med forgrundsfarven via Alt+Genvejstast.
Jeg reducerer alle synlige lag til et enkelt ved at markere dem og vælge genvejen Strg+E. Det er vigtigt, at det tilbageværende lag er et baggrundslag, da den efterfølgende filtrering kræver, at matricen er et baggrundslag. Hvis matricen ikke er reduceret til et baggrundslag, vil brydningen via glasfilteret ikke ske som ønsket.
Under menuen Lag>Nyt>Baggrund fra lag konverterer jeg et gennemsigtigt lag til et baggrundslag.
Nu gemmer jeg dokumentet som en PSD-fil med navnet Matrix-01-Original.psd.
Trin 5: Anvend forvrængningsfilter Glas med matricestruktur
Først vælger jeg genvejen Alt+Z så mange gange, indtil min oprindelige arbejdsfil vises igen. Så kan jeg fortsætte med at arbejde i den aktuelle arbejdsfil. Det er en fordel at slette de overflødige lag fra matricestrukturen og gemme arbejdsfilen som en PSD-fil.
Derefter vælger jeg mit baggrundslag. Hvis det endnu ikke er et Smart-Objekt, kan det konverteres til et Smart-Objekt ved at højreklikke i lagpanelet og vælge konvertering til Smart-Objekt. Fordelen ved Smartfiltre er, at de kan varieres tabningsfrit når som helst. Når et lag er konverteret til et Smart-Objekt, kan filtre anvendes som Smartfiltre.
Via menuet Filter>Forvrængningsfilter>Glas vælger jeg Glasfilteret. Jeg vælger en forvrængning på 20 og en udjævning på 15.
Det er vigtigt, at jeg nu bringer min strukturmatrice ind i spillet. Dette gør jeg ved at åbne Strukturs menu>Hent struktur. I den åbnede browser vælger jeg min tidligere gemte matrice-PSD-fil. Nu viser det sig i forhåndsvisningen, hvordan et sløret glaseffekt opstår i stedet for bogstaverne.
Den hidtidige effekt ser sådan ud:
Trin 6: Aktiver tekstlaget igen
Jeg aktiverer det sorte tekstlag, jeg oprettede i begyndelsen for at lave matrice-PSD-filen.
Det er fordelagtigt at konvertere tekstlaget til et Smart-objekt. På den måde forbliver teksten i sig selv beskyttet i det Smart-objekt-original (PSB-filen), mens de fortsatte redigeringer sker uden destruktivt tab.
Trin 7: Opret teksteffekt
I tekstlagets fyldeindstillinger kan jeg indstille en let fladet kant, der er let mejslet med følgende værdier:
- Dybde: 400 procent
- Størrelse: 8 pixel
- Glatning: 4 pixel
- Vinkel: 120 grader
- Højde: 30 grader
- Dybemode: Multiplikere med 40% gennemsigtighed og 70% lysstyrke (B)
Jeg sætter lagets udfyldningsmetode til Mix.
Da der ofte vil blive talt om lysstyrkeværdier i denne vejledning, vil jeg kort forklare, hvad jeg mener med det. Farvevælgeren i Photoshop svarer mest til HSB-modellen med de tre værdier: Nuance (Hue), Mætning (Saturation) og Lysstyrke (Brightness). Nuance (Hue) er den højre farvebjælke, Mætning (Saturation) kan justeres ved at flytte til venstre eller højre i farvevælgeren, og Lysstyrke (Brightness) ved at bevæge sig op eller ned. Når jeg refererer til en lysstyrkeværdi i denne vejledning, mener jeg udelukkende værdien af B efter HSB-modellen, uden reference til Nuance eller Mætning.
Dybemodus er blevet indstillet til 70% lysstyrke. Derfor ser billedet ud i farvevælgeren som følger.
Effekten ser indtil videre sådan ud:
Trin 8: Anvend kunstfilter plastfolie
For at forstærke effekten lidt mere vil jeg anvende kunstfilte. Først konverterer jeg mit tekstlag til et Smart-objekt, så ændringer i fyldeindstillinger og lignende stadig kan foretages tabløst.
Jeg vælger den højeste indstilling på kunstfilten plastfolie:
- Glans: 20
- Detalje: 15
- Glatning: 15
Effekten virker nu meget mere glatrodet, ligesom glas-kugler.
Trin 9: Anvend filter igen
For at fremhæve effekten yderligere vælger jeg simpelthen Ctrl+F for at anvende den sidste filter igen.
I lagpanelet vises Smart-filtre nu to gange for det Smart-objekt, som jeg nu også kan ændre individuelt efter behov.
Trin 10: Indre skygge og kasteskygge
Til sidst kan jeg tilføje en minimal indre skygge ved 85% lysstyrke til mit lag, så bogstaverne også er lidt indrammet, næsten umærkeligt.
Jeg åbner fyldeindstillingerne for laget og justerer skyggens lysstyrke gennem farvevælgeren. Jeg foretager desuden følgende ekstra indstillinger:
- Gennemsigtighed: 70 procent
- Afstand: 1 pixel
- Størrelse: 1 pixel
- halvrund Kontur
Da den indre skygge beregnes fra en lysvinkel, skal jeg også oprette en kasteskygge, der på den modsatte side har samme effekt.
Indstillingerne er de samme som for indre skygge.
Trin 11: Variationer
Effekten er meget nem at variere. Jeg kan f.eks. let i fyldeindstillingerne for Smart-filtre vælge forskellige tilstande og se, hvordan effekten ændrer sig. Jeg kan også nemt duplikere mit tekstlag og kombinere det i forskellige lagtilstande.
Jeg har også til enhver tid mulighed for at anvende yderligere filtre på tekstlaget. Der er derfor næsten uendelige muligheder for variationer.
I dette eksempel kunne jeg forestille mig en mere flydende overgang fra baggrund til glaseffekt. Derfor markerer jeg bogstaverne i teksten igen med Ctrl og Klik på lagminiatyren og åbner dialogboksen Forbedring af kanter. Markerings rektanglen får en afstand og en minimal blød kant, så overgangen fra tekst til baggrund bliver mere flydende.
Jeg opretter et nyt lag med genvejen Ctrl+Skift+Alt+N og fylder det med sort farve; når de Standardfarver er aktiveret i Værktøjslinjen, bruger jeg genvejen Alt+Delete.
Jeg hæver markeringen med Ctrl+D. Nu kan jeg let trække de eksisterende fyldmuligheder og smartfiltre fra den tidligere tekstlag til mit nye lag ved blot at bruge Alt+Træk og slip. Fyldmulighederne og smartfiltrene vil blive duplikeret. Jeg deaktiverer skyggen og skyggen indvendigt i dette tilfælde. Efterfølgende kan jeg deaktivere det oprindelige tekstlag og ændre det nye tekstlag til lagtilstand Luminans.
Min endeeffekt vil se mere blød og flydende ud i overgangen. Her har jeg en lille variation, hvor jeg har valgt teknikken Flat kant og Relief til at være Kraftig udtynding.
Ulempen ved denne glaseffekt er, at jeg ikke længere kan ændre placeringen af min tekst nemt. Hvis jeg ændrer positionen, skal jeg også ændre min tilhørende matrix. Der er dog en måde, hvor jeg kan designe min glaseffekttekst dynamisk, så lysets brydning til enhver tid tilpasses en ny position af teksten.
2. Del: Opret dynamisk glaseffekttekst
Den dynamiske glaseffekttekst vil have den særlige egenskab, at jeg til enhver tid kan ændre bogstaverne tekstligt og i størrelse, men også flytte teksten som helhed i dokumentet. Lysets brydning forbliver altid intakt og tilpasser sig automatisk til den nye baggrund.
Min eksempeltekst vil ikke se helt så udskåret glas-lignende ud som i det første eksempel, men snarere lidt mat til mælkehvidt og lagt ovenpå baggrunden. Så i denne vejledning vil I se to mulige metoder til at designe forskellige glaseffekttekster.
Trin 1: Opret nyt dokument
Jeg opretter et nyt dokument med genvejen Ctrl+N i størrelsen 1600x1200px. Afhængigt af dokumentets størrelse kan indstillingerne i fyldmulighederne og Filtre variere.
Trin 2: Vælg baggrundsbillede
I dette eksempel vælger jeg også blomsterbilledet, hvor der er klare strukturer af blomsten.
Trin 3: Placer teksten
For at opnå en afrundet glaseffekt er det en fordel, at den valgte skrifttype allerede indeholder afrundede former. Jeg skriver bogstaverne PSD med en skriftstørrelse på 640 punkter i en vilkårlig farve på dokumentet.
Trin 4: Reducér overflade til 0 procent
Jeg reducerer overfladejusteringen til 0 procent. Forskellen mellem gennemsigtighed og overflade vil være særligt synlig i denne vejledning. Mens lagindhold samt lagstilarter kan varieres i gennemsigtigheden ved hjælp af gennemsigtighedsjusteringen, gør overfladejusteringen det muligt at adressere kun lagindholdet. De valgte lagstilarter (over Fülloptionen) forbliver synlige.
Da der indledningsvist ikke blev foretaget nogen fyldmuligheder, er det nuværende tekstlag fuldstændigt skjult.
Trin 5: Indstil glaseffekten
Med flere fyldmuligheder opnår jeg, at mine bogstaver får en glasagtig effekt. Vigtigt: Afhængigt af dokument- og bogstavstørrelse skal jeg justere indstillingerne i fyldmulighederne.
Skygge:
Skyggen får en 45%-lysning med følgende indstillinger:
- Fyldmetode Multiplikere
- 60 procent Gennemsigtighed
- Afstand 12 pixel
- Størrelse 10 pixel
- Halvrund, afrundet Kontur
Effekten af Skygge:
Inderskygge:
Inderskyggen får en 90%-lysning med følgende indstillinger:
- Fyldmetode Multiplikere
- 85 procent Gennemsigtighed
- Afstand 15 pixel
- Underfyldning 30 procent
- Størrelse: 57 pixel
- Lineær, afrundet Kontur
Ydre skin:
Det ydre skin får en 20%-lysning med følgende indstillinger:
- Udfyldningsmetode Negativ Multiplikation
- Dækkeevne: 60 procent
- Størrelse 10 pixel
- halvrund, afrundet Kontur i et område på 70%
Flad kant og relief:
Den flade kant indeni er skarpt mejslet. Som en variation, kan også en afvasket kant vælges!
Følgende indstillinger skal vælges:
- Dybde: 100 procent
- Størrelse: 20 pixel
- Blødning: 8 pixel
- Vinkel 120 grader
- Højde 70 grader
- Dybde tilstand med en Lysstyrke på 60% ved 40 procent Dækkeevne
Den foregående effekt med de valgte indstillinger:
Glanz:
Glanzen vil have en Lyshed på 70% med følgende indstillinger:
- Udfyldningsmetode Farvemætning
- Dækkeevne: 40 procent
- Vinkel 100 grader - Afstand 100 pixel
- Størrelse 100 pixel
- lineær, afrundet Kontur
Bogstavet i glasstil er færdigt. Med variationer i Udfyldningsmetoder kan jeg også tilpasse glaseffekten meget individuelt.
Jeg har bevidst arbejdet med gråtoner i lagstilene, så teksten i glas også let kan bruges på andre baggrunde, uden at man skal tilpasse farven i Udfyldningsmetoderne til det nye baggrundsbillede. Metoden Farvemætning i afsnittet Glanz giver allerede den nødvendige farvestrålende detalje!
Trin 6: Opret en matrixlag for lysbrydning med forvrængning
Jeg duplikerer tekstlaget ved at bruge genvejstasten Ctrl+J. Ved at bruge Ctrl og klik på det Nye lag-ikon i Lagpanel opretter jeg et nyt lag, som ligger under mit nyligt duplikerede tekstlag. Jeg fylder dette lag med en gråtone med en lyshed på 60 %.
Alle Udfyldningindstillinger undtagen Indvendig skygge deaktiveres i tekstlaget. Jeg redigerer Indvendig skygge yderligere i Udfyldningsindstillingerne. Her reducerer jeg lyshedsværdien for min gråtone til ca. 50 %, så Indvendig skygge bliver lidt kraftigere.
Jeg markerer alle lagene og reducerer dem til ét ved at bruge genvejstasten Ctrl+E. Det er vigtigt, at efter reduceringen til ét lag, bliver det anbragt som et baggrundslag, da glasfilteret, der følger, har brug for matrixlaget som baggrund. Hvis ikke matricen er reduceret til et baggrundslag, vil brydningen med glasfilteret ikke lykkes som ønsket. Ved hjælp af menuen Lag>Nyt>Baggrund fra lag kan jeg konvertere et gennemsigtighedslag til et baggrundslag.
Matricen er oprettet. Nu gemmer jeg dokumentet som en PSD-fil med navnet matrix-02-original.psd.
Trin 7: Anvend glasfilter med matrixstruktur
Jeg går tilbage til den originale redigeringsstatus før oprettelse af matricen ved at bruge genvejstasten Ctrl+Alt+Z. Først duplikerer jeg mit baggrundsbillede, som jeg oprindeligt placerede, ved at bruge Ctrl+J.
Jeg åbner duplikatet og vælger forvrængningsfilteret Glas. Som Struktur vælger jeg mit matrixlag.
Jeg kan justere forvrængningseffekten efter behov med kontrolfelterne. Jeg vælger:
- Forvrængning: 18
- Udglatning: 12
Jeg bekræfter med OK. Præcis hvor min tekst er placeret, er min tekst nu bøjet. Glasffekten virker næsten realistisk på grund af lysbrydningen.
For at sikre, at effekten kun vises i tekstområdet og ikke viser knækkede kanter, vælger jeg blot teksten med Ctrl og klik på lagminibilledet i Lagpanelet og tilføjer udvælgelsen til mit glasfilter som en Smartfiltermaske. Så effekten beskæres præcist til dette område, hvor den skal virke.
Effekten er færdig. Hvis vejen gennem matricen virker for besværlig, kan man også bare anvende filteret Svingninger. Effekten er måske ikke optimal, men det kommer tæt på en autentisk lysbrydning.
Når jeg nu ønsker at flytte min tekst, bemærker jeg, at brydningen af lyset i den duplicerede baggrundsebene ikke flytter sig med. Det er irriterende, fordi jeg nu på besværlig vis skal tilpasse en ny matrix til endelig placering af min tekst.
Trin 8: Oprettelse af standard matrix
Det er bedre at oprette en standard matrix til denne effekt fra starten, hvor alle mulige placeringer af teksten fungerer godt.
Jeg åbner igen min matrix-02-original.psd, duplikerer teksten flere gange og placerer duplikaterne dækkende i dokumentet. Dette kan jeg gøre hurtigst muligt ved hjælp af Kopierstempel.
I dette eksempel blev teksten i PSD'en simpelthen kopieret. Det er også en god idé bare med en mørk Pinsel at male bestemte strukturer i matricen, som derefter bliver beregnet senere. På den måde kan jeg sikre mig, at der ikke er synlige tegn ved glasafregningen bagefter.
Derefter gemmer jeg dokumentet som matrix-02-standard.psd.
Trin 9: Udfør glasfilter med standardmatrix
Da forvrængningsfilteret Glas blev anvendt som Smartfilter, kalder jeg det igen ved at dobbeltklikke. Jeg opdaterer i filtermenuen Strukturværdi med den nye matrixfil matrix-02-standard.psd.
Trin 10: Omorganisering af lagstrukturen
Jeg kan nu slette Smartfiltermasken. Fordi hvis teksten skal bevæge sig i dokumentet, er en maske for statisk. Laget med den nye filtereffekt placerer jeg nederst i Lagpanelet. Ovenpå dette ligger det originale baggrundsbillede.
Jeg skal derefter konvertere laget med filtereffekten fra en transparent til et baggrundslag. Det gør jeg via menuen Lag>Ny>Baggrund fra lag.
Trin 11: Anvendelse af udsnitsmetode
På grund af den nye lagstruktur er effekten ikke længere synlig. I næste trin henter vi igen lyseffekten ind i billedet.
Jeg åbner Udfyldningsmuligheder for min tekstlag og aktiverer under avancerede udfyldningsmuligheder en kraftig udsnit.
Alle gennemsigtigheder i dokumentet udelades fra tekstens form fra tekstlaget til baggrundslaget. Det er som en slags udstansning i dokumentet, uanset hvor mange lag der er synlige i dokumentet. Gennemsigtighedslagene skjules præcis på dette sted af teksten. Da baggrundslaget ikke har nogen gennemsigtigheder, vil den anvendte baggrundseffektfilters effekt altid være synlig på dette sted.
På denne måde kan jeg flytte min tekst til ethvert sted, og lyseffekten forbliver i bogstaverne. Den forud duplicerede baggrundsskive sikrer, at alle andre områder vises uden lysbrydningseffekt.
Trin 12: Alternativ til udsparing: klipmaske
Udsnitsmetoden er desværre ikke helt så kendt, og for variationer af effekten er den også lidt statisk. Der er dog stadig en god alternativ, som hører mere til de velkendte Photoshop-områder og er mere fleksibel til variationer: den almindelige klipmaske.
Jeg går tilbage med genveje Strg+Alt+Z, så jeg får baggrundslaget igen konverteret til et Smart-Object med Smartfilteret Glas. Jeg deaktiverer udsparingen i Udfyldningsmulighederne for tekstlaget. Lyseffektlaget, dvs. det netop genoprettede Smart-Object, placerer jeg oven på tekstlaget.
Ved at klikke mellem tekst- og lyseffektlaget i Lagpanelet opretter jeg en klipmaske. Det samme kan jeg også opnå med genvejen Strg+Alt+G.
Klipmasken medfører, at lysbrydningen vises beskåret til tekstlaget.
Effekten bliver synlig, når jeg sætter Fladejusteringen fra 0 procent tilbage til 100 procent. Fordelen ved at bruge klipmasken er også, at jeg ikke har brug for et baggrundslag, og teoretisk kan laget også bruges som et Smart-Object med Smart-Filtre og mulighed for tabløs variation af effekten.
Trin 13: Variationer
Der er lette variationer af tekstbogstaverne mulige ved hjælp af andre skrifttyper samt Udfyldningsmuligheder.
Lyseffekten kan varieres i forvrængningsfilteret Glas; det kan også gøres f.eks. meget godt med indstillingen Kasse. Det er også muligt at anvende Krøller eller Oceanbølger til brydningseffekter. Hvis brydningseffekten er for svag, kan jeg bare anvende filteret igen til laget med Strg+F.
Da effekten i Udfyldningsmulighederne er farveneutral - dvs. hovedsageligt blev der arbejdet med gråtoner til beregningen samt Farveforstærknings-fyldemetode under Glanz -, kan nye baggrunde til teksten også placeres meget nemt. De nødvendige tilpasninger begrænser sig til, at matricen i den nye baggrund kun behøver at køres gennem glasfiltret en gang.
I dette eksempel har jeg placeret et nyt baggrundsbillede og duplikeret det. Duplikatet bruges også som en klipmaske til tekstlaget. Med Alt kan jeg trække Smartfiltret fra det eksisterende lyseffektlag til min nye, duplikerede baggrund. På denne måde tilpasses effekten hurtigt til en anden baggrund.
Yderligere muligheder for variationer inkluderer for eksempel at tegne lysbrydningen let blødt eller skarpt. Dette er især fornuftigt ved en standardmatrice for at udjævne hårde strukturer i effekten. Det er tilstrækkeligt med en Blødning på 2 pixel.
I stedet for blødgøring virker skarphed via Smartfilter Highpass rigtig godt. I Smartfilterindstillingerne sætter jeg fyldemetoden til Overlapning! På den måde bringer jeg lidt mere skarphed og kontrast ind i brydningen, hvilket får lysbrydningseffekten til at virke endnu mere realistisk.
Til sidst originalbilledet med Highpass-filteret igen:
