1. Design & Illustration
  2. Text Effects

Kako Izraditi Tekst Efekt za Viseći 3D Znak

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

U ovom tutorialu ćete vidjeti kako u Photoshopu upotrijebiti atribute oblika zajedno s 3D mrežama. materijalom i postavkama osvjetljenja da kreirate 3D znak i dodate ga pozadini s teksturom. Počnimo!

Ovaj tekst efekt je nadahnut mnogim stilovima slojeva dostupnim na našoj stranici GraphicRiver.

Resursi za Tutorial

Tijekom izrade ovog tutoriala korišteni sljedeći resursi:

1. Kako Kreirati Osnovne Oblike Tkesta

1. korak

Napravite 1000 x 800 px New Document (novi dokument).

Uzmite Rounded Rectangle Tool, promijenite Radius u Options kartici u 10 px, i izradite oblik znaka.

Promijenite naziv sloja u Sign.

Create a Rounded Rectangle ShapeCreate a Rounded Rectangle ShapeCreate a Rounded Rectangle Shape

2. korak

Kreirajte tekst velikim slovima koristeći Grounday Font. Podesite Size na 300 pt ili upotrijebite neku drugu veličinu slova i promijenite Sign veličinu oblika tako da tekst može stati unutar njega.

Kada završite, centrirajte tekst unutar Sign oblika.

Create the TextCreate the TextCreate the Text

3. korak

Promijenite naziv sloja teksta u Text, zatim ga kliknite desnim gumbom miša i odaberite Convert to Shape.

Convert to ShapeConvert to ShapeConvert to Shape

4. korak

Duplicirajte sloj Text i promijenite naziv kopije u Stroke.

Stroke LayerStroke LayerStroke Layer

5. korak

Uzmite Direct Selection Tool (A) i promijenite Fill u Options kartici u None i Stroke Size u 5.

Kliknite Set shape stroke type ikonu i kliknite More Options gumb da otvorite Stroke postavke.

Podesite Align u Outside, Caps u Square i Corners u Miter.

Označite Dashed Line okvir i promijenite prvu Dash vrijednost u 3 te prvu Gap vrijednost u 20.

Možete upotrijebiti bilo koje druge vrijednosti koje želite također, ovisno o tekstu koji imate i rezultatu koji želite postići.

Stroke SettingsStroke SettingsStroke Settings

2. Kako Primijeniti "Subtract" na Oblike

1. korak

Duplicirajte sloj Text, smjestite sloj kopije iznad Sign sloja i selektirajte oba sloja zajedno (Text copy i Sign).

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

2. korak

Idite na Layer > Combine Shapes > Subtract Front Shape.

Sloju koji ste dobili promijenite naziv u Sign i ako je potrebno, podesite mu Fill boju.

Subtract Front ShapeSubtract Front ShapeSubtract Front Shape

3. korak

Uzmite Ellipse Tool, pritisnite-držite tipku Option, kliknite-povucite da kreirate maleni krug blizu gornjeg lijevog kuta oblika znaka.

Pokušajte zadržati kružić blizu rubova.

Subtract an Ellipse ShapeSubtract an Ellipse ShapeSubtract an Ellipse Shape

4. korak

Kreirajte još jedan isti krug u desnom kutu Sign oblika.

Ako vam je teško uskladiti oba kruga, možete ih izraditi i poravnati u zasebnim slojevima i tada ih oduzeti od znaka kao što smo učinili sa Text oblikom.

Kada završite, kliknite Path operations ikonu u Options kartici  i kliknite Merge Shape Components.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

3. Kako Kreirati 3D Mreže i Raditi sa 3D Scenom

1. korak

Za svaki sloj teksta koji imate ponovite sljedeće: selektirajte ga i idite na 3D > New 3D Extrusion from Selected Path.

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

2. korak

Selektirajte sve 3D slojeve koje imate i idite na 3D > Merge 3D Layers.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

3. korak

Za pristup postavkama i svojstvima 3D mreže, morate otvoriti dvije kartice: 3D karticu i Properties karticu (obje ćete pronaći ispod Window izbornika).

3D kartica ima sve komponente 3D scene, i kada kliknete na ime bilo koje komponente, moći ćete pristupiti postavkama komponente u Properties kartici. Zato pazite da prije nego što im promijenite postavke u Properties kartici, uvijek selektirate karticu elementa koji želite modificirati u 3D kartici.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

4. korak

Ako odaberete Move Tool, pronaći ćete za njega set 3D Modes načina s desne strane Options kartice.

Kada odaberete jednog od njih, tada možete kliknuti i povući da izvedete promjene (na selektiranom elementu u 3D kartici).

Upotrijebite te načine da promijenite Current View (trenutni pregled) u kut koji želite.

Change the ViewChange the ViewChange the View

4. Kako Prilagoditi 3D Mreže i "Cap" Postavke

1. korak

Selektirajte Sign tabular mreže u 3D kartici i promijenite Extrusion Depth u Properties kartici u 10 px.

Extrusion DepthExtrusion DepthExtrusion Depth

2. korak

Kliknite Cap ikonu na vrhu Properties kartice, promijenite Sides u Front and Back, Bevel Width u 1 i Contour u Half Round.

Cap SettingsCap SettingsCap Settings

3. korak

Text mreži promijenite Extrusion Depth u 10 px također.

Extrusion DepthExtrusion DepthExtrusion Depth

4. korak

Kliknite Cap ikonu, promijenite Sides u Front and Back, Bevel Width u 2 i Contour u Half Round.

Cap SettingsCap SettingsCap Settings

5. korak

Stroke mreži promijenite Extrusion Depth u 50 px.

Extrusion DepthExtrusion DepthExtrusion Depth

6. korak

Uzmite Move Tool i upotrijebite 3D Axis da pomaknete 3D mreže na njihove konačne pozicije.

Strelice na završecima osi pomiču mrežu, dio ispod njih koristi se za rotaciju i kocke se upotrebljavaju za skaliranje. Kocka u sredini se koristi za ujednačeno skaliranje objekta. Sve što trebate učiniti jest kliknuti i povući željeni dio.

Move the MeshesMove the MeshesMove the Meshes

5. Kako Dodati "Preset" 3D Mrežama

1. korak

Izradite New Layer (novi sloj) iznad 3D sloja, nazovite ga Donut i podesite mu Fill (ispunu) na crnu boju.

Create a New LayerCreate a New LayerCreate a New Layer

2. korak

Idite na 3D > New Mesh from Layer > Mesh Preset > Donut.

Za Donut mrežu kliknite Current View tabular u 3D kartici i odaberite Sign pregled iz View izbornika u Properties kartici.

To će uskladiti preglede kamere što će pomoći da se kasnije bolje sjedine 3D slojevi.

Create a Donut MeshCreate a Donut MeshCreate a Donut Mesh

3. korak

Izradite još jedan New Layer, nazovite ga Cylinder i ispunite također crnom bojom.

Idite na 3D > New Mesh from Layer > Mesh Preset > Cylinder i uskladite mu Current View sa Sign-om.

Create a Cylinder MeshCreate a Cylinder MeshCreate a Cylinder Mesh

4. korak

Izradite još jedan New Layer, nazovite ga Sphere i također ispunite crnom bojom.

Idite na 3D > New Mesh from Layer > Mesh Preset > Sphere i uskladite mu Current View sa Sign-om.

Create a Sphere MeshCreate a Sphere MeshCreate a Sphere Mesh

5. korak

Selektirajte sve nove 3D slojeve kao i Sign sloj te idite na 3D > Merge 3D Layers.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

6. Kako Kreirati "Instance Object" Elemente i Raditi s Njima

1. korak

Sakrijte Cylinder i Sphere mreže klikom na ikonu oka pokraj svake od njihovih tabulara u 3D kartici i obavezno selektirajte tabular Donut mreže.

Hide 3D MeshesHide 3D MeshesHide 3D Meshes

2. korak

Skalirajte Donut mrežu, rotirajte je i smjestite u rupu lijevog kuta Sign mreže.

Možete kliknuti Coordinates ikonu na vrhu Properties kartice da upotrijebite numeričke vrijednosti, naročito za Rotation Angles.

Adjust the Donut MeshAdjust the Donut MeshAdjust the Donut Mesh

3. korak

Desni klik na tabular Donut mreže i odaberite Instance Object.

Instance Object je zapravo povezana kopija koja reflektira promjene na originalnom objektu, poput npr. postavki materijala.

Instance ObjectInstance ObjectInstance Object

4. korak

Pomaknite "instance object" u rupu drugog kuta.

Move the Instance ObjectMove the Instance ObjectMove the Instance Object

7. Kako Skalirati 3D Mreže

1. korak

Pomaknite Cylinder mesh. Za "cylinder", morate skalirati mrežu uzduž Y-Axis da je razvučete vertikalno.

Ako za to koristite Coordinates vrijednosti, morati ćete kliknuti Scale ikonu i prvo od-značiti Uniform Scaling opciju.

Uniform ScalingUniform ScalingUniform Scaling

2. korak

Smjestite Cylinder mrežu iznad Donut mreže.

Move the Cylinder MeshMove the Cylinder MeshMove the Cylinder Mesh

3. korak

Izradite Instance Object iz Cylinder mreže i pomaknite ga na vrh instance Donut mreže.

Instance ObjectInstance ObjectInstance Object

4. korak

Ponovite iste korake da dodate Sphere mreže tamo gdje želite.

Add the Sphere MeshesAdd the Sphere MeshesAdd the Sphere Meshes

8. Kako Kreirati Jednostavan Metalni Materijal

1. korak

Selektirajte Donut, Cylinder i Sphere Material tabulare i upotrijebite sljedeće "material" postavke:

  • Specular: 138, 138, 138
  • Shine: 50

Ako želite, možete također malo povisiti Reflection vrijednost.

Basic Material SettingsBasic Material SettingsBasic Material Settings

2. korak

Kliknite Diffuse "texture" ikonu, odaberite Replace Texture, i otvorite sliku 3 iz Metal gradient seamless textures 1 seta.

Replace TextureReplace TextureReplace Texture

3. korak

Selektirajte Donut_Material tabular, kliknite Diffuse "texture" ikonu i odaberite Edit Texture.

Edit TextureEdit TextureEdit Texture

4. korak

To će otvoriti datoteku teksture. Dodajte Levels Adjustment Layer i promijenite Gamma vrijednost u 0.55.

Kliknite Save da pohranite datoteku i zatvorite je.

Levels SettingsLevels SettingsLevels Settings

5. korak

Ovaj dio je opcionalan, ali možete opet kliknuti Diffuse "texture" ikonu, nakon toga odaberite Edit UV Properties i ako je potrebno prilagodite "tiling" vrijednosti teksture.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

9. Kako Dodati "Bump" Teksturu

1. korak

Selektirajte Cylinder_Material tabular, kliknite Bump ikonu mape i odaberite New Texture.

New TextureNew TextureNew Texture

2. korak

Podesite Width i Height vrijednosti u 500 i kliknite OK.

Set the DimensionsSet the DimensionsSet the Dimensions

3. korak

Kada se otvori nova datoteka, duplicirajte sloj Background i dvaput kliknite kopiju da primijenite Pattern Overlay efekt koristeći 10 px horizontal stripes za Pattern ispunu.

Kliknite Save i zatvorite datoteku.

Pattern OverlayPattern OverlayPattern Overlay

4. korak

Povećajte Bump vrijednost na 50 i prilagodite UV Properties da dobijete rezultat koji želite.

Adjust the Bump SettingsAdjust the Bump SettingsAdjust the Bump Settings

10. Kako Kreirati Jednostavan Drveni Materijal

1. korak

Selektirajte Sign Front Inflation Material tabular, kliknite mu Diffuse "texture" ikonu i odaberite Edit Texture.

Na vrh sloja oblika smjestite seamless wood tex image i primijenite Clip da je prikvačite da vidite kako će izgledati.

Tekstura se može primijeniti popločeno, stoga je možete ponoviti ako je potrebno. Kada završite, kliknite Save i zatvorite datoteku.

Edit the Sign TextureEdit the Sign TextureEdit the Sign Texture

2. korak

Kako biste primijenili istu teksturu za Bump, kliknite Bump ikonu mape i odaberite Sign teksturu s popisa.

Promijenite Specular boju u (210, 208, 208) i Shine vrijednost u 70%.

More Material SettingsMore Material SettingsMore Material Settings

3. korak

Selektirajte Sign Extrusion Material tabular, upotrijebite PlywoodNew0061 image za Diffuse teksturu i promijenite Specular boju u (51, 51, 51).

Sign Extrusion MaterialSign Extrusion MaterialSign Extrusion Material

4. korak

Kliknite tabular Sign mreže i promijenite Texture Mapping u Tile.

Texture MappingTexture MappingTexture Mapping

5. korak

Selektirajte opet Sign Extrusion Material tabular i prilagodite UV Properties da dobijete željeni rezultat.

Eidt UV PropertiesEidt UV PropertiesEidt UV Properties

11. Kako Kreirati Druge Osnovne Materijale

1. korak

Selektirajte sve Stroke Material tabulare i upotrijebite ove postavke: 

  • Diffuse: Upotrijebite PlywoodNew0061 sliku
  • Specular: 185, 184, 181
  • Shine: 50%
Stroke MaterialStroke MaterialStroke Material

2. korak

Selektirajte sve Text Material tabulare, kliknite Diffuse teksturu i odaberite Remove Texture.

Remove TextureRemove TextureRemove Texture

3. korak

Upotrijebite ove postavke:

  • Diffuse: 227, 227, 227
  • Specular: 241, 240, 240
  • Illumination: 191, 191, 191
  • Shine: 100%
Text Material SettingsText Material SettingsText Material Settings

12. Kako Dodati Pozadinsku Teksturu

1. korak

Smjestite Background sliku ispod 3D sloja i promijenite naziv sloja u BG.

Add the Background ImageAdd the Background ImageAdd the Background Image

2. korak

Idite na Image > Adjustments > Hue/Saturation, promijenite Hue u 10 i Saturation u -35.

Hue and Saturation adjustment layerHue and Saturation adjustment layerHue and Saturation adjustment layer

3. korak

Idite na Filter > Blur > Gaussian Blur i promijenite Radius u 5.

add a Gaussian Blur add a Gaussian Blur add a Gaussian Blur

4. korak

Selektirajte 3D sloj i promijenite Current View da se uskladi sa kutom pozadinske slike.

Change the Current ViewChange the Current ViewChange the Current View

13. Kako Prilagoditi Svjetlinu 3D Scene

1. korak

Selektirajte Infinite Light 1 tabular, promijenite Intensity u 50% i Shadow Softness u 30%.

Infinite Light 1 SettingsInfinite Light 1 SettingsInfinite Light 1 Settings

2. korak

Upotrijebite Move Tool ili Coordinates vrijednosti da pomaknete svijetlo prema gornjem lijevom kutu i nakrivite ga malo otraga.

Infinite Light 1 LocationInfinite Light 1 LocationInfinite Light 1 Location

3. korak

Kliknite Add new Light to Scene ikonu na dnu 3D kartice i odaberite New Infinite Light.

New Infinite LightNew Infinite LightNew Infinite Light

4. korak

Promijenite Intensity u 30% i od-značite Shadow okvir.

Infinite Light 2 SettingsInfinite Light 2 SettingsInfinite Light 2 Settings

5. korak

Pomaknite svijetlo u donji desni kut.

Infinite Light 2 LocationInfinite Light 2 LocationInfinite Light 2 Location

6. korak

Kliknite Environment tabular, kliknite IBL texture ikonu i odaberite Replace Texture da otvorite Warehouse sliku.

Replace IBL TextureReplace IBL TextureReplace IBL Texture

7. korak

Promijenite Intensity u 30% i Ground Plane Shadows Opacity u 0%.

Pomičite malo svjetlo ako želite vidjeti različite rezultate.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

8. korak

Kliknite IBL "texture" ikonu i odaberite Edit Texture. Dodajte Hue/Saturation Adjustment Layer i promijenite Saturation vrijednost u -75. Kliknite Save i zatvorite datoteku.

Hue and Saturation adjustment layerHue and Saturation adjustment layerHue and Saturation adjustment layer

14. Kako Renderirati 3D Scenu i Prilagoditi je

1. korak

Kada završite sa izmjenama na 3D sceni, idite na 3D > Render 3D Layer. Renderiranje bi moglo malo potrajati, ali možete ga zaustaviti kad god želite pritiskom na Esc tipku na tipkovnici.

Također možete zaustaviti renderiranje da prilagodite svjetlinu, pregled kamere ili nešto drugo za što smatrate da treba urediti, te ponovno renderirati dok ne postignete zadovoljavajući rezultat.

Kada završite renderiranje, kliknite desnim gumbom miša 3D sloj i odaberite Convert to Smart Object kako biste izbjegli eventualne slučajne promjene.

Render and Convert to Smart ObjectRender and Convert to Smart ObjectRender and Convert to Smart Object

2. korak

Dodajte Curves Adjustment Layer, primijenite Clip da ga zakvačite za 3D sloj i uredite krivulju da prilagodite svjetlinu.

Curves adjustment layerCurves adjustment layerCurves adjustment layer

3. korak

Dodajte Brightness/Contrast Adjustment Layer, primijenite Clip da ga zakvačite za 3D sloj također, te promijenite oboje, Brightness i Contrast vrijednosti u 10.

Brightness and Contrast adjustment layerBrightness and Contrast adjustment layerBrightness and Contrast adjustment layer

15. Kako Dodati Globalne Prilagodbe

1. korak

Dodajte Gradient Map Adjustment Layer iznad svih slojeva i označite Dither prozorčić.

Promijenite Gradient ispunu koristeći ove boje (Color) i Location Stops:

Boja - Lokacija

  • #282828 - 0%
  • #53535c - 25%
  • #7a7b87 - 50%
  • #a3a4ad - 75%
  • #ededf1 - 100%

Gradient Map sloju promijenite Blend Mode u Soft Light i Opacity u 35%.

Gradient Map adjustment layerGradient Map adjustment layerGradient Map adjustment layer

2. korak

Dodajte Color Lookup Adjustment Layer, odaberite Sienna-Blue tabular iz Abstract izbornika i promijenite Opacity sloja u 35%.

Color Lookup adjustment layerColor Lookup adjustment layerColor Lookup adjustment layer

3. korak

Izradite New Layer (novi sloj) iznad svih slojeva i nazovite ga Noise.

Add a Noise LayerAdd a Noise LayerAdd a Noise Layer

4. korak

Idite na Edit > Fill i promijenite Contents u 50% Gray.

Add a Gray Fill LayerAdd a Gray Fill LayerAdd a Gray Fill Layer

5. korak

Noise sloj konvertirajte u Smart Object i podesite Foreground i Background Colors u bijelu i crnu boju.

Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

6. korak

Idite na Filter > Noise > Add Noise, promijenite Amount u 2.5 i Distribution u Gaussian te označite Monochromatic okvir.

Add NoiseAdd NoiseAdd Noise

7. korak

Noise sloju promijenite Blend Mode u Soft Light.

Change the Blend ModeChange the Blend ModeChange the Blend Mode

Čestitam! Završili ste

U ovom tutorialu smo kreirali nekoliko slojeva oblika da izradimo znak i tekst.

Zatim smo konvertirali oblike u 3D mreže, dodali još "presetova" 3D mreža i "instance object" elemente te im prilagodili postavke i materijale.

Nakon toga smo dodali i modificirali sliku pozadinske teksture i prema njoj prilagodili svjetlinu 3D scene.

Na kraju smo renderirali scenu, dodali prilagodbe i ispunili slojeve da dovršimo efekt.

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.

3D Warehouse Sign Text Effect Photoshop Tutorial3D Warehouse Sign Text Effect Photoshop Tutorial3D Warehouse Sign Text Effect Photoshop Tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads