En glass-effekt gir eleganse og dybde til typografien og layoutene dine. Med sin gjennomsiktighet og reflekterende høydepunkter gir den en moderne og fascinerende touch til designene dine. Uansett om det er til logoer, overskrifter eller kreative komposisjoner - denne effekten vil garantert tiltrekke seg oppmerksomhet. I denne opplæringen viser jeg deg trinn for trinn hvordan du lager en realistisk glass-effekt i Photoshop, som kan brukes både til tekst og layout-elementer. La oss komme i gang og forbedre designene dine!
Den første glass-effekten vil virke strømmende / stanset ut fra bakgrunnsbildet og dermed danne en enhet med bakgrunnen.
Den andre glass-effekten vil ikke være smeltet sammen med bakgrunnen, men heller ligge oppå og se noe matt ut til nesten melkeaktig.
Bildekilde i denne opplæringen: archaeopteryx_stocks
1. Del: Lage statisk tekst med glass-effekt
Den første glass-effektteksten vil se litt flytende ut, som rent glass, som ser litt stanset ut fra bakgrunnen.
Trinn 1: Lage nytt dokument
Jeg oppretter et nytt dokument via Strg+N i størrelse 1600x1200 px. Avhengig av dokumentstørrelse kan innstillingene i fylloppsettene og filtrene variere.
Trinn 2: Velge bakgrunnsbilde
Det er optimalt å velge et bakgrunnsbilde med detaljer for denne effekten, slik at brytningen gjennom glasskriften også er synlig. For eksempel er skybilder dårlige valg. Jeg velger et bilde av blomster, der klare strukturer av blomsten er synlige.
Trinn 3: Plassere tekst
For å oppnå en avrundet glass-effekt, er det fordelaktig om den valgte skrifttypen allerede inneholder avrundinger. Jeg skriver bokstavene PSD med en 640-punkts font i svart farge i dokumentet.
Trinn 4: Lage en matrix-øvelse for lysbrytning med forvrengning
Jeg klikker med Strg på min tekstebsn miniatyr, slik at bokstavene blir valgt.
Jeg åpner dialogen Justere kanter ved hjelp av snarveien Strg+Alt+R. Der stiller jeg inn en avrunding og en myk kant på omtrent 15 piksler hver. Abrunding er viktig fordi selv om serifene til skrifttypen er fint runde, er selve bokstavdelen av skriften - det vil si Army-effekten til skriften - for kantete. Den myke kanten brukes for å gjøre effekten mykere i overgangen ved beregning med glassfilteret.
Jeg oppretter et nytt lag med Strg+Shift+Alt+N og fyller dette med hvit farge. Å fylle med hvitt går raskest hvis jeg konfigurerer standardfargene i verktøylinjen via snarveien D og deretter bruker bakgrunnsfargen til fylling via snarveien Strg+Retur. Det fylles bare området som er valgt med hvitt!
Med Strg+D fjerner jeg valget. Jeg oppretter et nytt lag som ligger under det hvite bokstavlageret - med Strg og Klikk på Nytt lag-symbolet i lagpanelet vil det nye laget bli ordnet under gjeldende lag! - og fyller dette med svart. Hvis standardfargene er satt i verktøylinjen, går fyllingen med forgrunnsfargen raskest ved å bruke Alt+Retur.
Jeg reduserer alle synlige lag til ett, ved å markere dem og velge snarveien Strg+E. Det er viktig at det gjenværende laget er et bakgrunnslag, fordi den påfølgende filteren trenger matrisen som bakgrunnslag. Hvis matrisen ikke er et lag redusert til bakgrunnslag, vil brytningen gjennom glassfilteret ikke lykkes som ønsket.
Via menyen Lag>Nytt>Bakgrunn fra lag konverterer jeg et transparentlager til et bakgrunnslag.
Nå lagrer jeg dokumentet som en PSD-fil med navnet Matrix-01-Original.psd.
Trinn 5: Påfør forvrengningsfilteret Glass med matrisestruktur
Først velger jeg snarveien Alt+Z like mange ganger til min opprinnelige arbeidsfil vises igjen. Jeg kan derfor fortsette å jobbe i den nåværende arbeidsfilen. Det er fordelaktig å slette de unødvendige lagene i matrisestrukturen og lagre arbeidsfilen som en PSD-fil.
Dernest velger jeg bakgrunnsarket mitt. Hvis dette ikke allerede er et smartobjekt, kan jeg konvertere det til et smartobjekt ved å høyreklikke på det i lagpanelet. Fordelen med smarte filtre er at jeg kan endre dem når som helst uten tap i kvalitet. Når et lag er konvertert til et smartobjekt, kan filtre brukes som smarte filtre.
Gjennom menyen Filter>Forvrengningsfilter>Glass åpner jeg glassfilteret. Jeg velger en forvrengning på 20 og en jevning på 15.
Det er viktig at jeg nå bringer min matrisestruktur på banen som en referanse. Dette gjør jeg ved å åpne Struktur-menyen>Last inn struktur. I den åpne nettleseren velger jeg min tidligere lagrede matrisepsd-fil. Nå vises det i forhåndsvisningen hvordan et uskarp glassaktig effekt oppstår i stedet for bokstavene.
Den eksisterende effekten ser slik ut:
Trinn 6: Aktiver tekstlaget på nytt
Jeg aktiverer det svarte tekstlaget som jeg opprettet i begynnelsen for å lage matrisepsd-filen.
Det er fordelaktig å konvertere tekstlaget til et Smart-objekt. På denne måten forblir teksten beskyttet inni det opprinnelige Smart-objektet (PSB-filen), mens videre redigeringer skjer uten å ødelegge originalen.
Trinn 7: Opprett teksteffekt
I fyllalternativene for tekstlaget kan jeg justere en lett avrundet kant myk meislet med følgende verdier:
- Dybde: 400 prosent
- Størrelse: 8 piksler
- Gjøre myk: 4 piksler
- Vinkel: 120 grader
- Høyde: 30 grader
- Dybde-modus: Multiplisere med 40 % Gjennomsiktighet og 70 % Lysstyrke (B)
Fyllemetoden for laget er satt til Multiply.
Siden det vil bli snakket ofte om Lysstyrkeverdier i denne opplæringen, vil jeg kort forklare hva jeg mener med det. Fargevelgeren i Photoshop tilsvarer mest HSB-modellen med de tre verdiene: Fargetone (Hue), Saturasjon (Saturation) og Lysstyrke (Brightness). Fargetonen (Hue) er den høyre fargefeltet, Saturasjonen (Saturation) justeres ved å bevege seg til venstre eller høyre i fargevelgeren, og Lysstyrken (Brightness) ved å bevege seg opp eller ned. Når det refereres til en Lysstyrkeverdi i denne opplæringen, mener jeg utelukkende verdien etter B i HSB-modellen, uten hensyn til Fargetone eller Saturasjon.
Dybde-modusen ble satt til 70 % Lysstyrke. Dermed ser bildet i fargevelgeren slik ut.
Effekten ser hittil slik ut:
Trinn 8: Bruk kunstfilteret "plastfolie"
For å forsterke effekten litt mer, vil jeg bruke kunstfilteret. Først konverterer jeg tekstlaget til et Smart-objekt, slik at endringer i fyllalternativene osv. fortsatt kan gjøres uten tap av kvalitet.
I kunstfilteret velger jeg alternativet Plastfolie med de høyeste reguleringene:
- Glans: 20
- Detalj: 15
- Jevning: 15
Effekten gir nå en mye glassaktigere effekt, lignende glasskuler.
Trinn 9: Påfør filteret på nytt
For å fremheve effekten enda mer, velger jeg bare Ctrl+F for å bruke den siste filteren igjen.
I lagpanelet vises to eksemplarer av smartfilteret Plastfolie på Smart-objekt, som jeg nå også kan endre individuelt om nødvendig.
Trinn 10: Skygge innover og slagskygge
Til slutt kan jeg legge til en minimal Skygge innover på laget med 85 prosent lysstyrke, slik at bokstavene er svakt innrammet, nesten umerkelig.
Jeg åpner fyllalternativene for laget og justerer skyggens lysstyrke gjennom fargevelgeren. Jeg gjør også følgende innstillinger:
- Gjennomsiktighet: 70 prosent
- Avstand: 1 piksel
- Størrelse: 1 piksel
- Halvrund Kontur
Siden den innovergående skyggen beregnes fra en lysvinkel, må jeg også opprette en slagskygge som gir samme effekt på motsatt side.
Innstillingene er de samme som for Skygge innover.
Trinn 11: Variasjoner
Effekten er veldig enkel å variere. Jeg kan for eksempel bare i fyllalternativene til Smartfilterne velge forskjellige modi og se hvordan effekten endres. Jeg kan også enkelt duplisere tekstlaget mitt og beregne det i forskjellige lagmodi.
Jeg har også alltid muligheten til å bruke flere filtre på tekstlaget når som helst. Så jeg har nesten uendelig mange varianter tilgjengelig.
I dette eksempelet kunne jeg tenke meg en mer flytende overgang fra bakgrunnen til glassfekten. Derfor velger jeg bokstavene til teksten med Ctrl og Klikk på lagminiatyrbildet og åpner dialogboksen Forbedre kant. Utvalget får en Avrunding og en minimal myk kant, slik at overgangen fra tekst til bakgrunn blir mer flytende.
Jeg oppretter et nytt lag med snarveien Ctrl+Shift+Alt+N og fyller det med svart farge; med aktive standardfarger i verktøylinjen bruker jeg snarveien Alt+Delete.
Jeg hever utvalget med Ctrl+D. Nå kan jeg enkelt dra og slippe de eksisterende fylloppsjoner og smartfilter fra den tidligere tekstlaget til det nye laget. Fylloppsjonene og smartfilterne blir duplisert. Jeg deaktiverer skygge og skygge innover i dette tilfellet. Deretter kan jeg deaktivere det opprinnelige tekstlaget og sette det nye tekstlaget i innkopiermodus.
Slutteffekten min ser mykere og mer flytende ut i overgangen. Her har jeg som en liten variasjon valgt teknikken med Flatet kant og relieff satt til Hakk meiseln.
Ulempen med denne glasseffekten er at jeg ikke lenger enkelt kan endre plasseringen av teksten min. Hvis jeg endrer posisjonen, må jeg også endre den tilhørende matrisen. Det er imidlertid en måte jeg kan lage glasseffektteksten min dynamisk slik at lydbrytningen til enhver tid tilpasser seg en ny posisjon for teksten.
2. Del: Opprette dynamisk glasseffekttekst
Den dynamiske glasseffektteksten vil ha den spesielle egenskapen at jeg når som helst kan endre bokstavene tekstlig og i størrelse, men også flytte teksten som helhet i dokumentet. Lydbrytningen forblir til enhver tid intakt, og tilpasser seg automatisk den nye bakgrunnen.
Min tekst som et eksempeltekst vil ikke se helt så utskjært ut som i det første eksempelet, men litt mer matt eller melkeaktig og plassert på bakgrunnen. Slik ser du i denne opplæringen to mulige måter å lage forskjellige glasseffekttekster på.
Trinn 1: Opprett et nytt dokument
Jeg oppretter et nytt dokument med Ctrl+N i størrelsen 1600x1200 px. Avhengig av dokumentstørrelsen, kan innstillingene i fylloppsjoner og filtere variere.
Trinn 2: Velg bakgrunnsbilde
Jeg velger også i dette eksempelet blomsterbildet, der klare strukturer av blomsten er synlige.
Trinn 3: Plassere tekst
For å oppnå en avrundet glasseffekt, er det fordelaktig hvis den valgte skrifttypen allerede inneholder avrundinger. Jeg skriver bokstavene PSD med en 640-punkts skrift i en vilkårlig farge i dokumentet.
Trinn 4: Reduser arealet til 0 prosent
Jeg reduserer arealjusteringen til 0 prosent. Forskjellen mellom gjennomsiktighet og arealjustering blir spesielt synlig i denne opplæringen. Mens laginnholdet samt lagstilene kan varieres i gjennomsiktighet via gjennomsiktighetskontrollen, er det med arealjusteringen mulig å bare angi laginnholdet. De valgte lagstilene (gjennom fylloppsjoner) forblir synlige.
Siden det foreløpig ikke er gjort noen fylloppsjoner, er gjeldende visning av tekstlaget helt skjult.
Trinn 5: Justere glasseffekten
Med flere fylloppsjoner oppnår jeg at bokstavene mine får en glassaktig effekt. Viktig: Avhengig av dokument- og bokstavstørrelse må jeg justere innstillingene i fylloppsjoner.
Skygge:
Skyggen får en 45%-ig lysintensitet med følgende alternativer:
- Fyllemetode Multipliser
- 60 prosent gjennomsiktighet
- Avstand 12 piksler
- Størrelse 10 piksler
- halvrund, glattet Kontur
Effekten for skygge:
Skygge innover:
Skyggen innover får en 90%-ig lysintensitet med følgende alternativer:
- Fyllemetode Multipliser
- 85 prosent gjennomsiktighet
- Avstand 15 piksler
- Underfylling 30 prosent
- Størrelse: 57 piksler
- lineær, glattet Kontur
Skinn utenfor:
Skinnen utenfor får en 20%-ig lysintensitet med følgende alternativer:
- Fyll.metode Negativ Multiplisere
- Gjennomsiktighet: 60 prosent
- Størrelse 10 piksler
- halvrund, glattet Kontur i en 70 % område
Flatet kant og Relief:
Den flate kanten på innsiden er hardt meislet. Som variasjon kan også avrundet være fint!
Følgende alternativer må velges:
- Dybde: 100 prosent
- Størrelse: 20 piksler
- Gjøre uskarp: 8 piksler
- Vinkel 120 grader
- Høyde 70 grader
- Dypmodus med 60% Lysstyrke ved 40 prosent Gjennomsiktighet
Den eksisterende effekten med de gjorte innstillingene:
Glans:
Denne glansen får en 70% Lysstyrke med følgende alternativer:
- Fyll.metode Fargevisking
- Gjennomsiktighet: 40 prosent
- Vinkel 100 grader - Avstand 100 piksler
- Størrelse 100 piksler
- lineær, glattet Kontur
Ferdig er bokstaven i glassstil. Med variasjoner i fyllalternativene kan jeg også tilpasse glass-effekten veldig fint individuelt.
Jeg har bevisst jobbet med gråtoner i lagstilene, slik at glass-teksten også kan brukes veldig enkelt på andre bakgrunner, uten at man trenger å tilpasse fargen i fyllalternativene til det nye bildets bakgrunn. Fyll.metoden Fargevisking i kategorien Glans gir allerede den nødvendige fargepeppen!
Trinn 6: Opprett en matrixlag for lysbrytning med forvrengning
Jeg dupliserer tekstlaget ved hjelp av snarveien Ctrl+J. Med Ctrl og Klikk på det Nytt lag-symbol i Lagpanelet oppretter jeg et nytt lag som ligger under mitt nylig dupliserte tekstlag. Dette laget fyller jeg med en gråtone med 60 % Lysstyrke.
Alle fyllalternativ unntatt Skygge innover deaktiveres i tekstlaget. Jeg redigerer Skygge innover i fyllalternativene. Der reduserer jeg lysverdien av min gråfarge til rundt 50 %, sånn at Skygge innover blir litt kraftigere.
Jeg markerer alle lagene og reduserer dem til ett lag ved hjelp av snarveien Ctrl+E. Viktig er det at etter reduksjonen til ett lag, er dette laget satt som bakgrunnslag, fordi den påfølgende glassfilteret trenger at matrisen er satt som bakgrunnslag. Hvis ikke matrisen er redusert til et bakgrunnslag, vil brytningen med glassfilteret ikke lykkes som ønsket. Gjennom menyen Lag>Nytt>Bakgrunn fra lag kan jeg konvertere et gjennomsiktighetslag til et bakgrunnslag.
Matrisen er opprettet. Nå lagrer jeg dokumentet som en PSD-fil med navnet matrix-02-original.psd.
Trinn 7: Bruke glassfilter med matrisestruktur
Jeg går tilbake trinnene med snarveien Ctrl+Alt+Z, tilbake til min opprinnelige redigeringsstatus før opprettelsen av matrisen.
Først dupliserer jeg med Ctrl+J mitt bakgrunnsbilde som ble lagt til i begynnelsen.
Jeg åpner duplikatet og velger forvrengningsfilteret Glass. Som Struktur laster jeg inn mitt matriselag.
På reglene kan jeg justere forvrengningseffekten etter ønske. Jeg velger:
- Forvrengning: 18
- Glattning: 12
Jeg bekrefter med OK. Akkurat der hvor teksten min befinner seg, er nå teksten min brutt. Glass-effekten virker nesten realistisk på grunn av lysbrytningen.
For at effekten virkelig bare vises i tekstområdet og unngår brutte kanter, velger jeg enkelt teksten med Ctrl og Klikk på lagminiatyren i lagpanelet og legger til valget mitt som en Smartfiltermaske til glassfilteret mitt. Da blir effekten nøyaktig beskåret til dette området hvor den skal virke.
Effekten er ferdig. Hvis veien gjennom matrisen føles for komplisert, kan du også enkelt bruke filteret Vibrasjoner. Effekten er kanskje ikke optimal, men den når frem til en autentisk lyseffekt nær det optimale.
Hvis jeg nå vil flytte teksten min, legger jeg merke til at brytningen av lyset i den dupliserte bakgrunnsplanet ikke beveger seg med. Dette er irriterende, fordi jeg nå må justere en ny matrise på en mer omstendelig måte for den endelige plasseringen av teksten min.
Trinn 8: Opprett standardmatrise
Det er bedre å opprette en standardmatrise for denne effekten fra begynnelsen av, der alle mulige plasseringer av teksten ser bra ut.
Jeg åpner igjen matrix-02-original.psd, dupliserer teksten flere ganger og plasserer duplikatene i dokumentet. Dette kan jeg gjøre raskt med Kopierstempel.
I dette eksempelet ble bare PSD-teksten kopiert. Det er også mulig å male visse strukturer i matrisen med en mørk Pinsel og deretter beregne dem senere. Dette sikrer at det ikke er synlige tegn ved glassberegningen senere.
Dette dokumentet lagres deretter som matrix-02-standard.psd.
Trinn 9: Kjør glassfilteret med standardmatrisen
Siden forvrengningsfilteret Glass er brukt som en Smartfilter, åpner jeg dette igjen med en Dobbeltklikk. Jeg oppdaterer Strukturvorgabe i filtermenyen med den nye matrisefilen matrix-02-standard.psd.
Trinn 10: Omorganiser lagoppbyggingen
Jeg kan nå slette Smartfiltermaske. Fordi når tekst skal flyttes i dokumentet, er en maske for statisk. Jeg plasserer laget med den nye filtereffekten nederst i Ebenenbedienfeld. Over dette ligger det opprinnelige bakgrunnsbildet.
Jeg må deretter konvertere laget med filtereffekt fra gjennomsiktighet til et bakgrunnslag. Dette gjør jeg via menyen Lag>Ny>Bakgrunn fra lag.
Trinn 11: Bruk utsparingsteknikken
Effekten er ikke lenger synlig på grunn av den nye lagoppbyggingen. I neste trinn bringer vi tilbake lyseffekten i bildet.
Jeg åpner Fülloptionen for tekstlaget mitt og aktiverer en kraftig utsparing under avanserte Fülloptionen.
Nå blir all gjennomsiktighet i dokumentet utsparing fra tekstformen fra tekstlaget til bakgrunnsplanet. Det er som en utskjæring i dokumentet, uavhengig av hvor mange lag som er synlige. Gjennomsiktighetslagene blir nøyaktig skjult på dette tekststedet. Siden bakgrunnsplanet ikke har gjennomsiktighet, vil alltid den anvendte filtret på bakgrunnsplanet være synlig på dette stedet.
Dermed kan jeg flytte teksten min til hvilken som helst plassering, og lyseffekten forblir i bokstavene. Den tidligere dupliserte bakgrunnsplanet sørger for at alle andre områder vises uten lysbrytningseffekt.
Trinn 12: Alternativ til utskjæring: skjæremaske
Utsparingsteknikken er dessverre ikke så kjent og er også litt statisk for variasjoner av effekten. Det er imidlertid en god alternativ som er mer kjent i Photoshop-feltet og mer fleksibel for variasjoner: den vanlige Skjæremasken.
Jeg går tilbake med snarveien Strg+Alt+Z, slik at jeg får tilbake bakgrunnsplanet som et Smart-Objekt med Smartfilteret Glass. Jeg deaktiverer utsparingen i Fülloptionen for tekstlaget. Lyseffektlaget, dvs. det nylig gjenvunnede Smart-Objektet, plasseres over tekstlaget.
Ved å klikke mellom tekst- og lyseffektlaget i Ebenenbedienfeld, oppretter jeg en Skjæremaske. Jeg kan også gjøre det samme med snarveien Strg+Alt+G.
Skjæremasken får lyseffekten til å bli vist tilpasset tekstlaget.
Effekten blir synlig når jeg setter Flächeregler fra 0 prosent tilbake til 100 prosent. Fordelen med å bruke Skjæremasken er også at jeg ikke trenger et bakgrunnsbilde her, og teoretisk sett kan jeg bruke laget som et Smart-Objekt med Smartfiltere og muligheten til variere effekten tappefritt.
Trinn 13: Variasjoner
Variasjoner er veldig enkle med tekstbokstavene med forskjellige skrifttyper samt med Fülloptionen.
Lyseffekten kan varieres i forvrengningsfiltret Glass; dette fungerer også veldig bra med forhåndsinnstillingen Quader. Det er også mulig å bruke Kräuseln eller Ozeanwellen for brytningseffekter. Hvis brytningseffekten er for svak, kan jeg bare bruke filteret igjen på laget med Strg+F.
Siden effekten i Fülloptionen er farge-nøytral - dvs. det ble hovedsakelig jobbet med grå verdier for beregning samt Farbig abwedeln-Füllmethode under Glanz -, kan nye bakgrunner plasseres veldig enkelt rundt skriften. De nødvendige tilpasningene begrenser seg til at matrisen må kjøres gjennom glassfiltret en gang til i den nye bakgrunnen.
I dette eksemplet har jeg plassert et nytt bakgrunnsbilde, duplisert det, og det dupliserte blir også brukt som en Skjæremaske for tekstlaget. Med Alt kan jeg dra smartfilteret til den eksisterende lyseffekten til den nye, dupliserte bakgrunnen min. Effekten er dermed raskt tilpasset en annen bakgrunn.
Flere muligheter for variasjoner inkluderer å gjøre lysbrytningen litt mykere eller skarpere. Dette er spesielt nyttig med en standardmatrise for å jevne ut harde strukturer i effekten. En Mykgjøringsverdi på 2 piksler er allerede tilstrekkelig.
I stedet for mykgjøring fungerer skarpheten veldig bra ved hjelp av smartfilteret Hochpass. I Smartfilterfylloppsjoner setter jeg fyllmetoden til Overlay! Dette gir meg litt mer skarphet og kontrast i brytningen, noe som gjør lysbrytningseffekten enda mer realistisk.
Til slutt viser jeg opprinnelsesbildet med høydepassefilter:
