Egy 3D typocomposing lenyűgöző szövegeffekteket kombinál kreatív design elemekkel, és teljesen új szintre emeli a tipográfiádat. Legyen szó futurisztikus, absztrakt vagy témához kapcsolódó megjelenésről - a Photoshop segítségével egyedi 3D-typocomposingot hozhatsz létre, amely vizuálisan erősíti üzeneted. Ebben a tutorialban lépésről lépésre megmutatom, hogyan helyezd előtérbe 3D-típusodat textúrákkal, fényhatásokkal és egyéb design elemekkel. Kezdjünk neki, és változtassuk a típusodat műalkotássá!
1. lépés:
Először létrehozok egy új dokumentumot; a méret lényegtelen. Itt egy nagyon kicsi méretűt választok, 800x600 pixel. Ha szeretnéd ezt az effektet kinyomtatni, akkor az Egységt Pixelről cm-re kell állítani, és a Felbontást 72-ról 300 pixel/hüvelyk-re kell változtatni.
2. lépés:
Majd létrehozok egy szöveges réteget egy betűvel. Ezután a menüben a 3D>Repoussé>Szöveges réteg opciót választom.
3. lépés:
Ezeket a beállításokat végzem el (anyagoknál a Minden-nél a minta a Textúra nélkül sablon):
4. lépés:
Ezután a Ablak -on keresztül megnyitom a 3D vezérlőpultt és befestem az extrúziót. Ehhez rákattintok a Szórt résznél a szürke színre.
5. lépés:
Már letudtam a színt. Csak a betű előtérjében szeretnék egy textúrát létrehozni.
6. lépés:
Az új textúrához létrehozok egy új dokumentumot, méret: 200 x 1 pixel. Utána egy dupla kattintással megnyitom a háttérréteget, és a tartalmát a Del gombbal eltávolítom. Ezután kijelölök egy területet, amely a dokumentum fele, és kékkel festem be. Ezt követően mindent kijelölök és elmentem a Menü>Szerkesztés>Mintakészletre mentés lehetőséggel.
7. lépés:
A mintát elmentettem, majd egy új 2000x2000 pixeles dokumentumot hozok létre. Ezután beszúrok egy új réteget, és befestem (a szín lényegtelen, mivel a Telítettségt 0%-ra állítom). Most jönnek a Kitöltési beállítások, és aktiválom az új Mintát. Ezután a textúrát PSD fájlként mentem le a merevlemezre.
8. lépés:
Visszatérek a dokumentumba és az Anyag -on a Felfújt előlapt beállítom az új textúrára.
9. lépés:
A végeredmény a következőképpen néz ki (a vonalakkal még nem vagyok teljesen elégedett, ezért újra megnyitom a textúrát).
10. lépés:
Hogy a mintát elforgathassam, az egységet Okos objektummá alakítom. Most már a mintát is, ami a Kitöltési beállításra került, elforgathatom.
11. lépés:
Ez már sokkal jobban tetszik nekem.
12. lépés:
Mivel a vonalak túl szélesek, újra megnyitom a textúrát, belépek az Okos objektumba és kiszételem a Mintamásolatot.
13. lépés:
Hogy a háttér látványosabb legyen, beszúrok egy Színátmenetet a háttérbe.
14. lépés:
Ekkor adok egy kék árnyalatot a Laposított Élnek. Az eredmény a következőképpen néz ki:
15. lépés:
Hogy jobban lássam a fényforrásokat, azokat az 3D vezérlőpanel alján jelenítem meg.
16. lépés:
Továbbá a háttértér rétegét szürkére festem, hogy lássam a fehér fénycsíkokat. Az első fényem Irányított típusát átalakítom Fényszóurig<.
17. lépés:
Majd mozgatom a fényt és azonnal látom, hogyan reagál rá a tárgyam.
18. lépés:
A következő fényforrást is Fényszóur-ra változtatom és a fény Intenzitását 1-re növelem.
19. lépés:
Mivel a teljes objektum renderelése nagyon időigényes lehet, kiválaszthatok és az 3D vezérlőpanel Beállítások menüjében az Előrehaladó renderelési kiválasztására kattinthatok.
20. lépés:
Az eredmény nagyon jól néz ki. A teljes objektumomat rendereltethetem az 3D vezérlőpanelen felső részén a jeleneten kattintva és a Minőség beállításként választhatom a Sugárvétel - Tervezés vagy Sugárvétel - Végleges lehetőséget (ez a legtöbb ideig tart). Tipp: Ha még valamit meg szeretnék változtatni az objektumon, feltétlenül állítsam vissza az Interaktív (Festés) beállításokat, mert különben a számítógép azonnal újra le fog mindent renderelni, és végső soron örökké várnom kell.
21. lépés:
Miután befejeztem az első betűt, ugyanazzal a beállítással és módszerrel folytatom a következővel. Itt ismét beolvasom a korábban mentett textúrát.
22. lépés:
Mivel túl nagynak találom a csíkokat, vagy közvetlenül újra szerkeszthetem a textúrát, vagy egyszerűen az Alapszín menüben a Szerkesztés tulajdonságok menüpontra kattintok.
23. lépés:
Ha növelem az értéket U-Méretezés , akkor a vonalaim kisebbek lesznek. Néha azonban a vonalak furcsán töredezettek lesznek, ami valószínűleg egy hiba a Photoshopban vagy a kijelző illesztőprogramjában.
24. lépés:
Az általam renderelt jelenet után így néz ki a S-betűm:
25. lépés:
Itt is elmozgatom az összes fényforrást és néhányat átváltok Fényszór típusra. Akár a Új ikonra is kattinthatok, hogy további fényforrásokat hozzak létre.
26. lépés:
Mivel a vonalaim túl vastagok, átmegyek a textúrába, majd a Okos objektum menübe, és ott a Mintavétel menübe, ahol kicsit csökkentem a méretét. Azonban egy furcsa kettős vonal jön létre az S-betűben; ezért visszamegyek a Textúra tulajdonságaihoz és ott kicsit változtatom az U-Méret értékét, amíg nem passzol.
27. lépés:
Ezután elkészítem az utolsó betűt. Ezt az S-betű alá helyezem a rétegaláírásban.
28. lépés:
Az d-betűmhez különleges dolgot találtam ki: a betű kap egy virágos Ecsetet. Ehhez letöltök egy virágos Ecsetet a PSD-Tutorials.de oldalról, beillesztem egy 2000x2000 pixeles, áttetsző háttérrel rendelkező dokumentumba, majd PSD-fájlként mentem el.
29. lépés:
A Textúratulajdonságok alatt az mintát illesztem át.
30. lépés:
Nos, most állítsuk be ismét a fényt, és így nem is néz ki rosszul a betűm:
31. lépés:
Következő lépésként létrehozok egy új réteget, és néhány kisebb elemet egy fehér színű virágos ecsettel adok hozzá.
32. lépés:
Most egy menő háttér ideje. Megragadom az Egyéni formák eszközt, és betöltöm a Photoshop által alapértelmezetten szállított alakzatot (ha nem jelenik meg, egyszerűen kattints a jobb felső nyílra az Elemkönyvtár betöltéséhez).
33. lépés:
Miután létrehoztam az alakzatot, enyhén csökkentem az Átlátszóságot, hozzáadok egy Rétegmaszkot, majd kitöltöm egy sugárirányú Fekete-Feheár átmenettel.
34. lépés:
A csíkokat még optimalizálhatom, például az Töltés átlátszóságát csökkentve, majd a Kitöltési beállításoknál fehér színnel enyhe Sugárt kivezetek. Ezután egy szép sugárirányú Kék-Sötétkék átmenetet húzok fel.
35. lépés:
Hogy középen erőteljesebben ragyogjon, vagy átállítom a beállítást, vagy egyszerűen egy nagyon puha, nagyobb ecsettel finomítom. A réteg Átlátszóságát kissé csökkentem.
36. lépés:
Kicsit túlzónak érzem a virágos ecsetvonásokat. Ezért ezeket újra létrehozom, viszont ezúttal egy még kisebb ecsettel. Az eredmény így néz ki:
37. lépés:
Egy Fehérségszín/Színtelítettség beállítási réteggel gyorsan átszínezhetem a háttért:
38. lépés:
Ha inkább a háttér helyett a betűket szeretném átszínezni, akkor egyetlen betű Kitöltési módjába megyek, és oda beállítom a Színátfedéssel egy fehér Színtelítettség beállítási réteget. Ezután a réteg hatást másolom az Alt billentyű lenyomásával minden további betűhöz.
39. lépés:
Egyszerűbb azonban, ha a betűket egy csoportmappában tartom, majd rájuk egy Fehérségszín/Színtelítettség beállítási réteget adok. És - nagyon fontos: Az alárendelt csoportmappám Átfedés beállítását Normálra állítom. Így az beállítási réteg csak a mappa tartalmára vonatkozik.
40. lépés:
Egy kis trükk a műhely végén: Duplikálom a 3D betűimet, majd a másolatot jobb egérgombbal rásterizálom.
41. lépés:
Most több lehetőségem van: Vagy fehérre színezem az összes betűt, vagy csak egy fehér Színátmenet beállítással helyezek rá. Ezt követően beszúrok egy maszkot, majd egy puha ecsettel például bizonyos fényeket magam is tovább javíthatok. Az én esetemben növeltem a fénysugárzást a d-betű tetején, és egy további réteggel fekete Színátmenettel sötétebben festettem az árnyékokat.
42. lépés:
Ezután így néz ki az eredményem:
Remélem, sok hasznos tippet tudtam adni a 3D kezeléséhez a Photoshopban. Ahogy látszik, ez egyáltalán nem olyan bonyolult.