Genomskinlig glastext är en av de mest populära textstilseffekterna i Photoshop, som ger designerna en elegant, modern och professionell touch. Oavsett om det är för logotyper, headergrafik eller kreativa projekt - denna effekt imponerar med sin realistiska återgivning av glas som fångar ljus och skuggor. I den här handledningen visar jag steg för steg hur du med Photoshop kan skapa en transparent glastexteffekt. Vi använder enkla verktyg som lagerstilar, förlopp och effekter för att uppnå ett övertygande resultat. Låt oss börja och få din text att glänsa!

1. Bakgrunden

Vi skapar ett nytt dokument med en storlek på 700 x 400 pixlar. För de som också gärna vill skriva ut det senare: en upplösning på 300 ppi.

Genomskinlig glastext

Först skapar vi en fin bakgrundsgradient. De flesta förlopp består vanligtvis av två färger. Men i Photoshop har vi möjlighet att skapa flera färger och därigenom mer komplexa förlopp.

Vi skapar därför en radialgradient:

Genomskinligt glas

För den första reglaget väljer vi färgen: #790d3c, klickar i mitten av färgbalken och väljer färgen: #4a0823. För den sista: #2c0414.

Genomskinlig glasvägg

Sedan drar vi den gradienten från nedre höger till övre vänster, så att vi får vår ljuskägla nedtill till höger.

Genomskinlig glastext

2. Texten

Nästa steg är att använda textverktyget. Här har jag valt typsnittet "Adobe Caslon Pro," som ingår i Creative Suite. Typsnittsstorleken i detta exempel är 75,92Pt. Nu saknas bara rätt färg. Den tilldelar vi genom att klicka på färgfältet längst upp till höger.

Genomskinlig glastext

Där anger vi följande värde: #a9419c.

Genomskinlig glastext

För vårt delresultat:

Genomskinlig glas

Lagrets dailycke sätter vi till 28%, så att vår text först verkar transparent.

Genomskinlig glasvägg

Sedan dubbelklickar vi på lagret "PSD" eller går till knappen fx i botten av lagerpanelen för att öppna lagereffekterna. Först bockar vi i slagskugga. Värdena hittar du nedan:

Genomskinlig glastext

Vi får följande resultat:

Genomskinligt glas

Nästa steg är att gå till inre skugga och använda följande värden:

Genomskinlig glastext

Och vi får följande resultat:

Genomskinlig glastext

Yttre glöd:

Genomskinligt glasmaterial

Delresultat:

Genomskinlig glastext

Inre glöd:

Genomskinligt glasmaterial

Platt kant och relief:

Genomskinlig glasvägg

Kontur:

Genomskinlig glas text

Delresultat:

Genomskinlig glasstext

Glans: För fyllmetodens färg klickar vi helt enkelt med ögonblicksmätaren bredvid vårt "P" på den mörka bakgrunden.

Genomskinlig glastext

Delresultat:

Transparent glastext

Kontur:

Genomskinlig glas text

Mellanresultat:

Genomskinlig glastext

3. Skapa reflektioner

Nu skapar vi en liten reflektion vid undersidan av "D". Vi markerar hela vår text genom att hålla ned Ctrl-tangenten och klicka på vår lagerminiatyr.

Genomskinlig glastext

Därefter skapar vi en ny lager.

Genomskinlig glastext

Sedan väljer vi förlauf-verktyget och väljer en vit-till-genomskinlig förlopp. Vi ser till att rutan för radialförlopp fortfarande är aktiverad …

Transparent glastext

… och drar förloppet enligt bilden nedan.

Genomskinlig glastext

Resultat:

Genomskinlig glas-text

Vi kan också dölja markeringen med Ctrl+H. På så sätt kan vi bättre bedöma resultatet när vi drar en andra förlopp.

Genomskinlig glastext

Därefter drar vi ännu en gång en förlopp, enligt bilden nedan. På så sätt förstärker vi skenet något ytterligare.

Genomskinligt glasmaterial

Sedan trycker vi på Ctrl+D för att häva den dolda markeringen. Vi döper vårt översta lager till "Reflektion nedre". För att få vår förlopp att passa fint med vår text väljer vi fyllningsmetoden: Skärmasihop.

Genomskinlig glastext

Så får vi följande mellanresultat:

Transparent glasstext

Vi upprepar samma procedur nu med övre vänstra hörnet: Vi markerar texten med nedtryckt Ctrl-tangentlagerminiatyren.

Transparent glasvägg

Vi skapar ett nytt lager, som vi döper till "Reflektion övre" …

Genomskinlig glastext

… och drar igen en vit-till-genomskinlig radieförlopp. enligt bilden nedan…

Genomskinlig glastext

Mellanresultat:

Genomskinligt glasstext

Sedan häver vi markeringen med Ctrl+D

Genomskinligt glasmaterial

… och ändrar genomskinligheten till 30%.

Genomskinlig glastext

Mellanresultat:

Genomskinligt glasmaterial

För en starkare reflektion drar vi först en ellipsemarkering över den övre halvan av vårt text … (för att samtidigt flytta ellipsen när vi drar den, håll ned mellanslagstangenten).

Genomskinlig glastext

Sedan inverterar vi denna markering genom att trycka på Ctrl+Shift+I, …

Genomskinligt glasmaterial

… och raderar resten av förloppet med Backsteg-tangenten, så att vi får en hård reflektionskant.

Genomskinlig glastext

4. Skapa höjdpunkter (2 varianter)

För att skapa ännu mer glans, skapar vi små höjdpunkter. Det finns flera varianter att välja mellan. Jag kommer att förklara 2 av dem. Dels genom polygontjärnar. Och dels genom ljusfläckar.

Variant 1: Polygontjärnar

Vi börjar med polygontjärnar. Vi skapar ett nytt lager och kallar det "Tjärnar".

Genomskinligt glas

Sedan väljer vi polygont-verktyget

Genomskinligt glasmaterial

… klicka på den lilla ned-pilen i kontrollpanelen och …

Transparent glastext

… klicka på alternativet Stjärna.

• Vi ställer in sidor dras in med på 98% för att få riktigt skarpa toppar. Sedan anger vi 5 under sidor för att få 5 toppar per stjärna.

Genomskinlig glastext

Nu är det viktigt att vi har ställt in förgrundsfärgen till vitt. Vi placerar stjärnorna på de mest upplysta områdena …

Genomskinlig glastext

Så vackert kan det hela se ut.:)

Genomskinligt glas



Nu ska vi ägna oss åt det andra alternativet. Men innan det rensar vi vårt lagerskal genom att samla våra polygonlager i en grupp (genom att markera de lämpliga lagren och trycka på Ctrl+G). Sedan kan vi dölja dem med ett klick. Vi kan namnge gruppen "Stjärnor".

Alternativ 2: Skapa linsfläckar som penslar

Här ska jag visa er en mycket effektiv metod för att snabbt och enkelt placera linsfläckar. Först behöver vi skapa ett nytt dokument med en arbetsyta på 2000 x 2000 pixlar (vi behöver denna storlek eftersom linsfläckarna även i miniatyrläge blir otroligt stora;) ).

Genomskinligt glasmaterial

Vi fyller bakgrundsfältet med svart …

Genomskinlig glastext

… och öppnar våra linsfläckar.

Genomskinlig glastext

Nu måste vi se till att placera linsfläcken så nära mitten som möjligt för att även få med glansen runt om oskuren på vår arbetsyta.

Genomskinlig glastext

Den som tittar noggrant eller betraktar sin skärm från en övre vinkel kan se att vår linsfläck nästan nuddar den övre kanten helt nära.;)

Genomskinligt glasmaterial

Men vi har lyckligtvis fångat den helt. Därför trycker vi nu på Ctrl+ I, för att invertera vår lager.

Genomskinlig glasvägg

Sedan väljer vi hela lagret med tangentkombinationen Ctrl+A, går till Redigera> Ange pensel

Genomskinligt glasmaterial

… och sparar vår linsfläck som pensel.

Transparent glastext

Tillbaka till vårt dokument skapar vi först en nytt lager och kallar det "Linsfläckar".

Genomskinlig glastext

Nu kan vi använda den nyss skapade penseln i penselpanelen.

Genomskinlig glastext

Se till att vår pensel inte är för stor. Också bör förgrundsfärgen vara vit.

Genomskinligt glasmaterial

Det är bäst att skapa ett nytt lager per linsfläck (så att vi kan flytta dem som vi vill) och placera dem på de reflekterade områdena i vår bild.

Genomskinlig glas_text_

5. Skapa en spegling

Som med de flesta högblanka objekt lämnar de oftast en spegling. Och precis det kommer vi att göra med vår text nu.

Först behöver vi en kopia av vårt textlager med dess reflektioner. Vi markerar lagren "PSD", "Glans nedan" och "Glans uppåt" och drar dessa med musklicket hållet nedtryckt till det nedre ritpapperet för att skapa kopior av alla tre lagren.

Genomskinlig glastext

Sedan trycker vi på Ctrl+E för att slå samman dessa duplikat till ett lager.

Genomskinlig glastext

Sedan trycker vi på Ctrl+T för att transformera lagret. Vi högerklickar på transformationslagret och väljer Vertikal spegling.

Genomskinligt glas

Därefter flyttar vi planeten neråt med piltangenterna tills planetkantarna rör vid varandra. Det är bara "S" som är så i det här fallet. De andra två kommer vi att behöva justera.

Genomskinlig glastext

Därför kallar vi in Rektangulär markverktyg och markerar först "P".

Genomskinlig glastext

När vi trycker på "V" har vi vårt Flyttverktyg redo. Med detta kan vi sedan flytta "P" uppåt med piltangenterna tills den rör den nedre kanten. Om vi nu också trycker på Ctrl+H, har vi tillfälligt dolt markkanten och kan därför bedöma positionen bättre. Det hjälper verkligen mycket vid flyttning.

Att den nedre kanten på "P" är avskuren spelar ingen roll eftersom den ändå kommer att döljas senare.

Genomskinlig glastext

Vi gör samma sak med "D" sedan.

Genomskinlig glasvägg

Sedan skapar vi en lagermask på detta lager …

Genomskinlig glastext

… går till Gradientverktyget och ställer in en Svartvit gradient eller en Svart-till-transparent gradient. Vi ser till att alternativet Linjär gradient är aktiverat.

Genomskinligt glastext

Vi börjar verktyget vid nedre kanten och drar det upp som visas i bilden. Vi kan fortfarande hålla ned Skift-tangenten för att göra vår gradient riktigt rak.

Genomskinligt glasutseende

Och vi får följande delresultat:

Genomskinlig glastext

Som med många speglingar är speglingen vanligtvis väldigt svag. Därför justerar vi lagerets Opacitet något nedåt (44%) för att få en relativt realistisk spegling.

Genomskinlig glastext



Därigenom får vår text lite mer utrymme eftersom en botten blir synlig genom speglingen. Och för att tydligare markera detta utrymme ska vi skapa en botten.

Innan vi gör det sätter vi lite ordning på våra lager. Vi döper om det nyss skapade lagret till "Reflektion". Eftersom en reflektion är under texten flyttar vi lagret "Reflektion" under lagret "PSD". Sedan lägger vi texten inklusive spegling och reflektioner i en grupp och kallar denna grupp "PSD". Vi grupperar även de tre bländfläckslagren tillsammans. Så består vår lagstruktur av bakgrundslagret, gruppen "PSD", gruppen "Stjärnor" och gruppen "Bländfläckar".

Under gruppen "PSD" skapar vi nu en mapp med namnet "Botten" och skapar nu vår sista grafik där.

6. Skapa en botten

I lagergruppen "Botten" skapar vi ett nytt lager som vi också kallar "Botten". Sedan går vi till vårt Gradientverktyg.

Genomskinligt glasmaterial

Vi ställer in följande färgvärden:

Genomskinligt glas

Sedan drar vi en fin gradient från toppen till botten med hållen Skift-tangenten.

Genomskinlig glastext

Delresultat:

Genomskinlig glastext

Den här ser redan väldigt vacker ut så här, men den ska ju bli vår botten. Vi trycker nu på Ctrl+T och drar det övre mellersta handtaget på lagret så långt ner tills det sticker upp lite över reflektionen. På så sätt kommer texten inte att vara vid den bakre kanten av "rummet", utan mer i mitten.

Genomskinlig glastext

Delresultat:

Genomskinlig glastext

Så nu har vi vår virtuella botten. Men den övertygar ännu inte helt eftersom den inte kastar någon skugga. Därför skapar vi ett nytt lager för skuggan och flyttar den under vårt "Botten"-lager.

Vi döper detta lager också direkt till "Skugga". Sedan väljer vi en mjuk rund svart Pensel

Genomskinlig glastext

… och ritar något utanför dokumentet med hållen Skift-tangenten längs bottenkanten.

Genomskinligt glasmaterial

Mellantidresultat:

Genomskinlig glastext

Nu är vår skugga lite för stark. Det gör inget eftersom vi kan flytta den neråt med Flytta-verktyget och pilknapparna. Eller så trycker vi igen Ctrl+T och drar upp den nedre mittänden lite så att vår skugga blir lite hårdare.

Genomskinlig glastext

Sedan kan vi justera skuggans Opacitet lite (till 60%).

Genomskinligt glasnät

Och så har vi äntligen nått vårt mål.:)

Jag hoppas att ni gillade den här handledningen och ser fram emot varje kommentar.:)

Genomskinlig glastext