Skaidraus stiklo tekstas yra vienas populiariausių "Photoshop" teksto stiliaus efektų, suteikiantis dizainui elegantiškumo, modernumo ir profesionalumo. Nesvarbu, ar tai būtų logotipai, antraštės grafika, ar kūrybiniai projektai, šis efektas daro įspūdį dėl tikroviškai atvaizduoto stiklo, kuris perteikia šviesą ir šešėlius. Šioje pamokoje žingsnis po žingsnio parodysiu, kaip "Photoshop" programa sukurti skaidraus stiklo teksto efektą. Naudosime paprastus įrankius, tokius kaip sluoksnių stiliai, gradientai ir efektai, kad pasiektume įtikinamą rezultatą. Pradėkime ir priverskite savo tekstą spindėti!

1. Fonas

Sukursime naują 700 x 400 pikselių dydžio dokumentą. O tiems, kurie vėliau norės jį atsispausdinti: raiška - 300 ppi.

Skaidraus stiklo tekstas

Pirmiausia sukursime gražų foninį gradientą. Daugumą gradientų paprastai sudaro dvi spalvos. Tačiau "Photoshop" programoje turime galimybę kurti kelių spalvų, taigi ir sudėtingesnius gradientus.

Todėl sukursime spindulinį gradientą:

Skaidraus stiklo tekstas

Pasirenkame spalvą: #790d3c pirmajam šliaužikliui, spusteliame spalvų juostos vidurį ir pasirenkame spalvą: #4a0823. Paskutiniame slankiklyje: #2c0414.

Skaidraus stiklo tekstas

Tada brėžiame gradientą iš apačios dešinėje į viršų kairėje, kad apačioje dešinėje turėtume savo šviesos kūgį.

Skaidraus stiklo tekstas

2. tekstas

Toliau naudojame teksto įrankį. Pasirinkau šriftą "Adobe Caslon Pro", kuris yra įtrauktas į "Creative Suite" paketą. Šrifto dydis šiame pavyzdyje yra 75,92 pt. Dabar trūksta tik tinkamos spalvos. Ją priskiriame spustelėję spalvos lauką viršuje dešinėje.

Skaidraus stiklo tekstas

Ten įvedame šią reikšmę: #a9419c.

Skaidraus stiklo tekstas

Mūsų tarpinis rezultatas:

Skaidraus stiklo tekstas

Nustatome sluoksnio neskaidrumą 28 %, kad mūsų tekstas kol kas atrodytų skaidrus.

Skaidraus stiklo tekstas

Tada dukart spustelėkite sluoksnį "PSD" arba spustelėkite sluoksnių skydelio apačioje esantį mygtuką fx, kad atidarytumėte sluoksnio efektus. Pirmiausia pažymime lašo šešėlį. Reikšmes galite rasti toliau:

Skaidraus stiklo tekstas

Gauname tokį rezultatą:

Skaidraus stiklo tekstas

Toliau pereiname prie " Shadow inwards" (šešėlis į vidų) ir taikome šias vertes::

Skaidraus stiklo tekstas

Ir gauname tokį rezultatą:

Skaidraus stiklo tekstas

- Šešėlis į išorę:

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

- Išvaizda į vidų:

Skaidraus stiklo tekstas

- Išlygintas kraštas ir reljefas:

Skaidraus stiklo tekstas

- Kontūras:

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

- Blizgesys: Norėdami naudoti užpildymo metodo spalvą, pipete vieną kartą spustelkite tamsų foną šalia mūsų "P".

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

- Kontūras:

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

3. atspindžių kūrimas

Dabar sukurkime nedidelį atspindį "D" apačioje. Norėdami tai padaryti, pažymime visą tekstą laikydami nuspaustą klavišą Ctrl ir spustelėdami savo sluoksnio miniatiūrą.

Skaidraus stiklo tekstas

Virš jo sukuriame naują sluoksnį.

Skaidraus stiklo tekstas

Tada pereiname prie gradiento įrankio ir pasirenkame nuo baltos iki permatomos spalvos gradientą. Įsitikinkite, kad langelis Radialinis gradientas vis dar pažymėtas varnele...

Skaidraus stiklo tekstas

... ir pritaikykite gradientą, kaip parodyta toliau pateiktame paveikslėlyje.

Skaidraus stiklo tekstas

Rezultatas:

Skaidraus stiklo tekstas

Taip pat galime paslėpti pasirinkimą naudodami Ctrl+H. Taip galėsime geriau įvertinti rezultatą, kai piešime antrąjį gradientą.

Skaidraus stiklo tekstas

Todėl piešiame dar vieną gradientą, kaip parodyta iliustracijoje. Taip šiek tiek labiau sustiprinome švytėjimą.

Skaidraus stiklo tekstas

Dabar paspauskite Ctrl+D, kad atšauktumėte paslėptą pasirinkimą. Tada pavadiname savo viršutinį sluoksnį "Apatinis švytėjimas". Kad mūsų gradientas dabar gražiai derėtų prie teksto, pasirenkame maišymo režimą: Kopijuoti vieną į kitą.

Skaidraus stiklo tekstas

Taip gauname tokį tarpinį rezultatą:

Skaidraus stiklo tekstas

Dabar tą patį darome su viršutiniu kairiuoju kampu: Pažymime tekstą laikydami nuspaustą Ctrl klavišą ant sluoksnio miniatiūros.

Skaidraus stiklo tekstas

Sukuriame naują sluoksnį, kurį pavadiname "Išvaizda viršuje"...

Skaidraus stiklo tekstas

... ir naudodami baltos ir skaidrios spalvos radialinį gradientą sukuriame kitą gradientą, kaip parodyta toliau...

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

Tada panaikiname pasirinkimą naudodami Ctrl+D...

Skaidraus stiklo tekstas

...... ir pakeičiame neskaidrumą į 30 %.

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

Kad atspindys būtų ryškesnis, pirmiausia per viršutinę šrifto pusę vilkdami elipsės pasirinkimą... (norėdami vilkdami perkelti elipsę, laikykite nuspaudę tarpo klavišą ).

Skaidraus stiklo tekstas

Tada šią atranką invertuojame paspausdami Ctrl+Shift+I,...

Skaidraus stiklo tekstas

... ir Del klavišu ištrinkite likusią gradiento dalį, kad gautume kietą atspindinčią briauną.

Skaidraus stiklo tekstas

4. paryškinimų kūrimas (2 variantai)

Kad sukurtume dar blizgesį, sukuriame nedidelius ryškiklius. Tai padaryti galima keliais būdais. Paaiškinsiu jums 2 iš jų. Pirmasis - naudojant daugiakampes žvaigždutes. O antrajame - naudojant išblukusias dėmeles.

1 variantas: daugiakampės žvaigždutės

Pradėkime nuo daugiakampių žvaigždžių. Tam sukuriame naują sluoksnį ir pavadiname jį "žvaigždutės".

Skaidraus stiklo tekstas

Tada pasirenkame poligono įrankį...

Skaidraus stiklo tekstas

... valdymo juostoje spustelėkite mažą rodyklę žemyn ir...

Skaidraus stiklo tekstas

... spustelėkite parinktį Žvaigždės.

- Nustatysime "Retract sides" (atitraukti kraštines) 98 %, kad gautume tikrai kietus taškus. Tada įvesime 5 už " Pusės", kad gautume 5 taškus už žvaigždę.

Skaidraus stiklo tekstas

Dabar svarbu, kad pirmojo plano spalvą nustatytume baltą. Tada žvaigždes dedame ant ryškiausiai apšviestų sričių...

Skaidraus stiklo tekstas

Visa tai gali atrodyti taip gražiai.:)

Skaidraus stiklo tekstas



Dabar pereikime prie antrojo varianto. Tačiau pirmiausia sutvarkykime sluoksnių paletę sujungdami mūsų poligonų sluoksnius į grupę (pažymėdami atitinkamus sluoksnius ir paspausdami Ctrl+G ). Tada vienu spustelėjimu galėsime juos paslėpti. Grupę galime pavadinti "žvaigždute".

2 variantas: sukurkite išblukusias dėmes kaip teptukus

Norėčiau jums parodyti labai efektyvų būdą, kaip greitai ir lengvai patalpinti išblukimo dėmeles. Norint tai padaryti, pirmiausia reikia naujo dokumento, kurio darbinis plotas būtų 2000 x 2000 pikselių (mums to reikės, nes išblukusios dėmės bus labai didelės net tada, kai jos bus mažos;). ).

Skaidraus stiklo tekstas

Fono sritį užpildome juodu...

Skaidraus stiklo tekstas

... ir iškviečiame savo išblukimo taškus.

Skaidraus stiklo tekstas

Dabar turime pasirūpinti, kad diafragmos dėmelė būtų kuo arčiau centro, kad aplink ją esantis švytėjimas taip pat būtų nesutrumpintas mūsų darbo paviršiuje.

Skaidraus stiklo tekstas

Jei atidžiai įsižiūrėsite arba pažiūrėsite į monitorių iš viršaus, pamatysite, kad mūsų diafragmos dėmelė beveik liečia viršutinį kraštą;)

Skaidraus stiklo tekstas

Bet, laimei, mes vis tiek jį visiškai užfiksavome. Taigi dabar spaudžiame Ctrl + I, kad invertuotume savo sluoksnį.

Skaidraus stiklo tekstas

Tada pažymime visą sluoksnį naudodami klavišų kombinaciją Ctrl+A, einame į Edit>Set Brush Preset...

Skaidraus stiklo tekstas

... ir išsaugome savo mišinio dėmę kaip teptuką.

Skaidraus stiklo tekstas

Grįžę į savo dokumentą pirmiausia sukuriame naują sluoksnį ir pavadiname jį "Apertūros dėmė".

Skaidraus stiklo tekstas

Dabar galime iškviesti ką tik sukurtą teptukąteptukų paletės.

Skaidraus stiklo tekstas

Pirmiausia įsitikiname, kad mūsų teptukas nėra per didelis. Pirmojo plano spalva taip pat turėtų būti balta.

Skaidraus stiklo tekstas

Geriausia kiekvienai atspindžio dėmei sukurti naują sluoksnį (kad prireikus vėl galėtume jį perkelti) ir uždėti jį ant atspindėtų mūsų vaizdo zonų.

Skaidraus stiklo tekstas

5. Sukurkite atspindį

Kaip ir dauguma blizgių objektų, jie paprastai palieka atspindį. Būtent tai dabar ir padarysime su savo tekstu.

Pirmiausia mums reikia viso mūsų teksto, įskaitant atspindžius, sluoksnio kopijos. Norėdami tai padaryti, pasirenkame sluoksnius "PSD", "Atspindys apačioje" ir "Atspindys viršuje" ir, laikydami nuspaustą pelės klavišą, vilkdami juos ant apatinio atplėšiamojo lapo sukuriame visų trijų sluoksnių kopijas.

Skaidraus stiklo tekstas

Tada paspauskite Ctrl+E, kad šias kopijas sujungtumėte į vieną sluoksnį.

Skaidraus stiklo tekstas

Tada paspauskite Ctrl+T, kad sluoksnį transformuotumėte. Norėdami tai padaryti, dešiniuoju pelės klavišu spustelėkite transformacijos sluoksnį ir pasirinkite Mirror vertikally (veidrodinis atspindys).

Skaidraus stiklo tekstas

Tada rodyklių klavišais judinkite sluoksnį žemyn, kol sluoksnio kraštai susilies. Šiuo atveju taip daroma tik "S" atveju. Kitus du turėsime pakoreguoti.

Skaidraus stiklo tekstas

Todėl iškviečiame stačiakampio pasirinkimo įrankį ir pirmiausia pasirenkame "P".

Skaidraus stiklo tekstas

Jei dabar paspausime "V", turėsime paruoštą perkėlimo įrankį. Jį naudodami rodyklių klavišais galime judinti "P" aukštyn, kol jis palies apatinį kraštą. Jei dabar paspausime "Ctrl+H", paslėpsime pasirinkimo kraštą, todėl galėsime geriau įvertinti padėtį. Tai tikrai labai padeda judant.

Nesvarbu, kad apatinis "P" kraštas nukirstas, nes vėliau jis vis tiek bus paslėptas.

Skaidraus stiklo tekstas

Tą patį darome ir su "D".

Skaidraus stiklo tekstas

Tada šiame sluoksnyje sukuriame sluoksnio kaukę...

Skaidraus stiklo tekstas

... pereiname prie gradiento įrankio ir nustatome juodos ir baltos spalvos gradientą arba nuo juodos iki permatomos spalvos gradientą. Įsitikinkite, kad įjungėme parinktį Linijinis gradientas.

Skaidraus stiklo tekstas

Nustatome įrankį ties apatiniu kraštu ir tempiame jį į viršų, kaip parodyta paveikslėlyje. Vis dar galime laikyti nuspaudę Shift klavišą, kad mūsų gradientas būtų tikrai labai tiesus.

Skaidraus stiklo tekstas

Ir gauname tokį tarpinį rezultatą:

Skaidraus stiklo tekstas

Kaip ir daugelio atspindžių atveju, atspindys paprastai būna labai silpnas. Todėl dar šiek tiek sumažiname šio sluoksnio neskaidrumą (44 %), kad gautume palyginti tikrovišką atspindį.

Skaidraus stiklo tekstas



Tai suteikia mūsų tekstui šiek tiek daugiau erdvės, nes dėl atspindžio atpažįstamos grindys. O kad ši erdvė būtų šiek tiek aiškesnė, sukursime grindis.

Prieš tai įveskime šiek tiek tvarkos savo sluoksniuose. Ką tik sukurtą sluoksnį pervadiname į "Atspindys". Kadangi po tekstu yra atspindys, šį sluoksnį "Atspindys" perkeliame po sluoksniu "PSD". Tada sujungiame tekstą kartu su atspindžiu ir atspindžiais į grupę ir pavadiname šią grupę "PSD". Taip pat sujungiame tris "fade spot" sluoksnius į "fade spot" grupę. Taigi mūsų sluoksnių struktūrą sudaro fono sluoksnis, grupė "PSD", grupė "Žvaigždutė" ir grupė "Išblukimas".

"PSD" grupėje dabar sukuriame aplanką pavadinimu "Floor" (grindys), kuriame dabar sukursime savo galutinį grafiką.

6. Grindų kūrimas

Sluoksnių grupėje "Floor" (grindys) sukuriame naują sluoksnį, kurį taip pat pavadiname "Floor" (grindys). Tada pereiname prie savo gradiento įrankio.

Skaidraus stiklo tekstas

Nustatome šias spalvų reikšmes:

Skaidraus stiklo tekstas

Tada laikydami nuspaustą Shift klavišą nubrėžiame gražų gradientą iš viršaus į apačią.

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

Tai jau atrodo labai gražiai, tačiau norime, kad jis taptų mūsų grindimis. Dabar spaudžiame Ctrl + T ir vilkdami sluoksnį ties viršutine centrine rankena tempiame žemyn, kol jis šiek tiek išsikiša virš atspindžio. Taip tekstas bus ne galiniame "kambario" krašte, o labiau centre.

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

Dabar turime savo virtualias grindis. Tačiau ji dar nėra visiškai įtikinama, nes nemeta šešėlio. Todėl sukuriame naują šešėlio sluoksnį ir perkeliame jį po mūsų "grindų" sluoksniu.

Šį sluoksnį taip pat pavadiname "Šešėlis". Tada pasirenkame minkštą apvalų juodą teptuką...

Skaidraus stiklo tekstas

... ir, laikydami nuspaustą Shift klavišą, piešiame palei grindų kraštą iškart už dokumento ribų.

Skaidraus stiklo tekstas

Tarpinis rezultatas:

Skaidraus stiklo tekstas

Dabar mūsų šešėlis vis dar šiek tiek per stiprus. Tačiau tai nesvarbu, nes naudodami įrankį "Move tool" (perkelti) ir rodyklių klavišus galime jį šiek tiek sumažinti. Arba galime dar kartą paspausti Ctrl + T ir apatinę centrinę rankenėlę šiek tiek pakelti į viršų, kad mūsų šešėlis būtų šiek tiek stipresnis.

Skaidraus stiklo tekstas

Tuomet galime šiek tiek pakoreguoti šešėlio nepermatomumą (iki 60 %).

Skaidraus stiklo tekstas

Ir pagaliau pasiekėme savo tikslą.:)

Tikiuosi, kad ši pamoka jums patiko, ir laukiu bet kokių komentarų.:)

Skaidraus stiklo tekstas