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.

3D tipográfia

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.

3D tipográfia

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):

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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).

3D tipográfia

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.

3D tipográfia

11. lépés:

Ez már sokkal jobban tetszik nekem.

3D tipográfia

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.

3D tipográfia

13. lépés:

Hogy a háttér látványosabb legyen, beszúrok egy Színátmenetet a háttérbe.

3D tipográfia

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:

3D tipográfia

15. lépés:

Hogy jobban lássam a fényforrásokat, azokat az 3D vezérlőpanel alján jelenítem meg.

3D tipográfia

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<.

3D tipográfia

17. lépés:

Majd mozgatom a fényt és azonnal látom, hogyan reagál rá a tárgyam.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

24. lépés:

Az általam renderelt jelenet után így néz ki a S-betűm:

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

27. lépés:

Ezután elkészítem az utolsó betűt. Ezt az S-betű alá helyezem a rétegaláírásban.

3D tipográfia

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.

3D tipográfia

29. lépés:

A Textúratulajdonságok alatt az mintát illesztem át.

3D tipográfia

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:

3D tipográfia

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á.

3D tipográfia

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).

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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:

3D tipográfia

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:

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

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.

3D tipográfia

42. lépés:

Ezután így néz ki az eredményem:

3D tipográfia



Remélem, sok hasznos tippet tudtam adni a 3D kezeléséhez a Photoshopban. Ahogy látszik, ez egyáltalán nem olyan bonyolult.