Norite suteikti savo tekstams išskirtinumo, bet neturite daug laiko? Ne bėda! Naudodami "Photoshop" galite vos keliais veiksmais sukurti šaunių tipografijos efektų. Šioje pamokoje parodysiu penkis greitus ir paprastus būdus, kurie suteiks jūsų tipografijai kūrybišką ir šiuolaikišką išvaizdą. Nuo neoninio švytėjimo ir metalo išvaizdos iki iškraipytų efektų - šios greitos priemonės suteiks jūsų dizainui įvairovės ir stiliaus. Pradėkime ir sukurkime sceną savo tekstams!
1. Retro kontūro efektas antraštėms
Ypač reklaminėms skrajutėms ir užsklandoms kūrybiškus retro kontūrus galima sukurti labai greitai naudojant užpildymo į išorę parinktį.
1 veiksmas: patalpinkite tekstą
Kaip pradinį paveikslėlį naudoju spindulinį foną su šiek tiek pasvirusiu tekstu. Tekste naudojamas 300 pt šriftas "Eight Track".
2 veiksmas: užpildymo parinktis "išorinis švytėjimas" kaip gradientas.
Išorinis švytėjimas kaip užpildymo parinktis paprastai naudojama kaip šviesus arba tamsus švytėjimas / šešėlis. Tačiau "Photoshop" taip pat siūlo galimybę taikyti gradientą kaip švytėjimą, o ne spalvą.
Naudojant tekstus, tiksliais nustatymais gaunama daugybė kontūro efektų, kuriuos galima keisti naudojant skirtingus užpildymo būdus. Dėl galimybės ir lengvo tinkamų gradientų kūrimo yra beveik begalinė kontūro efektų įvairovė, kuriais galima subtiliai kontūruoti šriftus arba sukurti psichodelinius, spalvingus apvadus.
Užpildymo parinkčių dialogo parinktyje nurodytas dydis nurodo, kokio dydžio gradientas turėtų atrodyti išorėje. Po užpildymu nurodoma, kaip stipriai efektas turėtų atrodyti tiesiai ant teksto. Svarbi yra technika: Tiksli.
Labai gražu: Specialiųjų efektų nustatymuose yra pertrauktas gradientas, kurį galima naudoti sėkmingam retro efektui sukurti. Spalvas taip pat galima lengvai reguliuoti. Jei norite, taip pat galite leisti išoriniams kontūrams išblukti į skaidrumą.
Retro kontūrų efektas baigtas:
2. Nusitrynusių kontūrų efektas antraštėms
Nusitrynusio kontūro efektą galima puikiai naudoti žaliose skrajutėse arba antraštėms. Patį efektą galima greitai sukurti.
1 veiksmas: patalpinkite tekstą baltame fone.
Fonas yra baltos spalvos. Naudodamas teksto įrankį rašau raides PSD 600 taškų armijos raidėmis.
2 veiksmas: Pasirenku raides Teksto sluoksnio raides pasirenku paspausdamas Ctrl ir spustelėdamas teksto sluoksnio miniatiūrą.
3 veiksmas: Redaguoti pasirinkimą Naudoju spartųjį klavišą Ctrl+Alt+R, kad atidaryčiau dialogo langą Enhance edge (patobulinti kraštus). Šiame dialogo lange nustatau minkštąjį pasirinkimo kraštą. Konkreti reikšmė gali skirtis priklausomai nuo teksto dydžio.
4 veiksmas: Sukurti naują sluoksnį ir užpildyti spalva Naudodamasis sparčiuoju klavišu Ctrl+Shift+Alt+N sukuriu naują sluoksnį ir užpildau jį pasirinkta spalva. Spalva užpildoma tik pasirinkta sritis.
Teksto sluoksnį galiu išjungti ir panaikinti jo pasirinkimą naudodamas trumpąją klaviatūros kombinaciją Ctrl+D.
5 veiksmas: konvertavimas į išmanųjį objektą Pasirenku raidės sluoksnį su minkštuoju kraštu ir baltąjį sluoksnį ir abu sluoksnius konvertuoju į išmanųjį objektą.
6 veiksmas: Tris kartus pritaikau akvarelės išmanųjį filtrą Išmaniajam objektui tris kartus pritaikau akvarelės meno filtrą.
- Perduodu
| Teptuko detalės: | 6 |
| Užtamsinimo diapazonas: | 0 |
| Struktūra: | 2 |
Čia esantys įrašai taip pat gali skirtis priklausomai nuo pasirinktos spalvos, minkštojo krašto dydžio ir teksto dydžio.
- Ištrauka
| Prisegimo informacija: | 14 |
| Tamsinimo sritis: | 0 |
| Struktūra: | 2 |
- Perėjimas
| Kaiščio detalės: | 11 |
| Tamsinimo diapazonas: | 0 |
| Struktūra: | 2 |
Vos po dviejų perėjimų galite matyti, kaip sukurtas netaisyklingo, nusitrynusio krašto efektas. Atlikęs trečiąjį ir galbūt ketvirtąjį perėjimą, prireikus galėsiu dar šiek tiek optimizuoti efektą.
Ir taip efektą galima gerai naudoti kaip teksto komponentą nelygiame fone. Čia pavaizduotas fonas pridėtas prie šios pamokos kaip darbinė medžiaga.
Šiame vaizde tamsesnių spalvų režimu su 85 proc. nepermatomumu, fonas veikia įprastu režimu taip pat su 85 proc. nepermatomumu:
Diferencijuotame vaizde, kai naudojamas Difference režimas su 100 proc. nepermatomumu, fonas yra Normal režimu su 50 proc. nepermatomumu:
3. paprastas veidrodžio efektas 3D optikoje
Paprastas šriftų veidrodinis efektas, kuris veikia labai paprastai, be daugybės įmantrybių, sukuriamas atlikus kelis toliau nurodytus veiksmus.
Paveikslėlio šaltinis: Akhilesh Sharma - Fotolia.com.
1 veiksmas: Nustatykite veidrodinį atvaizdą kaip raštą
Pirmasis šio efekto žingsnis - nustatyti vaizdą, kuris bus atspindėtas tekste, kaip raštą. Tai darau atidarius vaizdą per meniu Edit>Set pattern (redaguoti>Nustatyti raštą).
2 veiksmas: teksto patalpinimas Tekstą į dokumentą patalpinu naudodamas 300 punktų arial. Dokumento dydis 800x600 taškų, fonas - juodas.
3 žingsnis: Kontūro užpildymo parinktis Atidarau teksto sluoksnio užpildymo parinktis ir pasirenku skirtuką Kontūras . Kaip užpildymo tipą pasirenku Pattern (šablonas) ir šablono peržiūroje spusteliu anksčiau nustatytą šabloną.
Tolesni nustatymai:
| Dydis: | 3 px |
| Pozicija: | Pvz.: Centras |
| mastelio keitimas: | Pagal poreikį, t. y. priklausomai nuo kaip didelis buvo apibrėžtas modelis; šiuo atveju 35 %. |
Galiu pele nustatyti raštą paveikslėlyje tiksliai taip, kaip noriu, kad jis atrodytų teksto kontūre. Nustatymus galiu patvirtinti mygtuku OK. 
4 veiksmas: Nustatykite užpildymo parinktį kaip sluoksnį Spustelėkite dešinįjį pelės klavišą, kad sukurtumėte sluoksnį iš mano sluoksnio stiliaus. Kontūrą dabar galima matyti sluoksnio valdymo skydelyje kaip sluoksnį. Sluoksnį patalpinu po savo teksto sluoksniu.
5 žingsnis: Užpildymo parinktis Pattern overlay (šablono perdanga) Teksto sluoksnio užpildymo parinktyse pasirenku skirtuką Pattern overlay (šablono perdanga) ir iškviečiu anksčiau nustatytą šabloną. Naudodamas mastelio slankiklį sumažinu savo rašto dydį, kol jis telpa į vaizdą. Pelyte galiu nustatyti raštą vaizde tiksliai taip, kaip noriu, kad jis atrodytų tekste.
6 veiksmas: kontūro tikslinimas Kad efektas atrodytų tikroviškas, naudodamasis klaviatūros rodyklių klavišais šiek tiek pastumiu kontūro sluoksnį žemyn ir į kairę, kad sukurčiau šiek tiek 3D vaizdą.
Dabar galiu sukurti 1 pikselio storio kontūrą išorėje su teksto sluoksnio rašto užpildymu, kad atspindžiui pridėčiau šiek tiek žavesio. Kadangi kontūras iš tikrųjų yra tik vieno pikselio storio, jį galima rodyti ir viršutinėje teksto dalyje. Jei efektas per stiprus, tiesiog šiek tiek sumažinkite neskaidrumą.
Taip sukuriamas gražus papildomas šviesos atspindys. Rezultatas - paprastas atspindžio efektas su 3D išvaizda.
4. atspindžio gradiento efektai tekstuose ir formose
Pradėsiu nuo to, kad sukurti šią pamoką mane įkvėpė Skotas Kelbis (Scott Kelby), kuris šį efektą paaiškino savo knygoje "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".
Skotas Kelbis paaiškino, kaip 12 žingsnių sukurti efektą dviem raidėms. Jis elgėsi taip:
- Sukurkite tekstą
- Rastruokite tekstą, pasirinkite ir vilkite pirmąjį gradientą
- Dubliuokite sluoksnį ir vilkite priešingą gradientą
- Apkirpkite gradientą pasirinkdami elipsę
- Transformuokite pasirinkimą
- Invertuokite ir pašalinkite pasirinktą gradiento sritį
- Pridėkite kontūrą
- Pridėti suplokštintą kraštą ir reljefą
- -Pakartokite 12 veiksmą antrajai raidei
Efektas - gražus, akį traukiantis vaizdas. Tačiau jis sukuria tik statišką rezultatą. Teksto negalima keisti, nes jis buvo rastruotas pačioje pradžioje. Kiekvienai papildomai raidei turiu pakartoti daugumą veiksmų.
Savo pamokoje norėčiau parodyti būdą, leidžiantį toliau keisti tekstą. Šį efektą taip pat galima naudoti norint greičiau pridėti daugiau raidžių.
1 veiksmas: sukurkite gradientą
Kad šį efektą sukurčiau greičiau, dvigubą gradientą sukuriu kaip raštą. Tam pirmiausia atveriu gradiento meniu savo 1000x600 pikselių dokumente, spustelėdamas meniu juostoje esančią gradiento peržiūrą ir įjungęs gradiento įrankį (G).
Dabar gradientą, kuris bus patalpintas tekste, sukuriu kaip atspindį su dvigubu gradientu.
Gradientas išdėstytas taip:
Pilka - balta - juoda - pilka
Pridedu trūkstamus spalvinius pertrūkius spustelėdamas šalia esamo spalvinio pertrūkio ir vilkdamas ir nuleisdamas patalpinu juos norimoje vietoje. Spalvų pertrūkio spalvą galiu keisti naudodamas gradiento meniu esantį spalvų parinkiklį.
Perėjimas iš baltos į juodą spalvą yra sunkus. Spalvų pertvaros turėtų būti dedamos ne viena ant kitos, o šiek tiek pasislinkusios. Priešingu atveju perėjimas vėliau turės nedidelį laiptų efektą. 30 proc. išlyginimas užtikrina, kad gradientas pilkoje srityje taip pat būtų gražus ir sklandus.
Jei reikia, naująjį gradientą taip pat galiu išsaugoti gradiento peržiūroje, deklaruodamas jį kaip New (naujas) su pasirinktu pavadinimu. Tada patvirtinu savo gradiento nustatymus mygtuku OK.
2 veiksmas: sulenkite istoriją
Naudodamas gradiento įrankį, tempiu gradientą iš dokumento apačios vidurio į viršutinį kairįjį kampą.
Deja, dėl gradiento kreivės negaliu atlikti visų redagavimų naudodamas vien gradiento uždengimo priemonę. Išeitis - taikyti gradientą išlenktą kaip raštą.
Naudodamas Ctrl+T>Curve dabar nustatau nedidelį išlenkimą, kad juodas perėjimas būtų išlenktas. Tai padarysiu šiek tiek patraukdamas kreivumo tinklelį į kairįjį viršutinį kampą.
3 veiksmas: Nustatau gradientą kaip raštą Dabar galiu nustatyti lenktą dvigubą gradientą kaip raštą. Tam iš meniu pasirenku Edit>Define pattern (redaguoti>apibrėžti raštą). Pavadinimas yra: Double gradient with reflection (dvigubas gradientas su atspindžiu).
4 veiksmas: Įdėkite tekstą Pasirenku naują, tamsiai raudoną dokumento foną. Dabar galiu įvesti tekstą su 530 taškų armija. Įvedu raidę P.
5 veiksmas: Modelio perdengimas Atidarau teksto sluoksnio užpildymo parinktis. Kortelėje Pattern overlay (rašto perdanga) iš pasirinkimo sąrašo pasirenku savo anksčiau nustatytą raštą.
Dabar galiu tiesiog perkelti pelę į dokumentą ir intuityviai bei tiesiogiai perkelti savo raštą į norimą vietą. Jei reikia, taip pat galiu keisti savo rašto mastelį, jei jis yra per didelis arba per mažas laiškui.
6 veiksmas: Kontūras Kitame skirtuke " Kontūras" (Outline) nustatau 5 pikselių storio kontūrą išorinėje padėtyje. Užpildo tipas yra gradientas.
Gradiento peržiūroje spusteliu numatytąjį nustatymą silver (sidabras) iš metalo nustatymų.
Vien tik kontūras dar neatrodo taip, kaip norėtųsi. Tikrai metalinis jis atrodo tik su suplotu kraštu ir reljefu.
7 veiksmas: Suplokštintas kraštas ir reljefas Kortelės Suplokštintas kraštas ir reljefas nustatymai sukuria 3D metalo efektą. Pasirinkau šiuos nustatymus:
- Style: Relief contour ( Stilius: reljefo kontūras)
- Technique: Round off
- Gylis: 100 proc.
- Dydis: 5 pikseliai
- Šešėlių kampas ir aukštis: 120 ir 30 laipsnių
- Blizgesio kontūras: dvigubas žiedas
Efektas baigtas.
8 veiksmas: Papildomos raidės Norėdamas sukurti papildomas raides, tiesiog dubliuoju teksto sluoksnį, perkeliu jį į norimą vietą ir, naudodamas teksto įrankį, keičiu atitinkamą raidę į naują.
Jei reikia, man tereikia kortelėje " Pattern overlay " ( modelio perdanga ) pakoreguoti dubliuojamą gradientą pagal naujos raidės formą.
Jei gradiente vis dar noriu spalvotų akcentų, galiu pridėti spalvotą perdangą už pildymo parinkčių skirtuke Overlay mode ( perdangos režimas).
Štai ir viskas!
5. Pasviręs tekstas su rėmeliu
Gražus tolesnis ankstesnio atspindžio gradiento efekto plėtojimas - suteikti savo tekstui rėmelį ir pakreipti rėmelį su tekstu vaizde.
Šiame pavyzdyje kiekviena atskira raidė neturės papildomo atspindžio, bet dalysis atspindžiu su kitomis; kitaip tariant, raidės bus ne atskirose plokštumose, bet kartu vienoje plokštumoje.
1 veiksmas: pridėkite rėmelį
Naudodamasis pasirinktinės formos įrankiu (U) nubrėžiu stačiakampį su plonu apvadu iš standartinių nustatymų kaip teksto rėmelį.
2 žingsnis: Nukopijuokite sluoksnių stilius Naudodamas Alt vilkdamas ir nuleisdamas esamus teksto sluoksnio stilius į rėmelio sluoksnį. Dabar nukopijuoju rėmelio sluoksnio stilius. Jei reikia, naudodamasis užpildymo parinktimis dar kartą pakoreguoju konkrečią rašto perdangos padėtį, kad vaizdas atrodytų tvarkingai.
3 veiksmas: abu sluoksnius konvertuoju į išmanųjį objektą Sluoksnių skydelyje pasirenku teksto ir rėmelio sluoksnius ir konvertuoju juos į išmanųjį objektą.
4 veiksmas: Transformavimas Pasirenku Ctrl + T ant savo išmaniojo objekto, kad jį transformuočiau. Naudodamas Ctrl galiu vilkti viršutinio kairiojo kampo tašką šiek tiek į centrą. Dėl to rėmelis ir tekstas pakrypsta.
Jei reikia, taip pat galiu atskirai perkelti apatinius kampinius taškus laikydamas nuspaustą klavišą Ctrl, kad dar labiau pabrėžčiau pakreipimo efektą. Savo transformaciją galiu patvirtinti paspausdamas Enter.
5 veiksmas. 5 veiksmas: Patarimas dėl išdėstymo Svarbu, kad tekstas turėtų rėmelį, kad būtų sukurtas pakreipimo arba pasvirimo įspūdis. Vien tik tekstas šį efektą pasiektų tik ribotai.
Jei noriu pasiekti ypatingą efektą su išdėstymu, tuomet tekstą su rėmeliu patalpinu taip, kad dokumente neužtektų vietos visam rėmeliui. Jei reikia, dokumentą taip pat turiu apkarpyti, kad jis atrodytų taip. Taip sukuriamas ypatingo paveikslėlio dydžio įspūdis. Turinys netelpa į dokumento rėmelį, jis yra per didelis. Vaizdine prasme taip perteikiamas turinio dydis. Pavyzdžiui, SPIEGEL ant viršelio "Google" pavadinimą patalpino taip, kad "Google" ne visai tilpo į viršelį. Tai buvo paprastas būdas parodyti ypatingą "Google" dydį ir galią.
