Transparante glasachtige tekst is een van de meest populaire tekststijleffecten in Photoshop en geeft ontwerpen een elegante, moderne en professionele uitstraling. Of het nu gaat om logo's, headerafbeeldingen of creatieve projecten - dit effect maakt indruk door zijn realistische weergave van glas dat licht en schaduwen vangt. In deze tutorial laat ik je stap voor stap zien hoe je met Photoshop een transparant glaseffect op tekst kunt maken. We maken gebruik van eenvoudige tools zoals laageffecten, gradiënten en effecten om een overtuigend resultaat te behalen. Laten we beginnen en je tekst laten glanzen!
1. De achtergrond
We maken een nieuw document met een afmeting van 700 x 400 pixels. En voor degenen die het eventueel later willen afdrukken: een resolutie van 300 ppi.
Allereerst maken we een mooie achtergrondverloop. De meeste verlopen bestaan meestal uit twee kleuren. Maar in Photoshop hebben we de mogelijkheid om meerdere kleuren te gebruiken en zo complexere verlopen te creëren.
We maken daarom een radiaalverloop:
Voor de eerste regelaar kiezen we de kleur: #790d3c, klikken in het midden van de kleurenbalk en kiezen de kleur: #4a0823. Voor de laatste: #2c0414.
Vervolgens slepen we het verloop van rechts onder naar links boven, zodat we rechtsonder onze lichtkegel hebben.
2. De tekst
Vervolgens selecteren we het tekstgereedschap. Ik heb hier het lettertype "Adobe Caslon Pro" gekozen, dat wordt meegeleverd in de Creative Suite. De lettergrootte in dit voorbeeld is 75,92Pt. Nu ontbreekt alleen nog de juiste kleur. Die wijzen we toe door te klikken op het kleurveld rechtsboven.
Daar geven we de volgende waarde in: #a9419c.
Voor ons tussentijdse resultaat:
De laagdekking van de laag stellen we in op 28%, zodat onze tekst er eerst transparant uitziet.
Vervolgens dubbelklikken we op de laag "PSD" of gaan naar de knop fx onderaan het lagenbedieningspaneel om de laageffecten te openen. We vinken eerst de slagschaduw aan. De waarden vind je hieronder:
We krijgen het volgende resultaat:
Vervolgens gaan we naar schaduw naar binnen en passen we de volgende waarden toe:
En krijgen het volgende resultaat:
• Gloed naar buiten:
Tussentijds resultaat:
• Gloed naar binnen:
• Afgeschuinde rand en reliëf:
• Contour:
Tussentijds resultaat:
• Glanzen: Voor de kleur van de vullingsmethode klikken we gewoon met de pipet naast onze "P" op de donkere achtergrond.
Tussentijds resultaat:
• Contour:
Tussenresultaat:
3. Het maken van reflecties
Vervolgens maken we onderaan de "D" een kleine reflectie. Hiervoor selecteren we onze volledige tekst door met ingedrukte Ctrl-toets op onze laagminiatuur te klikken.
Vervolgens maken we een nieuwe laag aan.
Vervolgens selecteren we het Verloopgereedschap en kiezen we een Wit-naar-Transparant-verloop. Let erop dat het vakje bij Radiaalverloop nog steeds geactiveerd is …
… en trekken het verloop zoals hieronder weergegeven.
Resultaat:
We kunnen ook met Ctrl+H de selectie verbergen. Op die manier kunnen we het resultaat beter beoordelen wanneer we een tweede verloop maken.
Vervolgens trekken we opnieuw een verloop zoals in de afbeelding getoond. Zo versterken we de gloed nog wat meer.
Druk nu op Ctrl+D, om de verborgen selectie ongedaan te maken. We hernoemen onze bovenste laag dan naar "Gloed onder". Om ervoor te zorgen dat ons verloop nu mooi past bij onze tekst, kiezen we de vullingsmethode: Verspreiden.
Zo krijgen we het volgende tussenresultaat:
We voeren nu hetzelfde proces uit voor de linkerbovenhoek: We selecteren de tekst met ingedrukte Ctrl-toets op de laagminiatuur.
We maken een nieuwe laag aan en noemen deze "Gloed boven" …
… en trekken opnieuw een Radiaalverloop Wit-naar-transparant, zoals hieronder weergegeven…
Tussenresultaat:
Vervolgens heffen we de selectie op met Ctrl+D …
… en passen de dekking aan tot 30%.
Tussenresultaat:
Voor een sterkere reflectie trekken we eerst een ellipsselectie over de bovenste helft van ons tekst … (om de ellips tijdens het trekken tegelijkertijd te verplaatsen, houd de spatiebalk ingedrukt).
Vervolgens inverteren we deze selectie door op Ctrl+Shift+I te drukken, …
… en verwijderen met de Delete-toets de rest van de verloop, zodat we een harde reflectiekant krijgen.
4. Het maken van de highlights (2 varianten)
Om nog meer glanseffect te creëren, maken we kleine hoogtepunten. Hiervoor zijn verschillende varianten. Ik zal er 2 uitleggen. Namelijk eenmaal met polygonsterretjes. En de tweede met flitsvlekken.
Variant 1: Polygonsterretjes
We beginnen met de polygonsterretjes. Hiervoor maken we een nieuwe laag aan en noemen deze "Sterretjes".
Vervolgens selecteren we het Polygon-gereedschap …
… klik in de bedieningsbalk op de kleine Pijl-naar-beneden en …
… klik daar op de optie Ster.
• Puntvermindering zetten we op 98% om echt heel harde punten te krijgen. Vervolgens geven we nog bij Punten 5 in, om per ster 5 punten te krijgen.
Het is nu belangrijk dat we de voorgrondkleur op wit hebben ingesteld. Dan plaatsen we de sterren op de meest helder verlichte plekken …
Zo mooi kan het er dan uitzien.:)
Nu gaan we ons bezighouden met de tweede variant. Maar voordat we dat doen, gaan we onze Lagenpallet eerst opruimen door onze polygone lagen samen te voegen in een groep (door de desbetreffende lagen te selecteren en op Ctrl+G te drukken). Vervolgens kunnen we deze groep uitklappen met een klik. De groep kunnen we "Sterretjes" noemen.
Variant 2: Flares aanmaken als penseel
Hiervoor wil ik jullie meteen een zeer efficiënte manier laten zien om flares snel en eenvoudig te plaatsen. Hiervoor hebben we eerst een nieuw document nodig met een werkruimte van 2000 x 2000 pixels (die hebben we nodig, want de flares worden zelfs in een kleine staat ongelooflijk groot;)).
We vullen het achtergrondvlak met zwart …
… en roepen onze flares op.
Nu moeten we ervoor zorgen dat we de flare zo mogelijk in het midden plaatsen, zodat we ook de gloed eromheen niet afgesneden op onze werkruimte krijgen.
Wie goed kijkt of zijn monitor vanuit een bovenhoek bekijkt, kan zien dat onze flare bijna de bovenste rand heel dicht raakt.;)
Maar gelukkig hebben we hem toch volledig te pakken. We drukken nu op Ctrl+ I om onze laag om te keren.
Vervolgens selecteren we met de sneltoetscombinatie Ctrl+A de hele laag, gaan naar Bewerken>Penseeldefinitie instellen …
… en slaan onze flare op als penseel.
Terug naar ons document maken we eerst een nieuwe laag aan en noemen deze "Flares".
We roepen nu de zojuist gecreëerde penseel op in het penseelpaneel.
We letten erop dat onze penseel niet te groot is. Ook zou de voorgrondkleur wit moeten zijn.
We maken het beste een nieuwe laag aan per flare (zodat we deze naar wens kunnen verplaatsen) en plaatsen ze op de reflecterende gebieden in ons beeld.
5. Reflectie aanmaken
Zoals bij de meeste hoogglanzende objecten het geval is, laten deze meestal een reflectie achter. En dat is precies wat we nu met onze tekst gaan doen.
We hebben allereerst een laagkopie van onze volledige tekst nodig, inclusief de reflecties. Hiervoor markeren we de lagen "PSD", "Gloed onder" en "Gloed boven" en slepen deze met ingedrukte muis naar het onderste prullenblad om een laagkopie van alle drie de lagen te maken.
Vervolgens drukken we op Ctrl+E om deze duplicaten in een laag samen te voegen.
Druk dan op Ctrl+T om de laag te transformeren. Klik met de rechtermuisknop op de transformatielaag en kies Verticaal spiegelen.
Dan schuiven we het vlak met de pijltjestoetsen naar beneden totdat de randen van de vlakken elkaar raken. Dit is alleen het geval bij de "S". De andere twee zullen we nog moeten aanpassen.
Daarom roepen we de Selectiekader-tool op en markeren eerst de "P".
Als we nu op "V" drukken, hebben we onze Verschuivingstool klaar. Hiermee kunnen we dan de "P" met de pijltjestoetsen omhoog schuiven totdat het de onderste rand raakt. Als we nu ook nog Ctrl+H indrukken, wordt de selectierand verborgen en kunnen we de positie beter beoordelen. Dit helpt echt heel erg bij het verschuiven.
Het feit dat de onderste rand van de "P" wordt afgesneden, is niet erg, omdat deze later sowieso nog verborgen zal worden.
Hetzelfde doen we dan met de "D".
Vervolgens maken we een Vlakmasker op dit vlak...
... we gaan naar de Verloopgereedschap en selecteren een Zwart-wit-verloop of een Zwart-naar-transparant-verloop. Let daarbij op dat we de optie Lineair verloop hebben geactiveerd.
We plaatsen het gereedschap aan de onderkant en trekken het zo ver omhoog als in de afbeelding wordt getoond. Daarbij kunnen we de Shift-toets ingedrukt houden, zodat ons verloop echt heel recht is.
En we krijgen het volgende tussentijdse resultaat:
Bij veel spiegelingen is de spiegeling meestal erg zwak. Daarom verminderen we de Dekking van dit vlak iets verder (44%), zodat we een relatief realistische reflectie krijgen.
Daardoor krijgt onze tekst wat meer ruimte, omdat er door de reflectie een vloer zichtbaar wordt. En om deze ruimte iets duidelijker te benadrukken, zullen we een vloer maken.
Eerst brengen we wat meer orde aan in onze lagen. We hernoemen het zojuist gecreëerde vlak naar "Reflectie". Omdat een reflectie onder de tekst staat, schuiven we dit vlak "Reflectie" onder de "PSD"-laag. Vervolgens voegen we de tekst inclusief spiegelingen samen in een groep en noemen deze groep "PSD". En de drie lichtvlek-lagen voegen we ook samen in een lichtvlek-groep. Zo bestaat onze lagenstructuur uit de achtergrondlaag, de groep "PSD", de groep "Sterretjes" en de groep "Lichtvlekken".
Onder de groep "PSD" maken we nu een map genaamd "Vloer", waarin we nu onze laatste afbeelding maken.
6. Creëren van een vloer
We maken in de laaggroep "Vloer" een nieuwe laag aan, die we ook "Vloer" noemen. Ga vervolgens naar ons Verloopgereedschap.
We stellen de volgende kleurwaarden in:
Vervolgens trekken we met ingedrukte Shift-toets een mooi verloop van boven naar beneden.
Tussentijds resultaat:
Hoewel dit er op zich al mooi uitziet, moet dit tenslotte onze vloer worden. We drukken nu op Ctrl+T en trekken de laag aan de bovenste middenhendel naar beneden totdat deze iets boven de reflectie uitsteekt. Zo staat de tekst niet tegen de achterkant van de "kamer", maar meer in het midden.
Tussentijds resultaat:
Zo hebben we onze virtuele vloer. Deze overtuigt echter nog niet helemaal, omdat er geen schaduw wordt geworpen. Daarom maken we een nieuwe laag voor de schaduw en schuiven deze onder onze "Vloer"-laag.
We noemen deze laag gelijk "Schaduw". Vervolgens kiezen we een zachte ronde zwarte Penseel uit...
... en trekken iets buiten het document met ingedrukte Shift-toets langs de rand van de vloer.
Tussenresultaat:
Nu is onze schaduw nog wat te sterk. Dat geeft niet, want we kunnen hem met het Verplaatsen-gereedschap en de Pijltjestoetsen iets naar beneden verschuiven. Of we drukken nogmaals op Ctrl+T en schuiven de onderste middelste handgreep iets omhoog, zodat onze schaduw nog wat harder wordt.
Vervolgens kunnen we de dekkingsgraad van de schaduw iets aanpassen (op 60%).
En zijn we eindelijk op ons doel aangekomen.:)
Ik hoop dat jullie deze tutorial leuk vonden en ik kijk uit naar elke reactie.:)
