Läpinäkyvä lasiteksti on yksi suosituimmista tekstityyleistä Photoshop -ohjelmassa, ja se antaa suunnitteluille elegantin, modernin ja ammattimaisen ilmeen. Olipa kyse sitten logoista, otsikkografiikoista tai luovista projekteista - tämä efekti kiehtoo realistisella lasin heijastuksen ja varjojen vangitsemisella. Tässä opastuksessa näytän vaihe vaiheelta, miten luot Photoshopilla läpinäkyvän lasitekstiefektin. Hyödynnämme yksinkertaisia työkaluja kuten kerrotyylimäärittelyjä, gradientteja ja efektejä saadaksemme vakuuttavan lopputuloksen. Aloittakaamme ja anna tekstin loistaa!

1. Tausta

Luo uusi asiakirja, jonka koko on 700 x 400 pikseliä. Jos aiot tulostaa sen myöhemmin, käytä 300 ppi:n resoluutiota.

Läpinäkyvä lasiteksti

Aloita luomalla kaunis taustan gradientti. Useimmat gradientit koostuvat yleensä kahdesta väristä, mutta Photoshopissa voit luoda monivärisiä ja monimutkaisempia gradientteja.

Luo siis sädegradientti:

Läpinäkyvä lasiteksti

Aseta ensimmäiselle liukusäätimelle väri: #790d3c, napsauta väripalkin keskelle ja valitse väri: #4a0823. Viimeiselle: #2c0414.

Läpinäkyvä lasiteksti

Vedä sitten gradienttia oikeasta alhaalta vasempaan ylös, jotta alareunassa on valokeila.

Läpinäkyvä lasiteksti

2. Teksti

Seuraavaksi käytä tekstityökalua. Olen valinnut tässä esimerkissä kirjasintyypiksi "Adobe Caslon Pro", joka tulee Creative Suiten mukana. Fonttikoko on tässä esimerkissä 75,92Pt. Viimeinen vaihe on oikean värin valitseminen. Tee se napsauttamalla yläoikealla olevaa väripaletti-kuvaketta.

Läpinäkyvä lasiteksti

Syötä seuraava arvo: #a9419c.

Läpinäkyvä lasiteksti

Välitulokseemme:

Läpinäkyvä lasiteksti

Aseta kerroksen peittävyys arvoon 28 %, jotta teksti vaikuttaa aluksi läpinäkyvältä.

Läpinäkyvä lasiteksti

Sitten kaksoisnapsauta "PSD" kerrosta tai siirry kerrosvalikossa alareunassa olevaan fx -painikkeeseen avataksesi kerrosefektit. Aseta ensin ruksi ulkohäivytykseen. Arvot löydät alta:

Läpinäkyvä lasiteksti

Saamme seuraavan tuloksen:

Läpinäkyvä lasiteksti

Siirry nyt sisäinen varjo ja ota seuraavat arvot:

Läpinäkyvä lasiteksti

Ja saamme seuraavan tuloksen:

Läpinäkyvä lasiteksti

Ulkoinen heijastus:

Läpinäkyvä lasiteksti

Välituloksemme:

Läpinäkyvä lasiteksti

Sisäinen heijastus:

Läpinäkyvä lasiteksti

Pyöristetty kulma ja reliefi:

Läpinäkyvä lasiteksti

Kontuuri:

Läpinäkyvä lasiteksti

Välituloksemme:

Läpinäkyvä lasiteksti

Kiilto: Valitse täyttöväri näppärästi napauttamalla pipetillä kerran "P":n vieressä olevaa tummaa taustaa.

Läpinäkyvä lasiteksti

Välituloksemme:

Läpinäkyvä lasiteksti

Kontuuri:

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

3. Heijastusten luominen

Nyt luomme pienen heijastuksen "D"-kirjaimen alareunaan. Valitsemme tekstimme kokonaan painamalla Ctrl-näppäintä ja klikkaamalla Tasokuvaketta.

Läpinäkyvä lasiteksti

Luo sitten uusi taso alapuolelle.

Läpinäkyvä lasiteksti

Mene sitten Gradienttityökaluun ja valitse Valkoisesta läpinäkyvään -gradientin. Varo, että Säteinen gradientti on edelleen aktivoituna …

Läpinäkyvä lasiteksti

… ja vedä gradientti kuten alla olevassa kuvassa näytetään.

Läpinäkyvä lasiteksti

Tulos:

Läpinäkyvä lasiteksti

Voit myös piilottaa valinnan painamalla Ctrl+H. Näin voimme arvioida tulosta paremmin, kun vedämme toisen gradientin.

Läpinäkyvä lasiteksti

Vedä nyt toinen gradientti kuten kuvassa osoitettu. Näin olemme vahvistaneet hehkua hieman lisää.

Läpinäkyvä lasiteksti

Paina sitten Ctrl+D, jotta piilotettu valinta poistuu. Yläkerroksen nimi on sitten "Hehku alhaalla". Jotta gradientti sopii nyt kauniisti tekstiimme, valitse täyttötila: Kerrostamalla.

Läpinäkyvä lasiteksti

Saamme seuraavan välietapin:

Läpinäkyvä lasiteksti

Tee samoin vasemman yläkulman kanssa: Valitse teksti painamalla Ctrl-näppäintä ja klikkaamalla Tasokuvaketta.

Läpinäkyvä lasiteksti

Luo uusi taso, jonka nimeät "Hehku ylhäällä"...

Läpinäkyvä lasiteksti

... ja vedä uudelleen Säteinen valkoisesta läpinäkyvään -gradientti kuten alla näytetään...

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

Poista sitten valinta painamalla Ctrl+D...

Läpinäkyvä lasiteksti

... ja muuta peittokyky 30 prosenttiin.

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

Voimakkaamman heijastuksen saamiseksi vedämme ensin ellipsivalinnan yläpuolelle kirjaimiamme... (pitämällä Välilyönti-näppäintä painettuna kun piirrämme ellipsiä samanaikaisesti siirtäen sitä).

Läpinäkyvä lasiteksti

Käännä tämä valinta sitten painamalla Ctrl+Shift+I,...

Läpinäkyvä lasiteksti

... ja poista loput gradientista painamalla poista-näppäintä, jotta saamme jäykän heijastusrajan.

Läpinäkyvä lasiteksti

4. Kärkien luominen (2 vaihtoehtoa)

Saadaksemme enemmän hehkua, luomme pieniä huippukohtia. Tähän on useita vaihtoehtoja. Aion selittää teille 2 niistä. Ensinnäkin Polygonitähtivaihtoehdon. Ja toisessa avautuvien pisteiden kautta.

Vaihtoehto 1: Polygonitähdet

Aloitetaan Polygonitähdillä. Luo uusi taso ja nimeä se "Tähdet".

Läpinäkyvä lasiteksti

Valitse sitten Monikulmatyökalu...

Läpinäkyvä lasiteksti

... klikkaa ohjauspalkin pientä alasnuolta ja...

Läpinäkyvä lasiteksti

... napsauta siellä Tähti -vaihtoehtoa.

Sivun sulkemiseen asti asetamme 98%: iin, jotta saisimme todella teräviä kärkiä. Sitten asetamme Sivulle 5 saadaksemme 5 kärkeä per tähti.

Läpinäkyvä lasiteksti

On tärkeää, että olemme asettaneet etualan värin valkoiseksi. Sitten asetamme tähdet kirkkaimpiin valaistuihin paikkoihin...

Läpinäkyvä lasiteksti

Näin kaunista se voi sitten näyttää.:)

Läpinäkyvä lasiteksti



Nyt keskitymme toiseen vaihtoehtoon. Mutta ennen sitä järjestämme Tasorivi siivoamalla ensin ryhmittyessämme monikulmaiset tasot yhteen ryhmään (valitsemalla vastaavat tasot ja painamalla Ctrl+G). Sitten voimme piilottaa ne yhdellä napsautuksella. Ryhmän nimeämme "Tähtiä".

Vaihtoehto 2: Valonläikät siveltiminä

Näytän teille heti erittäin tehokkaan tavan, kuinka voi nopeasti ja helposti sijoittaa valonläikät. Tarvitsemme ensin uuden asiakirjan, jonka työtila on 2000 x 2000 pikseliä (tarvitsemme nämä, koska valonläikät tulevat myös pienessä koossa erittäin suuriksi;) ).

Läpinäkyvä lasiteksti

Täytämme taustalle mustaa...

Läpinäkyvä lasiteksti

... ja käynnistämme Valonläiskät.

Läpinäkyvä lasiteksti

Nyt meidän on varmistettava, että sijoitamme valonläikän mahdollisimman keskelle, jotta saatamme myös valon säteen ympärille leikkaamatta sitä työtilallemme.

Läpinäkyvä lasiteksti

Joka katsonut tarkkaan tai katsoo näyttöä yläkulmasta voi havaita, että valonläikkämme melkein koskee kokonaan ylälaitaa.;)

Läpinäkyvä lasiteksti

Mutta onneksi olemme kuitenkin saaneet sen täysin kiinni. Siksi nyt painamme Ctrl+ I, kääntääksemme tasomme.

Läpinäkyvä lasiteksti

Sitten valitsemme pikanäppäinyhdistelmällä Ctrl+A koko tason, siirrymme kohtaan Muokata>Määritä sivellin...

Läpinäkyvä lasiteksti

... ja tallennamme valonläikänä siveltimenä.

Läpinäkyvä lasiteksti

Paluuna asiakirjaamme luomme ensin uuden tason ja nimeämme sen "Valonläikät".

Läpinäkyvä lasiteksti

Nyt voimme kutsua vasta tehdyn Siveltimen Sivellinpaletissa.

Läpinäkyvä lasiteksti

Varmistamme, että Siveltimemme ei ole liian suuri. Myös etualan värin tulisi olla valkoinen.

Läpinäkyvä lasiteksti

Parasta on luoda uusi kerros valonläikälle (jotta voimme siirtää sen uudelleen mielivaltaisesti) ja sijoittaa se kuvamme heijastuvalla alueilla.

Läpinäkyvä lasiteksti

5. Heijastuksen luominen

Kuten useimmissa erittäin kiiltävissä kohteissa on tapana, ne jättävät yleensä heijastuksen. Ja juuri sen teemme nyt tekstimme kanssa.

Tarvitsemme ensin tason kopion koko tekstistämme mukaan lukien heijastukset. Valitsemme sitten tasot "PSD", "alamme heijastuma" ja "yli heijastuma" ja vedämme ne hiirellä painettuna alimmaiselle rikkakartiolle luodaksemme näistä kaikkien kolmen tason kopion.

Läpinäkyvä lasiteksti

Sitten painamme Ctrl+E, jotta voimme yhdistää nämä kopiot yhdeksi tasoksi.

Läpinäkyvä lasiteksti

Sitten painamme Ctrl+T, jotta voimme muuntaa tason. Klikkaamme sitten hiiren oikealla painikkeella muunnostasoa ja valitsemme Peilaa pystysuunnassa.

Läpinäkyvä lasiteksti

Sitten siirrämme tasoa nuolinäppäimillä niin alas, että tasojen reunat koskettavat toisiaan. Tämä tapahtuu vain "S":ssä tiedossa olevalla tavalla. Muita kahta joudumme vielä säätämään.

Läpinäkyvä lasiteksti

Näin kutsutaan Valinta-suorakulma-työkalua ja valitaan ensin "P":

Läpinäkyvä lasiteksti

Kun painamme nyt "V", meillä on valmis Siirtotyökalu. Sen avulla voimme sitten siirtää "P":n nuolinäppäimillä niin ylös, että se koskettaa alareunaa. Jos painamme vielä Ctrl+H, olemme toistaiseksi piilottaneet valintareunan ja voimme siten arvioida paremmin sijainnin. Tämä auttaa todella paljon siirtäessä.

Se, että "P":n alareuna on leikattu pois, ei ole merkityksellistä, koska se kuitenkin piilotetaan myöhemmin.

Läpinäkyvä lasiteksti

Sama temppu toistetaan sitten vielä "D":llä.

Läpinäkyvä lasiteksti

Sitten luomme Tasomaskeja tälle tasolle …

Läpinäkyvä lasiteksti

… siirrymme Gradient-työkaluun ja asetamme Mustavalkoinen-läikkä tai Musta-transparantti-läikkä. Huomioimme, että Lineaari-läikkä -vaihtoehto on kytkeytynyt päälle.

Läpinäkyvä lasiteksti

Asetamme työkalun alareunan kohdalle ja vedämme sen niin korkealle kuin kuvassa näkyy. Voimme vielä pitää Vaihto-näppäintä painettuna, jotta liukuma on todella suora.

Läpinäkyvä lasiteksti

Saamme seuraavan välietapin:

Läpinäkyvä lasiteksti

Kuten monissa peilauksissa, heijastus on yleensä hyvin heikko. Säädämme siis tämän tason Peittotehokkuutta alaspäin (44%), jotta saamme suhteellisen realistisen heijastuksen.

Läpinäkyvä lasiteksti



Näin tekstimme saa enemmän tilaa, koska heijastuksen ansiosta lattia tulee näkyviin. Ja jotta tätä tilaa on helpompi hahmottaa lähemmin, luomme lattian.

Ennen sitä siistimme tasoja hieman. Nimeämme äsken luodun tason uudelleen "Heijastus". Koska heijastus on tekstin alla, siirrämme tämän "Heijastus"-tason "PSD"-tasojen alla olevaksi. Sitten yhdistämme tekstin heijastuksen kanssa ryhmään ja nimeämme tämän ryhmän "PSD". Ja kolmea linssivuoto-tasoa varten luomme myös linssivuoto-ryhmän. Näin taso­rakenteemme koostuu taustatasosta, "PSD"-ryhmästä, "Tähtityökalu"-ryhmästä ja "Linssivuodot"-ryhmästä.

"PSD"-ryhmän alapuolelle luomme nyt kansion nimeltä "Lattia", jossa teemme nyt viimeisen grafiikkamme.

6. Lattian luominen

Luo­mme "Lattia"-ryhmässä uuden tason, joka nimitetään myös "Lattiaksi". Siirrymme sitten Läikkätyökaluun.

Läpinäkyvä lasiteksti

Säädämme seuraavat väriarvot:

Läpinäkyvä lasiteksti

Vedämme sitten kauniin liukuman ylhäältä alas pidettäessä Vaihto-näppäintä.

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

Se näyttää jo todella kauniilta tällaisenaan, mutta sen pitäisi olla lattiamme. Painamme nyt Ctrl+T ja vedämme tason ylänurkan kahvaa niin alas, että se ulottuu hieman heijastuksen yli. Näin teksti ei ole tilan takana, vaan enemmän keskellä.

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

Nyt meillä on virtuaalilattiamme. Se ei kuitenkaan vielä täysin vakuuta, koska se ei varjosta. Siksi luomme uuden tason varjolle ja siirrämme sen "Lattia"-tason alle.

Nimeämme tämän tason myös heti "Varjoksi". Valitsemme sitten pehmeän pyöreän mustan Sivellin

Läpinäkyvä lasiteksti

… ja vedämme hieman dokumentin ulkopuolella pitäen Vaihto-näppäintä painettuna kerran lattiapinnan reunojen vieressä.

Läpinäkyvä lasiteksti

Välietappi:

Läpinäkyvä lasiteksti

Nyt varjostuksemme on vielä hieman liian voimakas. Mutta se ei haittaa, koska voimme siirtää sitä hieman alaspäin Siirrä-työkalulla ja nuolinäppäimillä. Tai painamme uudelleen Ctrl+T ja siirrämme alareunasta keskellä olevaa kahvaa hieman ylöspäin, jotta varjostuksemme tulisi hieman kovemmaksi.

Läpinäkyvä lasiteksti

Sitten voimme säätää varjostuksen peittävyyttä hieman (60%).

Läpinäkyvä lasiteksti

Ja olemme vihdoin päässeet maaliin.:)

Toivottavasti piditte tästä opetusohjelmasta ja odotan innolla jokaista kommenttianne.:)

Läpinäkyvä lasiteksti