3D-Typokompositio yhdistää vaikuttavia tekstieffektejä luoviin designelementteihin ja vie typografiasi aivan uudelle tasolle. Olitpa sitten suunnittelemassa futuristisia, abstrakteja tai teemallisesti muotoiltuja ulkoasuja – Photoshopin avulla voit luoda yksilöllisen 3D-tyypin, joka vahvistaa visuaalisesti viestiäsi. Tässä oppaassa näytän sinulle vaihe vaiheelta, kuinka saat 3D-tyypografiasi esiin tekstuurien, valoefektien ja muiden designelementtien avulla. Aloita siis ja muuta typografia taiteeksi!
Vaihe 1:
Ensinnäkin luon uuden asiakirjan; koko ei ole olennaista. Valitsen tässä hyvin pienen koon, 800x600 pikseliä. Jos haluat tulostaa tämän efektin, yksikön tulee muuttua pikselistä senttimetreiksi ja resoluution 72 pikselistä/tuumasta 300 pikseliin/tuumaan.
Vaihe 2:
Nyt luon tekstikerroksen yhdellä kirjaimella. Sen jälkeen valitsen valikosta 3D>Kohokuvio>Tekstikerros.
Vaihe 3:
Toteutan seuraavat asetukset (materiaalien kohdalla käytän Kaikki asetukselle Ei tekstuuria):
Vaihe 4:
Sitten avaan 3D-ohjausruudun valikon kohdasta Ikkuna ja vaihdan ulosvedon värin. Tähän klikkaan Diffuse kohtaan harmaata väriä.
Vaihe 5:
Väri on kohdallaan. Haluan kuitenkin luoda itselleni tekstuurin kirjaimen etualalle.
Vaihe 6:
Uutta tekstuuria varten luon uuden asiakirjan kooltaan 200 x 1 pikseliä. Sitten teen kaksoisnapsautuksen taustakerrokseen ja poistan sisällön Del-näppäimellä. Nyt voin luoda valinnan, joka kattaa dokumentin puolet, ja värittää sen siniseksi. Tämän jälkeen valitsen kaiken uudelleen ja tallennan sen kohdasta Valikko>Muokkaa>Aseta kuvio.
Vaihe 7:
Kuviot on tallennettu, ja luon uuden dokumentin kooltaan 2000x2000 pikseliä. Lisään siihen uuden kerroksen ja värjään sen (väri ei ole olennaista, koska asetan tilkitupakointimäärän 0%). Nyt valikoin Täyttöasetukset, ja aktivoinkin uuden kuviomme. Tämän jälkeen tallennan tekstuurityön PSD-tiedostoksi kiintolevylle.
Vaihe 8:
Nyt palaan dokumenttiini ja avaan uuden Materiaali - Täytetty etusivu -tekstuurini.
Vaihe 9:
Tulos näyttää tältä (en ole vielä tyytyväinen viivoihin ja avaan siksi tekstuurin uudelleen).
Vaihe 10:
Jotta voisin kääntää kuviota, muunnan kerroksen Älykkääksi objektiksi. Nyt voin myös kääntää kuvion, joka on asetettu täyttöasetukseksi sille.
Vaihe 11:
Näyttää jo paljon paremmalta.
Vaihe 12:
Koska viivat ovat mielestäni liian paksuja, avaan tekstuurin uudelleen, menen Älykkääseen objektiin ja skaalaan sitten kuviopeittoa.
Vaihe 13:
Jotta tausta olisi vaikuttavampi, lisään taustakerrokseen vielä Väriasteikon.
Vaihe 14:
Samaan aikaan lisään myös Tasainen reunus sinisen sävyn. Tulos näyttää tältä:
Vaihe 15:
Jotta näkisin valonlähteet paremmin, säästän ne 3D-ohjauspaneelissa aivan alhaalla.
Vaihe 16:
Lisäksi värjään taustatason harmaaksi, jotta näen valkoiset valoviivat. Muutan ensimmäisen valoni Suunnatusta Pilkkuun.
Vaihe 17:
Nyt siirrän valoa ja näen samalla heti, miten kohde reagoi siihen.
Vaihe 18:
Vaihdan myös seuraavan valonlähteen Pilkkuun ja nostan valon Intensiteetin arvon 1:een.
Vaihe 19:
Koska koko kohteen renderöinti saattaa viedä paljon aikaa, voin tehdä valinnan ja siirtyä sitten 3D-ohjauspaneelin Asetusvalikkoon Progressiivinen renderöinti -vaihtoehtoon.
Vaihe 20:
Tulos näyttää erittäin hyvältä. Voin myös antaa koko kohteeni renderöityä napsauttamalla ylhäällä 3D-ohjauspaneelissa kohtaa Scene ja valitsemalla sitten Laatu kohtaan joko Säteenseuranta - Luonnos tai Säteenseuranta - Lopullinen (kestää kauimmin). Vinkki: Jos minun täytyy tehdä muutoksia kohteeseen, on ehdottoman tärkeää palata asetus takaisin kohtaan Interaktiivinen (Maalaus), sillä muuten tietokone alkaa heti renderöidä kaiken uudestaan ja joutuu odottamaan ikuisuuden.
Vaihe 21:
Kun olen saattanut ensimmäisen kirjaimen valmiiksi, teen seuraavan samoin asetuksin ja menetelmällä. Myös tässä lataan jälleen aiemmin tallennetun tekstuurin.
Vaihe 22:
Koska raidat ovat minulle liian leveitä, voin joko muokata niitä suoraan tekstuurissa tai mennä Diffuusiluokkaan ja valita Muokkaa ominaisuuksia.
Vaihe 23:
Kun kasvatan U-mahtia, viivani pienenevät. Joskus viivat kuitenkin katkeilevat oudosti, mikä lienee Photoshopin bugi tai näytönohjainvirhe.
Vaihe 24:
Vaihe 25:
Siirrän myös kaikki valonlähteet ja muutan osan niistä myös Pilkkuun. Voin jopa napsauttaa Uusi-symbolia luodakseni lisää valonlähteitä.
Vaihe 26:
Koska viivat ovat minulle liian paksuja, menen tekstuurin kautta, sitten Älyobjektiin ja sitten Kuviopeitton, jossa skaalaan kokoa hieman pienemmäksi. Kuitenkin S-kirjaimeen tulee outo kaksoisviiva; siksi menen uudestaan Tekstuurin ominaisuuksiin ja muutan siellä hieman U-mahtiarvoa, kunnes se sopii.
Vaihe 27:
Seuraavaksi teen viimeisen kirjaimen. Sijoitan sen T-kirjaimen alle tasohierarkiassa.
Vaihe 28:
D-kirjaintani varten olen keksinyt jotain erityistä: Kirjaimen pitäisi saada kukkainen kuvio. Lataan kukkaisen siveltimen PSD-Tutorials.de:stä, lisään sen 2000x2000 px läpinäkyvään taustaasiakirjaan ja tallennan sen PSD-tiedostona.
Vaihe 29:
Tekstuurin ominaisuuksien alla siirrän kuvion vastaavasti.
Vaihe 30:
Nyt säädän valoa uudelleen, ja kirjaimeni näyttää oikein hyvältä:
Vaihe 31:
Seuraavaksi luon uuden tason ja lisään joitakin pienempiä elementtejä valkoisella värillä käyttäen kukkaista sivellintä.
Vaihe 32:
Nyt on aika luoda tyylikäs tausta. Napataan oma-kuviointityökalu ja lisätään Photoshopin oletuskuviomuoto (jos sitä ei näytetä, paina vain yläoikealla olevaa nuolta ladataksesi kirjaston.)
Vaihe 33:
Levennettyäni muotoa, lasken läpikuultavuutta hieman, lisään tason maskin ja täytän sen radiaalilla musta-valkoisella asteikolla.
Vaihe 34:
Voin vielä optimoida raidat esimerkiksi vähentämällä täyttöläpinäkyvyyttä ja sen jälkeen täyttövaihtoehdoissa lisätä hieman valkoista väriä hienoiselle ulkopuoliselle heijastukselle. Sen jälkeen vedän kauniin radiaalin sini-syväsinisen asteikon.
Vaihe 35:
Jotta keskellä olisi voimakkaampaa valaistusta, voin joko säätää asteikkoa vastaavasti tai sitten säädän sen yksinkertaisesti erittäin pehmeällä, suurella siveltimellä. Sen jälkeen lasken hieman tason läpikuultavuutta.
Vaihe 36:
Kukkaiset siveltimet tuntuvat jotenkin liian dominoivilta. Siksi teen ne uudelleen, tällä kertaa kuitenkin vielä pienemmällä siveltimellä. Tulos näyttää tältä:
Vaihe 37:
Kyllä, sävysaturaatio-säätötaso mahdollistaa taustan nopean muuttamisen:
Vaihe 38:
Jos haluan mieluummin muuttaa kirjaimia taustan sijaan, voin mennä yksittäisen kirjaimen täyttömetodeihin ja asettaa sinne värin ylivärjäytyksellä täyttömenetelmän väriksi. Sen jälkeen kopioin tason vaikutuksen pitämällä Alt-näppäintä painettuna jokaiselle muulle kirjaimelle.
Vaihe 39:
Helpompaa on kuitenkin, kun kirjaimeni ovat ryhmäkansiossa ja sen yläpuolelle lisään sävysaturaatio-säätötason. Ja - erittäin tärkeää: Asetan ryhmäkansion täyttömenetelmän Normaalista Ohittavaksi, jotta säätötaso vaikuttaa vain kansion sisältöön.
Vaihe 40:
Pikku temppu työpajan lopuksi: Monistapa 3D-kirjaimeni ja muunna kopioni sitten raakakuvaksi oikea hiirennapilla.
Vaihe 41:
Nyt minulla on useita vaihtoehtoja: Joko voin värjätä koko kirjaimen valkoiseksi, tai sitten teen vain värin ylivärjäytyksen valkoisella. Lisään nyt maskin, ja sitten voin parantaa itse tietyt valot pehmeällä siveltimellä esimerkiksi. Omissa tapauksessani vahvistin valoa d-kirjaimen yläpuolella ja tummensin varjoja toisella tasolla mustalla värin ylivärjäyksellä.
Vaihe 42:
Tulokseni näyttää tältä:
Toivon, että olen voinut antaa runsaasti vinkkejä 3D:n käsittelyyn Photoshopissa. Kuten näkyy, tämä ei olekaan niin vaikeaa.
