Gjennomsiktig Glasstekst er en av de mest populære tekststilseffektene i Photoshop, og gir designene en elegant, moderne og profesjonell touch. Enten det er for logoer, headergrafikk eller kreative prosjekter - denne effekten imponerer med sin realistiske gjengivelse av glass som fanger opp lys og skygge. I denne opplæringen vil jeg vise deg trinn for trinn hvordan du kan lage en gjennomsiktig glassteksteffekt i Photoshop. Vi vil bruke enkle verktøy som lagstiler, forløpninger og effekter for å oppnå et overbevisende resultat. La oss komme i gang og få teksten din til å skinne!

1. Bakgrunnen

Vi oppretter et nytt dokument med en størrelse på 700 x 400 piksler. Og for de som også vil skrive det ut senere: En oppløsning på 300 ppi.

Gjennomsiktig glass tekst

Først oppretter vi en fin bakgrunnsforløp. De fleste forløp består vanligvis av to farger. Men i Photoshop har vi muligheten til å lage mer komplekse forløp ved å bruke flere farger.

Derfor oppretter vi en radialforløp:

Gjennomsiktig glass tekst

Vi velger fargen #790d3c for den første glidebryteren, klikker midt på fargefeltet og velger fargen #4a0823. For den siste: #2c0414.

Gjennomsiktig glass-tekst

Så drar vi forløpet fra nederst til høyre oppover til venstre, slik at vi får lysstrålen nederst til høyre.

Gjennomsiktig glass tekst

2. Teksten

Neste steg er å bruke tekstverktøyet. Jeg har valgt skrifttypen "Adobe Caslon Pro" som følger med Creative Suite. Skriftstørrelsen er i dette eksempelet 75,92Pt. Det eneste som gjenstår er den passende fargen. Den tildeler vi ved å klikke på fargefeltet øverst til høyre.

Gjennomsiktig glass tekst

Der skriver vi inn følgende verdi: #a9419c.

Gjennomsiktig glass tekst

For vårt delresultat:

Gjennomsiktig glass tekst

Vi setter gjennomsiktigheten til laget til 28%, slik at teksten virker gjennomsiktig til å begynne med.

Gjennomsiktig glass tekst

Deretter dobbeltklikker vi på laget "PSD" eller klikker på knappen fx nederst i lagpanelkanten for å åpne lagstilene. Vi setter først en hake ved slagskygge. Verdiene finner du nedenfor:

Gjennomsiktig glass tekst

Vi får følgende resultat:

Gjennomsiktig glass tekst

Neste steg er å velge skygge innover og bruke følgende verdier:

Gjennomsiktig glass tekst

Og vi får følgende resultat:

Gjennomsiktig glass tekst

Glans utvendig:

Gjennomsiktig glasskarakter

Mellomresultat:

Gjennomsiktig glass tekst

Glans innvendig:

Gjennomsiktig glass tekst

Avrundet kant og relieff:

Transparent glass tekst

Kontur:

Gjennomsiktig glass tekst

Mellomresultat:

Gjennomsiktig glass tekst

Glans: For fyllfargeklikker vi bare en gang med Pipetten på den mørke bakgrunnen ved siden av vårt "P".

Gjennomsiktig glass tekst

Mellomresultat:

Gjennomsiktig glass tekst

Kontur:

Gjennomsiktig glass tekst

Mellomresultat:

Gjennomsiktig glass tekst

3. Opprette refleksjoner

Nå oppretter vi en liten refleksjon på bunnen av "D". For å gjøre dette velger vi hele teksten vår ved å trykke på Ctrl-tasten samtidig som vi klikker på vår lagminiatyr.

Gjennomsiktig glass tekst

Deretter oppretter vi et nytt lag.

Gjennomsiktig glass tekst

Dernest går vi til gradientverktøyet og velger en hvittilgjennomsiktig gradient. Vi passer på at boksen for radialgradient fremdeles er aktivert …

Gjennomsiktig glass tekst

… og drar gradienten som vist på bildet nedenfor.

Gjennomsiktig glass tekst

Resultat:

Gjennomsiktig glass-tekst

Vi kan også skjule valget ved å trykke Ctrl+H. Dette gjør det lettere å vurdere resultatet når vi legger til en annen gradient.

Gjennomsiktig glasspanel

Deretter legger vi til en ny gradient, som vist på bildet. Dette forsterker glansen litt mer.

Gjennomsiktig glass tekst

Vi trykker deretter på Ctrl+D for å fjerne det skjulte valget. Vi kaller det øverste laget "Gjenskinn nederst". For at gradienten skal tilpasse seg teksten vår på en fin måte, velger vi fyllmetoden: Multippel.

Gjennomsiktig glass tekst

Vi får dermed følgende mellomresultat:

Gjennomsiktig glass tekst

Vi gjentar prosessen nå med øvre venstre hjørne: Vi velger teksten med Ctrl-tasten trykket ned på lagminiatyren.

Gjennomsiktig glass tekst

Vi oppretter et nytt lag kalt "Gjenskinn øverst" …

Gjennomsiktig glass tekst

… og drar en hvittilgjennomsiktig radialgradient på nytt, som vist nedenfor …

Gjennomsiktig glass tekst

Mellomresultat:

Gjennomsiktig glasstekst

Deretter opphever vi valget med Ctrl+D

Gjennomsiktig glass tekst

… og endrer gjennomsiktigheten til 30%.

Gjennomsiktig glass-tekst

Mellomresultat:

Gjennomsiktig glass tekst

For å få en sterkere refleksjon, trekker vi først en ellipseedel over den øvre halvdelen av skriften vår … (for å flytte ellipsen samtidig som vi trekker den, trykk og hold inne mellomromstasten).

Gjennomsiktig glasstekst

Deretter inverterer vi dette valget ved å trykke Ctrl+Shift+I

Gjennomsiktig glass tekst

… og sletter resten av gradienten ved å bruke Delete-tasten, slik at vi får en hard refleksjonskant.

Gjennomsiktig glasstekst

4. Opprette høydepunkter (2 varianter)

For å skape enda mer glans, lager vi små høydepunkter. Det er flere varianter å velge mellom. Jeg vil forklare to av dem. Først med polygonstjerner og deretter med blendarflekker.

Variant 1: Polygonstjerner

Vi begynner med polygonstjernene. Vi oppretter et nytt lag og kaller det "Stjerner".

Gjennomsiktig glass tekst

Dernest velger vi verktøyet for polygon

Gjennomsiktig glass tekst

… klikk på den lille pilen-nedover i kontrolldelen og …

Gjennomsiktig glass-tekst

… der klikker du på alternativet Stjerne.

• Vi setter Sider inn for til 98% for å få veldig harde topper. Deretter skriver vi inn 5 under Sider for å få 5 topper per stjerne.

Gjennomsiktig glass tekst

Det viktige her er at vi har satt forgrunnsfargen til hvit. Deretter plasserer vi stjernene på de mest opplyste områdene …

Gjennomsiktig glass tekst

Slik kan det se ut.:)

Gjennomsiktig glass tekst



Nå skal vi ta for oss den andre varianten. Men først rydder vi opp i lagpaletten ved å gruppere polygonebene våre (ved å velge de relevante lagene og trykke på Ctrl+G). Deretter kan vi skjule dem med ett klikk. Gruppen kan vi kalle "Stjerner".

Variant 2: Lage blendeflekker som en børste

Her vil jeg vise deg en svært effektiv måte å plassere blendeflekker på raskt og enkelt. Først trenger vi et nytt dokument med en arbeidsflate på 2000 x 2000 piksler (vi trenger disse, for blendeflekkene blir også uhyre store i liten tilstand;) ).

Gjennomsiktig glass-tekst

Vi fyller bakgrunnsflaten med svart …

Transparent glass tekst

… og åpner blendeflekkene våre.

Gjennomsiktig glasstekst

Nå må vi sørge for å plassere blendeflekken midt i, slik at vi også får skyggen rundt med på arbeidsflaten vår.

Gjennomsiktig glass tekst

Hvis du ser nøye etter eller ser på skjermen din fra øverste vinkel, kan du se at blendeflekken vår nesten berører kanten øverst.;)

Gjennomsiktig glass tekst

Men heldigvis har vi likevel truffet den helt. Derfor trykker vi nå på Ctrl+ I, for å invertere laget vårt.

Gjennomsiktig glass tekst

Så velger vi hele laget med tastekombinasjonen Ctrl+A, går til Rediger>Brukergenerert børstepresisjon

Gjennomsiktig glass tekst

… og lagrer blendeflekken vår som en børste.

Transparent glass text

Tilbake til dokumentet vårt oppretter vi først et nytt lag og kaller det "Blendeflekker".

Gjennomsiktig glass-tekst

Nå kan vi åpne den nye børsten vår i børstepaletten.

Gjennomsiktig glass tekst

Sørg for at vår børste ikke er for stor. Også bør forgrunnsfargen være hvit.

Gjennomsiktig glass tekst

Vi oppretter helst et nytt lag per blendeflekk (slik at vi kan flytte dem etter behov) og plasserer dem på de reflekterte områdene i bildet vårt.

Gjennomsiktig glass tekst

5. Lage speilinger

Som det ofte er med høyglinsende objekter, etterlater disse ofte en refleksjon. Og det er akkurat det vi skal gjøre med teksten vår nå.

Først trenger vi en lagkopi av hele teksten vår med refleksjonene. Vi markerer lagene "PSD", "Skygge nedenfra" og "Skygge ovenfra" og drar dem med museklikket holdt nede til det nederste arkfanekortet for å lage en lagkopi av alle tre lagene.

Gjennomsiktig glass tekst

Så trykker vi på Ctrl+E, for å kombinere disse duplikatene til ett lag.

Gjennomsiktig glass tekst

Så trykker vi på Ctrl+T, for å transformere laget. Vi høyreklikker på transformasjonslaget og velger Speil vertikalt.

Gjennomsiktig glass-tekst

Deretter skyver vi planeten ned med piltastene til kanten av planetene berører hverandre. Dette er bare tilfelle med "S". De to andre må tilpasses.

Gjennomsiktig glass tekst

Deretter velger vi Rektangulært markedsverktøy og markerer først "P".

Gjennomsiktig glass tekst

Når vi trykker på "V", er Forflytte-verktøy klart. Med dette kan vi deretter skyve "P" opp med piltastene til den berører bunnen av kanten. Hvis vi deretter trykker Ctrl+H, har vi midlertidig skjult markeringen og kan derfor bedre vurdere posisjonen. Dette hjelper virkelig mye når du flytter objekter.

Det gjør ingenting at bunnen av "P" blir avkuttet, da den uansett senere skjules.

Gjennomsiktig glass tekst

Vi gjør det samme med "D".

Gjennomsiktig glass tekst

Deretter oppretter vi en lagmaske på dette laget …

Gjennomsiktig glass tekst

… og velger Gradientverktøy og stiller inn en Svart-Hvitt-gradient eller en Svart-til-gjennomsiktig-gradient. Pass på at alternativet Lineær gradient er aktivert.

Gjennomsiktig glass tekst

Vi starter verktøyet ved bunnen og trekker det opp som vist i bildet. Du kan fortsatt holde nede Skift-tasten for en helt rett gradient.

Gjennomsiktig glass tekst

Og vi får følgende mellomresultat:

Gjennomsiktig glass-tekst

Som med mange speilinger, er speilingen vanligvis veldig svak. Derfor justerer vi gjennomsiktigheten på dette laget litt ned (44%), slik at vi får et relativt realistisk speilbilde.

Gjennomsiktig glass-tekst



Dette gir teksten vår litt mer rom, fordi en bakke blir synlig gjennom speilingen. Og for å tydeliggjøre dette rommet litt mer, vil vi lage en bakke.

Først rydder vi litt i lagene våre. Vi endrer navnet på det nylig opprettede laget til "Refleksjon". Siden en refleksjon er under teksten, flytter vi dette "Refleksjon" laget under "PSD" laget. Deretter grupperer vi teksten med speilingen og refleksjonene inn i en gruppe og kaller denne gruppen "PSD". Og de tre lysscatteringslagene grupperer vi også inn i en lysscatteringsgruppe. Slik blir lagstrukturen vår bestående av bakgrunnslaget, gruppen "PSD", gruppen "Sternchen" og gruppen "Lysscatteringer".

Under "PSD" gruppen oppretter vi nå en mappe kalt "Bakke", der vi nå skal lage vår siste grafikk.

6. Oppretting av en bakke

Vi oppretter et nytt lag i laggruppen "Bakke", som vi også kaller "Bakke". Deretter velger vi Gradientverktøy.

Gjennomsiktig glass tekst

Vi stiller inn følgende fargeverdier:

Gjennomsiktig glass tekst

Deretter drar vi med Shift-tasten en fin gradient fra topp til bunn.

Gjennomsiktig glasstekst

Mellomresultat:

Gjennomsiktig glass tekst

Denne ser allerede veldig fin ut, men den skal jo være gulvet vårt. Vi trykker nå Ctrl+T og drar laget nedover med toppmidten helt til det stikker litt over refleksjonen. Teksten vil da ikke være ved bakkanten av "rommet", men mer i midten.

Gjennomsiktig glass-tekst

Mellomresultat:

Gjennomsiktig glass tekst

Slik har vi laget vår virtuelle bakken. Men den overbeviser ikke helt ennå, siden den ikke kaster skygge. Derfor oppretter vi et nytt lag for skyggen og plasserer det under bakke-laget vårt.

Vi endrer også navnet på dette laget til "Skygge". Deretter velger vi en myk, rund svart Pensel

Gjennomsiktig glass-tekst

… og tegner utenfor dokumentet med Shift-tasten trykket ned, en gang langs kanten av bakken.

Gjennomsiktig glass tekst

Mellomresultat:

Gjennomsiktig glass-tekst

Nå er skyggen vår litt for sterk. Men det gjør ingenting, for vi kan flytte den med Forflytningsverktøyet og pilene Pilene litt nedover. Eller vi trykker Ctrl+T igjen og skyver den nedre midtgrepet litt oppover, slik at skyggen vår blir litt hardere.

Gjennomsiktig glass tekst

Så kan vi justere litt på gjennomsiktigheten til skyggen (til 60%).

Gjennomsiktig glass tekst

Og da har vi endelig kommet til målet.:)

Jeg håper dere likte denne opplæringen, og jeg ser frem til enhver kommentar.:)

Gjennomsiktig tekst i glass