Učinek barvnega svetlobnega izbruha besedila s programom Photoshop CS6

Napisal Steve Patterson.

V tej vadnici o besedilnih učinkih se bomo naučili, kako besedilo zajeti v žarke svetlobe in barv, ki sevajo skozi in okoli njega. Ta različica vadnice je bila v celoti prenovljena in posodobljena za Photoshop CS6 . Če uporabljate starejšo različico Photoshopa, boste želeli slediti izvirniku Barvito svetlobno besedilo vadnica.

Tukaj je učinek, ki ga bomo ustvarili. Seveda je to le en primer učinka. Izberete lahko poljubno besedilo in barve:

Učinek barvite svetlobe.

Pri ustvarjanju tega besedilnega učinka je vključenih kar nekaj korakov, vendar so vsi v celoti razloženi in preprosti za sledenje, tudi če ste novinec v Photoshopu. Še enkrat, ta različica vadnice je posebej za uporabnike Photoshop CS6. Za starejše različice Photoshopa ne pozabite preveriti izvirna vadnica . Začnimo!

1. korak: Ustvarite nov dokument Photoshop

Začnimo od začetka z ustvarjanjem novega dokumenta za učinek. Pojdi do mapa v menijski vrstici na vrhu zaslona in izberite Novo :

Pojdite na Datoteka > Novo.

S tem se odpre pogovorno okno Nov dokument, kjer lahko nastavimo različne možnosti za naš novi dokument, vključno z njegovimi dimenzijami. Za to vadnico bom stvari poenostavil z izbiro Splet za Prednastavitev možnost na vrhu pogovornega okna, ki samodejno nastavi Premer do 800 slikovnih pik in Višina do 600 slikovnih pik . Prav tako določa Resolucija vrednost za 72 slikovnih pik na palec , vendar vam ni treba skrbeti za ločljivost, razen če ta učinek ustvarjate za tiskanje. The Vsebina ozadja možnost na dnu mora biti nastavljena na Bela . Kliknite V redu, ko končate, da zaprete pogovorno okno in na vašem zaslonu se bo odprl nov dokument Photoshop z belim polnilom:

Pogovorno okno Nov dokument.

2. korak: dodajte svoje besedilo

Zdaj, ko imamo nov dokument, dodajmo nekaj besedila. Izberite Vrsta orodja na plošči Orodja na skrajni levi strani zaslona:

Izbira orodja Type Tool.

Pritisnite črko D na tipkovnici za hitro ponastavitev Barve ospredja in ozadja na privzete vrednosti, kar bo nastavilo vašo barvo ospredja na Črna (in vašo barvo ozadja na belo). Photoshop uporablja trenutno barvo ospredja kot barvo besedila, kar pomeni, da bo tudi vaša barva besedila zdaj črna.

Nato izberite svojo pisavo v Vrstica z možnostmi na vrhu zaslona. Ta učinek bo najbolje deloval z debelimi črkami, zato bom izbral Vpliv in začetno velikost svoje pisave bom nastavil na 72 točk . Bomo videli, kako enostavno spremenite velikost besedila ko smo ga dodali. Za več podrobnosti o delu s tipkami v Photoshopu si oglejte naše celotno besedilo Photoshop Type Essentials vadnica:

Nastavitev možnosti pisave v vrstici z možnostmi.

Z orodjem Type Tool v roki, nastavljenimi možnostmi pisave in črno kot barvo besedila, kliknite znotraj dokumenta in dodajte svoje besedilo. Vtipkal bom besede 'SVETLOBNI IZBUR':

Dodajam svoje besedilo.

Ko končate, kliknite kljukica v vrstici z možnostmi, da ga sprejmete in zapustite način urejanja besedila:

Kliknite kljukico v vrstici z možnostmi.

Če na hitro pogledamo v Plošča s sloji , vidimo, da se besedilo pojavi na a Tipska plast nad belo napolnjeno plastjo ozadja:

Plošča Sloji, ki prikazuje novo dodano plast Type.

3. korak: spremenite velikost besedila s prostim preoblikovanjem

Če je vaše besedilo videti premajhno, kot je moje, mu lahko enostavno spremenimo velikost s Photoshopom Prosta transformacija ukaz. Pojdi do Uredi meni na vrhu zaslona in izberite Prosta transformacija :

Pojdite na Edit > Free Transform.

S tem postavite polje Free Transform in ročice (majhne kvadratke) okoli besedila. Če želite spremeniti velikost besedila, kliknite in povlecite katero koli od kotni ročaji . Pritisnite in držite svoj Shift tipko, ko povlečete ročice, da omejite razmerja besedila, da ne popačite oblike črk (najprej spustite gumb miške prej sprostitev tipke Shift). Besedilo lahko premaknete tudi na želeno mesto, tako da kliknete kjer koli znotraj omejevalnega okvirja Free Transform in povlečete z miško. Ko končate, pritisnite Vnesite (Zmaga) / Vrnitev (Mac) na tipkovnici, da ga sprejmete in zapustite način Free Transform:

S klikom in vlečenjem kotnih ročic spremenite velikost besedila.

4. korak: Rasterizirajte plast tipa

Nato moramo naše besedilo pretvoriti iz plasti Type v slikovne pike, postopek, znan kot rastriranje . Pojdi do Vrsta (novo v CS6) na vrhu zaslona in izberite Rasterizirajte tipsko plast :

Pojdite na Type > Rasterize Type Layer.

Zdi se, kot da se besedilu ni zgodilo nič, a če pogledamo na ploščo Sloji, vidimo, da je bila naša plast Type pretvorjena v standardno piksel sloj na osnovi:

Sloj Type je zdaj sloj, ki temelji na slikovnih pikah.

5. korak: shranite besedilo kot izbor

Ustvariti moramo oris izbora iz našega besedila in nato shraniti izbor, da ga lahko pozneje znova naložimo. Če želite ustvariti oris izbora, pritisnite in držite Ctrl (Zmaga) / Ukaz (Mac) na tipkovnici in kliknite neposredno na sloj besedila predogled sličice na plošči Sloji:

Klik na sličico predogleda, medtem ko držite tipko Ctrl (Win) / Command (Mac).

Photoshop naloži izbor okoli črk:

Okoli besedila se prikaže oris izbora.

Če želite shraniti izbiro, preklopite na svoj Plošča kanalov s klikom na njegovo zavihek ime . Podokno Kanali boste našli združeno poleg plošče Sloji:

Kliknite zavihek za ploščo Kanali.

Nato kliknite na Shrani izbor kot kanal ikona na dnu plošče Kanali (druga ikona z leve):

Klik na ikono Shrani izbor kot kanal.

Pod rdečo, zeleno in modro se prikaže nov kanal z imenom Alpha 1 kanalov . Naš izbor je zdaj shranjen:

Izbor je bil shranjen kot nov kanal z imenom Alpha 1.

Preklopite nazaj s plošče Kanali na svojo Plošča s sloji s klikom na zavihek z njegovim imenom:

Preklop nazaj na ploščo Sloji.

Ne potrebujemo več okvira izbire okoli besedila, zato pojdite na Izberite meni na vrhu zaslona in izberite Prekliči izbiro . Ali pa preprosto pritisnite Ctrl+D (Zmaga) / Ukaz + D (Mac) na tipkovnici, da prekličete izbiro z bližnjico:

Pojdite na Izberi > Prekliči izbiro.

6. korak: Izpolnite območje okoli besedila z belo

Kliknite na plast ozadja ikona vidnosti (malo zrklo), da za trenutek začasno skrijete plast ozadja:

Kliknite ikono vidnosti za plast ozadja.

Ko je belo zapolnjena plast ozadja skrita, v dokumentu vidimo samo plast besedila. Sivo-beli vzorec šahovnice, ki obdaja črke, je Photoshopov način predstavljanja prosojnosti, kar pomeni, da je ves prostor okoli besedila na plasti trenutno prazen:

Območje, ki obdaja besedilo na plasti, je prozorno.

Prazen prostor moramo zapolniti z belo, ne da bi to vplivalo na naše črno besedilo, in to lahko storimo z Photoshopovim ukazom Fill. Pojdi do Uredi meni na vrhu zaslona in izberite Izpolnite :

Pojdite na Uredi > Izpolni.

S tem se odpre pogovorno okno Fill. Nastavite Uporaba možnost na vrhu do Bela , nato nastavite Način mešanja možnost za Pomnožite :

Nastavitev možnosti polnjenja.

Kliknite V redu, da zaprete pogovorno okno Polnilo, in Photoshop zapolni prosojno območje, ki obdaja črke, z belo barvo. Z nastavitvijo načina mešanja na Pomnožite , črne črke niso bile prizadete:

Samo prozorno območje okoli besedila je bilo zapolnjeno z belo.

Na tej točki lahko znova vklopite plast ozadja, tako da znova kliknete plast ikona vidnosti . Izklop smo izklopili le začasno, da smo lahko videli, kaj se dogaja z ukazom Fill na sloju besedila:

Ponovni klik na ikono vidnosti sloja ozadja.

7. korak: Uporabite filter Gaussian Blur

Besedilu moramo dodati majhno količino zameglitve, kar lahko storimo s filtrom Gaussian Blur. Pojdi do Filter meni na vrhu zaslona izberite Zameglitev , nato izberite Gaussova zameglitev :

Pojdite na Filter > Blur > Gaussian Blur.

Ko se odpre pogovorno okno Gaussova zameglitev, povlecite drsnik na dnu, da nastavite Radij vrednost okoli 4 slikovne pike :

Nastavitev vrednosti radija na 4 slikovne pike.

Kliknite V redu, da zaprete pogovorno okno. Tukaj je moje besedilo z zameglitvijo:

Besedilo po uporabi filtra Gaussova zameglitev.

8. korak: Uporabite filter Solarize

Še enkrat pojdite do Filter meni na vrhu zaslona, ​​vendar tokrat izberite Stiliziraj , nato izberite Solarizirajte se :

Pojdite na Filter > Stylize > Solarize.

Za filter Solarize ni pogovornega okna. Photoshop ga preprosto nanese na plast besedila in zdaj je besedilo prikazano kot svetlo siv obris na črnem ozadju:

Besedilo po nanosu solarizacijskega filtra.

9. korak: Osvetlite besedilo s samodejnim tonom

Besedilo moramo posvetliti in to lahko naredimo zelo hitro z eno od Photoshopovih samodejnih prilagoditev slike. Pojdi do Slika meni na vrhu zaslona in izberite Samodejni ton . Za naše namene tukaj res ni pomembno, ali izberete Auto Tone, Auto Contrast ali Auto Color, saj v bistvu delamo s črno-belo sliko. Samodejni ton sem izbral samo zato, ker je prvi na seznamu:

Pojdite na Slika > Samodejni ton.

Ko je uporabljen samodejni ton, je besedilo zdaj veliko svetlejše:

Besedilo po uporabi nastavitve samodejnega tona.

10. korak: Podvojite plast besedila

Narediti moramo kopijo naše besedilne plasti. Pojdi do Plast meni na vrhu zaslona izberite Novo , nato izberite Sloj prek kopiranja . Ali pa je hitrejši način za podvajanje plasti s preprostim pritiskom Ctrl+J (Zmaga) / Ukaz + J (Mac) na tipkovnici:

Pojdite na Layer > New > Layer via Copy.

Kopija besedilne plasti se prikaže nad izvirnikom na plošči Sloji:

Plošča Sloji, ki prikazuje kopijo besedilne plasti.

11. korak: Uporabite filter polarnih koordinat

Z izbrano kopijo besedilne plasti (označeno z modro) na plošči Sloji se pomaknite do Filter meni na vrhu zaslona izberite Izkrivljanje , nato izberite Polarne koordinate :

Pojdite na Filter > Distort > Polarne koordinate.

Ko se odpre pogovorno okno Polarne koordinate, izberite Polarni do pravokotni možnost na samem dnu, nato kliknite V redu, da zaprete pogovorno okno:

Izbira možnosti Polar do Rectangular.

Vaše besedilo bo zdaj videti nekako takole:

Besedilo po uporabi filtra Polarne koordinate.

12. korak: Zasukajte sliko

Čez trenutek bomo na sliko uporabili Photoshopov filter vetra, vendar filter vetra deluje samo vodoravno, zato moramo, preden ga zaženemo, našo sliko obrniti na stran. Če želite to narediti, pojdite na Slika meni na vrhu zaslona izberite Vrtenje slike , nato izberite 90° CW (v smeri urinega kazalca):

Pojdite na Slika > Vrtenje slike > 90° CW.

Slika mora biti zdaj obrnjena v smeri urinega kazalca:

Slika se je zasukala za 90° v smeri urinega kazalca.

13. korak: Obrnite sliko

Nato moramo obrniti sliko, tako da bodo črna območja bela in bela območja črna. Pojdi do Slika meni, izberite Prilagoditve , nato izberite Obrni . Ali pritisnite Ctrl+I (Zmaga) / Command+I (Mac) na tipkovnici:

Pojdite na Slika > Prilagoditve > Obrni.

Slika je zdaj obrnjena:

Slika po obračanju vrednosti svetlosti.

14. korak: Trikrat uporabite vetrni filter

Za ustvarjanje tega, kar bo sčasoma postalo žarek svetlobe, bomo uporabili filter vetra. Pojdi do Filter meni, izberite Stiliziraj , nato izberite Veter :

Pojdite na Filter > Stylize > Wind.

Ko se prikaže pogovorno okno Veter, nastavite Metoda možnost za Veter , nato nastavite Smer možnost za Z desne :

Možnosti vetrnega filtra.

Kliknite V redu, da zaprete pogovorno okno. Photoshop bo na sliko uporabil filter vetra. Pravzaprav moramo filter uporabiti še dvakrat, vendar namesto, da bi ga ponovno izbrali v meniju Filter, preprosto pritisnite Ctrl+F (Zmaga) / Ukaz + F (Mac) na tipkovnici. To je priročna bližnjica za ponovno uporabo zadnjega uporabljenega filtra (skupaj z nastavitvami, ki so bile uporabljene). Pritisnite Ctrl+F (Zmaga) / Ukaz + F (Mac), da drugič ponovno uporabite vetrni filter (torej je bil zdaj uporabljen skupno trikrat). Vaša slika bi zdaj morala izgledati nekako takole:

Slika po trikratni uporabi vetrovnega filtra.

15. korak: Znova obrnite sliko

Nato moramo ponovno obrniti sliko, zato se znova pomaknite do Slika meni, izberite Prilagoditve , nato izberite Obrni , ali pritisnite Ctrl+I (Zmaga) / Command+I (Mac) na tipkovnici:

Pojdite na Slika > Prilagoditve > Obrni.

Besedilo je spet svetlo sivo na črnem ozadju:

Slika po ponovnem obrnjenju.

16. korak: Ponovno posvetlite besedilo s samodejnim tonom

Spet naredimo besedilo svetlejše, tako da se vrnemo navzgor na Slika jedilnik in izbiranje Samodejni ton :

Vrnitev na Slika > Samodejni ton.

In spet je besedilo svetlejše:

Besedilo po ponovni uporabi ukaza Auto Tone.

17. korak: Še trikrat ponovno uporabite vetrni filter

Pritisnite Ctrl+F (Zmaga) / Ukaz + F (Mac) na tipkovnici trikrat, da še trikrat znova uporabite filter vetra na sliki:

Slika po še trikratnem nanosu filtra Wind.

18. korak: Zasukajte sliko

Končali smo s filtrom Veter, zato zasukajmo sliko nazaj v prvotno orientacijo. Pojdi do Slika meni, izberite Vrtenje slike , nato izberite 90° CCW (v nasprotni smeri urinega kazalca):

Pojdite na Slika > Vrtenje slike > 90° CCW.

Slika je zdaj nazaj v prvotni položaj:

Slika po vrtenju v nasprotni smeri urinega kazalca.

19. korak: Znova uporabite filter polarnih koordinat

Pojdi do Filter meni, izberite Izkrivljanje , nato izberite Polarne koordinate . Tokrat, ko se prikaže pogovorno okno, izberite Pravokoten do Polar možnost na dnu:

Izbira možnosti Pravokotno do polarno.

Kliknite OK, da uporabite filter Polarne koordinate in zaprete pogovorno okno. Učinek svetlobnega izbruha se zdaj začenja oblikovati:

Slika po ponovni uporabi filtra polarnih koordinat.

20. korak: spremenite način mešanja plasti v zaslon

Nato moramo omogočiti, da se naša prvotna besedilna plast spodaj prikaže skozi svetlobne žarke, kar lahko storimo tako, da preprosto spremenimo zgornjo plast način mešanja . V zgornjem levem kotu plošče Sloji boste našli možnost Blend Mode (to polje je privzeto nastavljeno na Normal). Kliknite polje in izberite zaslon s seznama načinov mešanja, ki se prikaže:

Spreminjanje načina mešanja plasti iz Normal v Screen.

Z načinom mešanja nastavljenim na zaslon , se zdi, da svetlobni žarki zdaj svetijo skozi besedilo:

Učinek po spremembi načina mešanja v Screen.

21. korak: Dodajte plast Gradient Fill

Učinku dodamo nekaj zelo potrebne barve in to bomo storili s plastjo Gradient Fill. Kliknite na Novo polnilo ali prilagoditveni sloj ikono navzdol na dnu plošče plasti:

Kliknite ikono New Fill ali Adjustment Layer.

Izberite Gradient blizu vrha seznama:

Dodajanje gradientne polnilne plasti.

To odpre pogovorno okno Gradient Fill. Kliknite na vrstica za predogled preliva na vrhu, da odprete Gradient Editor :

Klik na vrstico za predogled preliva.

Ko se prikaže urejevalnik gradientov, izberite Črnobela prednastavljeni gradient s klikom na njegovo sličico na vrhu pogovornega okna (tretja sličica z leve, zgornja vrstica). To nam bo dalo začetno osnovo za gradient in, kar je najpomembneje, zagotovilo bo, da bosta obe barvi nastavljeni na 100 % motnosti:

S klikom na sličico črno-belega gradienta.

Spodnja polovica urejevalnika gradientov je mesto, kjer lahko dejansko urejamo gradient. Dvojni klik na črno polnjene barvni postanek pod levim koncem velike vrstice za predogled preliva:

Dvokliknite črno zapolnjeno barvno postajo na levi strani.

To bo odprlo Photoshop Izbirnik barv kjer lahko zamenjamo črno v gradientu s katero koli barvo, ki nam je všeč. Izbrala bom rdečkasto oranžno barvo. Ko izberete novo barvo, kliknite V redu, da zaprete izbirnik barv:

Izbira nove barve za levo stran preliva.

Nato naredite isto stvar z drugo stranjo preliva v urejevalniku preliva. Dvojni klik na belo polnjenem barvni postanek pod desno stranjo vrstice za predogled preliva:

Dvokliknite belo zapolnjeno barvno postajo na desni.

Izberite novo barvo za desno stran preliva iz Izbirnik barv . Izbrala bom oranžno-rumeno. Kliknite V redu, ko končate, da znova zaprete izbirnik barv:

Izbira nove barve za desno stran gradienta.

Tukaj je moj urejen gradient z novimi barvami po meri. Če ste zadovoljni z izbranimi barvami, kliknite V redu, da zaprete urejevalnik preliva, nato kliknite V redu, da zaprete pogovorno okno Prelivno polnilo:

Nov preliv po meri.

22. korak: spremenite način mešanja sloja Gradient Fill v Color

Trenutno bo preliv zapolnil celoten dokument od vrha do dna, kar očitno ni tisto, kar si želimo. Želimo le, da obarva naše besedilo in svetlobne žarke. Če želite odpraviti težavo, morate samo spremeniti način mešanja za plast Gradient fill od Normal do barva :

Spreminjanje načina mešanja sloja Gradient fill na Barva.

Z načinom mešanja nastavljenim na barva , je učinek zdaj obarvan s prelivom:

Učinek po spremembi načina mešanja na Barva.

23. korak: Pretvorite izvirno besedilno plast v pametni predmet

Za učinek imamo še zadnji filter, ki ga je treba uporabiti za izvirno plast besedila, zato najprej kliknite prvotno plast besedila na plošči Sloji, da jo izberete in aktivirate:

Izbira izvirne plasti besedila.

Filter, ki ga bomo uporabili, je Radial Blur, vendar je težava z Radial Blur ta, da nam ne omogoča predogleda rezultatov v živo, kar pomeni, da ne moremo videti učinka zameglitve, dokler dejansko ne uporabimo filter in to je zanič način dela. Na srečo obstaja preprost način za rešitev težave, in sicer tako, da sloj najprej pretvorite v Pametni predmet . Z izbrano izvirno plastjo besedila kliknite majhno ikona menija v zgornjem desnem kotu plošče plasti:

S klikom na ikono menija.

Izberite Pretvori v pametni predmet iz menija, ki se prikaže:

Izbira ukaza Pretvori v pametni objekt.

V oknu dokumenta se ne bo zgodilo nič, ampak majhen Ikona pametnega predmeta se prikaže v spodnjem desnem kotu sličice predogleda plasti na plošči Sloji in nam sporoča, da je plast zdaj pametni objekt:

Plast je zdaj pametni objekt.

24. korak: Uporabite pametni filter radialne zameglitve

Vsi filtri, ki jih zdaj uporabimo za naš pametni objekt, bodo postali Pametni filtri , in odlična stvar pri pametnih filtrih je, da se lahko vrnemo nazaj in spremenimo nastavitve filtra, kolikorkrat želimo, ne da bi naredili trajne spremembe (ali poškodbe) slike. Uporabimo filter Radial Blur. Pojdi do Filter meni, izberite Zameglitev , nato izberite Krožna zamegljenost :

Pojdite na Filter > Blur > Radial Blur.

To odpre pogovorno okno Radialna zameglitev. Nastavite Metoda zameglitve do Zoom in Kakovost do najboljše , nato nastavite Znesek vrednost na vrhu do okoli 65 z vlečenjem drsnika. Naj vas ne skrbi, da bo vrednost zneska točno pravilna, ker se lahko, ker gre za pametni filter, kadar koli vrnemo in ga pozneje spremenimo:

Pogovorno okno Radialna zameglitev.

Kliknite V redu, da zaprete pogovorno okno. Tukaj je učinek z uporabo radialne zameglitve:

Učinek po uporabi filtra Radial Blur.

Če pogledate plast besedila na plošči Sloji, boste neposredno pod njo videli pametni filter radialne zamegljenosti. Če želite poskusiti z drugo vrednostjo količine za zameglitev, preprosto dvojni klik na ime filtra, da znova odprete pogovorno okno Radialna zameglitev, nato nastavite novo vrednost količine. Kliknite V redu, da zaprete pogovorno okno in Photoshop bo posodobil rezultate v oknu dokumenta. To lahko storite kolikorkrat želite, ne da bi poškodovali sliko:

Dvokliknite pametni filter Radial Blur, da po potrebi znova odprete pogovorno okno.

25. korak: Dodajte novo prazno plast

Skoraj smo končali. Kliknite na Nova plast ikona na dnu plošče Sloji:

Kliknite ikono Nova plast.

Photoshop doda novo prazno plast z imenom 1. plast med obema slojema besedila:

Plošča Sloji, ki prikazuje novo prazno plast.

26. korak: Naložite izbor s plošče kanalov

Se spomnite izbire, ki smo jo shranili nazaj v 5. koraku? Končno je čas, da ga naložimo. Če želite to narediti, preklopite nazaj na Plošča kanalov (poleg plošče Sloji), tako da kliknete njeno zavihek ime . Nato pritisnite in držite Ctrl (Zmaga) / Ukaz (Mac) na tipkovnici in kliknite Alfa 1 kanal pod rdečim, zelenim in modrim kanalom:

Držite Ctrl (Win) / Command (Mac) in kliknite Alpha 1.

To naloži izbor in oris izbora se ponovno prikaže v dokumentu:

Znova se prikaže oris izbora iz izvirnega besedila.

Korak 27: Zapolnite izbor s črno

Preklopite nazaj na svoje Plošča s sloji s klikom na njegovo zavihek ime , nato pa pojdite do Uredi meni in izberite Izpolnite :

Pojdite na Uredi > Izpolni.

V pogovornem oknu Fill nastavite Uporaba možnost za Črna in Način mešanja do normalno :

Prepričajte se, da je način mešanja tokrat nastavljen na Normal, ne na Multiply.

Kliknite OK, da zaprete pogovorno okno Fill. Photoshop zapolni izbor s črno. Če želite hitro odstraniti obris izbire, samo pritisnite Ctrl+D (Zmaga) / Ukaz + D (Mac) na tipkovnici. In s tem smo končali! Tukaj je moj končni učinek:

Končni rezultat.