Viisi pikahyppyä hienoihin typo-efekteihin Photoshopissa

Haluat antaa tekstillesi jotain erityistä, mutta sinulla on vähän aikaa? Ei ongelmaa! Photoshopilla voi luoda hienoja typoefektejä muutamalla askeleella. Tässä oppaassa näytän sinulle viisi nopeaa ja helppoa tekniikkaa tehdä typografiasi luovaksi ja moderniksi. Neon-Glowsta metallisiin ulkonäköihin ja vääristyneisiin efekteihin - nämä pikatemput tuovat vaihtelua ja tyyliä designeihisi. Aloita ja laita tekstisi huomioon!

1. Retrokonturiefekti otsikoille

Erittäin nopeasti voit luoda luovia retrokontureita täyttövaihtoehdolla Ulkoisesti hehkuu, erityisesti lentolehtisiin ja taustakuvioihin.

Vaihe 1: Sijoita teksti

Lähtökuvana käytän säteilevää taustaa, jossa on hieman kierrettyä tekstiä. Teksti on fonttia Eight Track 300 pistettä.

Vaihe 2: Täyttövaihtoehdo 'Ulkoisesti hehkuu' gradienttina

Ulkoisesti hehkuu täyttövaihtoehtona käytetään yleensä vaaleaa tai tummaa hehkua/varjoa. Photoshop mahdollistaa myös gradientin käytön hehkuna värin sijaan.

Teksteille syntyy tarkasti säädettyjen asetusten avulla lukuisia kontureitefejektejä, jotka voidaan vaihdella erilaisilla täyttömetodeilla. Sopivien gradienttien saatavuuden ja helpon luomisen ansiosta saat lähes loputtomasti kontureita, jotka voivat hienostetusti kehystää kirjasimia tai ympäröidä ne psykedeelisen värikkäästi.

Koko täyttövaihtoehtodialogissa määrittelee, kuinka suuri gradientti hehkuihin tulisi olla ulospäin. Täyttämisen alapuolelle kertoo, kuinka voimakkaasti efekti vaikuttaa suoraan tekstiin. Tärkeä tekniikka on: Tarkka.

Erittäin hienoa: Asetuksen Erikoistehosteet alla on katkoviivagraadientti, jota voi käyttää onnistuneessa retroefektissä. Värejä voi myös säätää mainiosti. Halutessaan ulkoisten konturien voi haihduttaa läpinäkyvästi.

Retrokonturiefekti on valmis:

2. Röpelöisen konturiefektin otsikoille

Röpelöinen konturiefekti voi olla erinomainen valinta rähjäisiin lentolehtisiin tai otsikoihin. Itse efekti on nopea tehdä.

Vaihe 1: Sijoita teksti valkoiselle taustalle

Tausta on valkoinen. Kirjoitan Tekstityökalulla kirjaimet PSD 600-pisteisellä Armylla.

Vaihe 2: Valitse kirjaimet Valitsen tekstikerroksen kirjaimet Ctrl ja Napsauta tekstikerroksen kuvaketta.

Vaihe 3: Muokkaa valintaa Pikapainikkeella Ctrl+Alt+R avaan Rajaa tehosta -valintaikkunan. Asetan valinnalleni pehmeän reunan. Tarkka arvo voi vaihdella tekstikoon mukaan.

Vaihe 4: Luo uusi kerros ja täytä se värillä Luon uuden kerroksen pikapainikkeella Ctrl+Shift+Alt+N ja täytän sen millä tahansa värillä. Väri täyttää vain valitun alueen.

Voin poistaa tekstikerroksen käytöstä ja peruuttaa valinnan pikapainikkeella Ctrl+D.

Vaihe 5: Muunna Älykkääseen objektiin Merkitsen kirjainkerroksen, jossa on Pehmeä reuna ja valkoisen kerroksen ja muunnan molemmat kerrokset Älykkääksi objektiksi.

Vaihe 6: Älysuodattimen vesivärin käyttöön otto Käytän taiteen suodatinta vesiväri kolme kertaa Älykkääseen objektiini.

1. Kierros

Arvot voivat vaihdella valitun värin, pehmeän reunan koon ja tekstikoon mukaan.

2. Kierros

3. Kierros

Jo kahden kierroksen jälkeen näkyy, kuinka epäsäännöllinen, riekaleinen reunatehoste on syntynyt. Kolmannella ja tarvittaessa neljännellä kierroksella voin hienosäätää tehostetta hieman tarvittaessa.

Näin efektiä voi hyvin käyttää tekstinä grungeihin taustoihin. Tässä näytetty tausta on liitteenä tässä oppaassa työmateriaalina.

Tässä näkymässä tilassa Tummempi väri 85 prosentin peittävyydellä, tausta on tilassa Normaali myös 85 prosentin peittävyydellä:

Eroteltuna näkymässä tilassa Erotus 100 prosentin peittävyydellä, tausta on tilassa Normaali myös 50 prosentin peittävyydellä:

3. Yksinkertainen peilausvaikutelma 3D-tyylillä

Yksinkertainen peilausvaikutelma teksteille, joka toimii ilman suuria hienouksia erittäin yksinkertaisella tavalla, syntyy seuraavien muutaman vaiheen avulla.

Kuvan lähde: Akhilesh Sharma - Fotolia.com.

Vaihe 1: Kuvio peilikuvaksi asettaminen

Tämän efektin ensimmäinen vaihe on, että määritän kuvan, joka tulisi peilata tekstin sisällä, kuvioksi. Teen tämän avaamalla kuvan ja menemällä valikkoon Muokkaa>Aseta kuvio.

Vaihe 2: Tekstin sijoittaminen Sijoitan tekstin 300 pisteen Arial-kirjasimella dokumenttiini. Dokumentti on kooltaan 800x600 pikseliä ja sillä on musta tausta.

Vaihe 3: Täyttövaihtoehto Reunus Avan Täyttövaihtoehdot tekstikerroksessani ja valitsen välilehden Reunus. Valitsen täyttötyypiksi Kuvion ja valitsen aiemmin asetetun kuvion Kuvion esikatselussa.

Lisäasetukset:

Hiirellä pystyn tarkasti sijoittamaan kuvion kuvassa juuri sellaiseksi kuin haluan sen näkyvän tekstireunana. Vahvistan asetukset napsauttamalla OK.

Vaihe 4: Täyttövaihtoehdon asettaminen kerrokseksi Napsauttamalla hiiren kakkospainikkeella voin luoda kerroksen Kerrostyyli -valikosta. Reunus on nyt yhtenä kerroksena Kerrokset -paneelissa. Asetan kerroksen tekstikerrokseni alapuolelle.

Vaihe 5: Täyttövaihtoehdon kuviopeitto Siirryn tekstikerroksen Täyttövaihtoehtoihin ja valitsen välilehden Kuviopeitto ja käytän siellä aiemmin asetettua kuvioa. Pienennän kuvioni Skaalausliukusäätimestä, kunnes se näyttää sopivalta. Hiirellä voin tarkasti sijoittaa kuvion kuvaan haluamallani tavalla tekstissä.

Vaihe 6: Hienosäätö reunuksen kautta Jotta efekti näyttäisi realistiselta, siirrän reunuskerrosta hieman alaspäin ja vasemmalle näppäimistön nuolinäppäimillä, jotta syntyy kevyt 3D-vaikutelma.

Nyt voin tuoda hieman kiiltoa peilaukseen luomalla 1 pikselin vahvan ulkoreunuksen Kuviotäytöllä tekstikerrokselle. Koska reunus on todella vain yhden pikselin vahva, sitä voi näyttää myös tekstin yläosassa. Jos efekti on liian voimakas, yksinkertaisesti säädä peittävyyttä vielä hieman alaspäin.

Tästä saadaan kaunis lisävaloheijastus. Yksinkertainen peilausvaikutelma 3D-tyylillä on valmis.

4. Heijastusvaikutukset teksteissä ja muodoissa

Ennen kaikkea minua inspiroi tähän opetukseen Scott Kelby, joka selitti tämän efektin kirjassaan "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".

Scott Kelby selvitti efektin luomisen 12 vaiheessa kahdelle kirjaimelle. Hän edetä seuraavasti:

1. Tekstin luominen
2. Tekstin rasterointi, valitseminen ja ensimmäisen väriliukuman vetäminen
3. Kerroksen kopiointi ja vastakkaisen väriliukuman vetäminen
4. Leikkaa väriliukuma Ellipsi-valinnalla
5. Valinnan muokkaaminen
6. Valitun väriliukualueen kääntäminen ja poistaminen
7. Reunuksen lisääminen
8. Laskettu reuna ja helpotuksen lisääminen
9. -12. vaiheet toistetaan toista kirjainta varten
   
   
   
   

Vaikutus on pieni, mutta mukava katseenvangitsija. Tie tähän johtaa kuitenkin vain staattiseen lopputulokseen. Tekstiä ei voi muuttaa, koska se rasteroitiin heti alussa. Jokaisen lisäkirjaimen lisääminen vaatisi suurimman osan vaiheista toistamista.

Opinnäytetyössäni haluan näyttää tavan, joka sallii tekstin edelleen muokattavuuden. Tällä vaikutuksella voidaan myös lisätä kirjaimia nopeammin.

Vaihe 1: Luoda asteittainen väriloisto

Tämän vaikutuksen luomiseksi nopeammin luon kaksinkertaisen asteittaisen väriloiston mallin. Siksi avaan ensin dokumenttini, jonka koko on 1000x600 pikseliä, asteittaisen loistanäkymän, kun otan käyttöön asteittaisen työkalun (G) ja napsautan asteittaisnäkymää valikkorivillä.

Nyt luon asteittaisen loiston, joka sijoitetaan tekstiin kaksinkertaisena heijastuksena.

Loiston järjestys on seuraava:

Harmaa – Valkoinen – Musta – Harmaa

Lisään puuttuvat värikatkot klikkaamalla olemassa olevan värikatkot vieressä ja sijoitan ne vedä ja pudota haluttuun paikkaan. Värikatkoksen värin voin muuttaa loistanäkymän värivalitsimella.

Siirtyminen valkoisesta mustaan on jyrkkä. Värisankojen ei pitäisi olla päällekkäin, vaan hieman siirtymässä. Muuten siirtymässä ilmenee hienovaraisia porrasteita myöhemmin. 30 prosentin tasaus varmistaa, että myös loisto harmaalla alueella on kauniisti pehmeä.

Tarvittaessa voin tallentaa uuden loiston myös loistanäkymään nimellä Uusi julistettuna. Vahvistan sitten loistomuutoksen OK.

Vaihe 2: Taivuta loistoa

Vedän loistoa loistotyökalulla alhaalta dokumentin keskeltä ylösvasemmalle.

Loiston kaaren takia en valitettavasti voi suorittaa kaikkia muokkauksia pelkästään loistonsäteilyllä. Ratkaisu on taivuttaa loisto kaarevaksi mestarina käyttäen.

Painan Ctrl+T>Taivuta ja annan hieman kaarevuutta, jotta musta siirtymän kaari näkyy kaarevana. Tällöin vedän kaarevuusruudukkoani hieman ylösvasemmalle.

Vaihe 3: Määritä loisto malliksi Nyt voin määrittää kaarevan kaksinkertaisen loiston malliksi. Teen tämän valitsemalla Muokkaa>Määritä malli. Nimi on: Kaareva loisto, jossa on heijastus.

Vaihe 4: Sijoita teksti Dokumenttiin valitsen uuden, tummanpunaisen taustan. Nyt voin syöttää tekstini jo 530 pisteen kokoisella armeijalla. Kirjoitan kirjaimen P.

Vaihe 5: Mallin päällekkäisyys Avan tekstitasoiseni täyttöasetukset. Otsikossa Mallin päällekkäisyys valitsen aikaisemmin määrittämäni mallin valintaluettelosta.

Voin nyt hiirellä siirtyä helposti dokumenttiin ja siirtää malliani intuitiivisesti suoraan haluttuun paikkaan. Tarvittaessa voin myös skaalata malliani vielä, jos se on liian suuri tai pieni kirjaimeen nähden.

Vaihe 6: Ääriviivat Seuraavassa Ääriviivat -osiossa asetan 5 pikselin vahvan ääriviivan Ulkopuolelle. Täyttötyyppi on loisto.

Napsautan loistolaatikon Hopea Metalliluotaustyypeistä.

Yksinään ääriviiva ei näytä vielä toivotulta. Vasta leikattu reuna ja reliefi tekevät siitä oikean metallisen.

Vaihe 7: Leikattu reuna ja reliefi 3D-metallivaikutuksen varmistamiseksi valitsen asetukset Leikattu reuna ja reliefi -rekisterissä. Valitsen seuraavat asetukset:

• Tyyli: Reliefirajaus

• Tekniikka: Pyöristäminen

• Syvyys: 100 prosenttia

• Koko: 5 pikseliä

• Varjostuksen kulma ja korkeus: 120 ja 30 astetta

• Kiiltorajaus: Kaksinkertainen rengas

Vaikutus on valmis.

Vaihe 8: Lisää kirjaimia Lisäämällä lisää kirjaimia kloonaan yksinkertaisesti tekstitasoista, siirrän sen haluttuun paikkaan ja muuttaan kunkin kirjaimen uudeksi Tekstityökalulla.

Tarvittaessa minun täytyy sovittaa kaksoisvaikutus vain Kuviopeitoksen rekisterissä uuden kirjaimen muotoon.

Jos haluan vielä värikkäitä korostuksia vaikutukseeni, voin lisätä vielä Väripeiton tilassa Sekaankopioi Täyttövalinnoissa.

Siinä kaikki!

5. Kallistettu teksti kehyksellä

Kaunis edistysaskel aikaisemmin käsitellyn heijastusvaikutuksen kanssa voi olla se, että annan tekstilleni vielä reunuksen ja kallistan reunusta tekstiä katsoessani.

Tässä esimerkissä jokainen kirjain ei saa erillistä heijastusta, vaan heijastus jaetaan muiden kanssa; eli kirjaimet eivät ole erillisillä tasoilla, vaan yhdessä tasossa.

Vaihe 1: Lisää kehys

Vedän ohuella reunalla olevan suorakulmion Oma muototyökalulla (U) oletusasetuksista kehykseksi tekstiini.

Vaihe 2: Kopioi tasojen tyylit Vedän Alt -näppäimellä olemassa olevia Tasotyylejä tekstitasolta kehysebola osaksi. Tällä tavoin olen kopioinut Tasotyylit reunalle. Tarvittaessa säädän Kuviopeitoksen tarkkaa sijaintia Täyttövalinnoista, jotta se näyttäisi siistiltä katselussa.

Vaihe 3: Muunna molemmat tasot älyobjektiksi Valitsen tekstitason ja kehystason Tasopaneelista ja muunnan ne yhteen älyobjektiksi.

Vaihe 4: Muunna Valitsen Strg+T tekemäni älyobjektin transformoidakseni sen. Strg -näppäimellä voin vedellä vasemman yläkulman hieman kohti keskustaa. Tämä kallistaa kehystä ja tekstiä.

Tarvittaessa voin siirtää myös alhaalla olevat kulmat yksitellen pitäen Strg-näppäintä, jotta kallistava vaikutus vahvistuu vieläkin. Painan Enter vahvistaakseni transformaationi.

Vaihe 5: Sijainnitärppi On tärkeää, että tekstillä on kehys, jotta kallistuva tai kumollaan oleva vaikutelma syntyy. Pelkkä teksti ei luo tätä vaikutelmaa kunnolla.

Jos haluan saavuttaa erityisen vaikutelman sijainnilla, sijoitan tekstin reunuksella niin, että koko kehys ei mahdu dokumenttiin. Tarvittaessa minun täytyy leikata dokumettia tätä ulkonäköä varten. Näin saadaan aikaan vaikutelma erityisestä visuaalisesta koosta. Esimerkiksi SPIEGEL on sijoittanut Google-nimen kannessa niin, että Google ei mahtunut kokonaan kanteen. Tämä osoittaa yksinkertaisimmalla tavalla Google:n erityisen koon ja voiman.