7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Bagaimana Membuat Efek Teks Penanda Gudang 3D

Scroll to top
Read Time: 10 mins

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

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

Tutorial ini akan menunjukkan bagaimana menggunakan atribut bentuk Photoshop, bersamaan dengan mesh 3D, material, dan pengaturan cahaya, untuk membuat sebuah penanda gudang 3D dan menambahkannya ke tekstur background. Mari kita mulai!

Efek teks ini terinspirasi oleh banyak Layer Style yang tersedia di GraphicRiver.

Aset-Aset Tutorial

Aset-aset di bawah digunakan selama pembuatan tutorial ini:

1. Bagaimana Membuat Bentuk Teks Dasar

Langkah 1

Buat sebuah 1000 x 800 px New Document.

Pilih Rounded Rectangle Tool, ubah Radius di dalam bar Options menjadi 10 px, dan buat bentuk penanda.

Namai layer bentuk menjadi Sign.

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

Langkah 2

Buat teks dalam All Caps menggunakan Grounday Font. Atur Size ke 300 pt, atau gunakan ukuran apapun yang kamu suka, dan ubah ukuran bentuk Sign sehingga teks muat di dalamnya.

Pusatkan teks di dalam bentuk Sign ketika selesai.

Create the TextCreate the TextCreate the Text

Langkah 3

Namai ulang layer teks menjadi Text, klik kanan pada itu, dan pilih Convert to Shape.

Convert to ShapeConvert to ShapeConvert to Shape

Langkah 4

Duplicate pada layer Text dan namai ulang salinan ini menjadi Stroke.

Stroke LayerStroke LayerStroke Layer

Langkah 5

Pilih Direct Selection Tool (A), dan ubah Fill dalam bar Options menjadi None dan Stroke Size menjadi 5.

Klik icon Set shape stroke type, dan klik tombol More Options untuk mendapatkan kotak pengaturan Stroke.

Atur Align ke Outside, Caps ke Square, dan Corners ke Miter.

Centang pada kotak Dashed Line, dan ubah nilai Dash pertama menjadi 3 dan nilai Gap pertama menjadi 20.

Kamu dapat menggunakan nilai lainnya, tergantung pada teks yang kamu punya dan hasil yang kamu inginkan.

Stroke SettingsStroke SettingsStroke Settings

2. Bagaimana Mengurangi Bentuk

Langkah 1

Duplicate layer Text, tempatkan layer salinan di atar layer Sign, dan pilih kedua layer Text copy dan Sign.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Langkah 2

Pergi ke Layer > Combine Shapes > Subtract Front Shape.

Namai ulang layer hasil menjadi Sign, dan ubah warna Fill-nya jika diperlukan.

Subtract Front ShapeSubtract Front ShapeSubtract Front Shape

Langkah 3

Pilih Ellipse Tool, tekan-tahan tombol Option, dan klik-drag untuk membuat lingkaran kecil dekat dengan sudut kiri atas bentuk penanda.

Coba untuk membuat lingkaran kecil ini tetap dekat dengan tepi.

Subtract an Ellipse ShapeSubtract an Ellipse ShapeSubtract an Ellipse Shape

Langkah 4

Buat lingkaran mirip lainnya di sudut kanan bentuk Sign.

Jika kamu merasa sulit untuk mencocokkan kedua lingkaran, kamu dapat membuat dan meratakannya dalam layer terpisah, dan kemudian menguranginya dari penanda sama seperti yang kamu lakukan dengan bentuk Text.

Ketika selesai, klik icon Path operations dalam bar Options, dan klik Merge Shape Components.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

3. Bagaimana Membuat 3D Mesh dan Berkerja Dengan 3D Scene

Langkah 1

Untuk tiap layer bentuk yang kamu punya, pilih itu dan pergi ke 3D > New 3D Extrusion from Selected Path.

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

Langkah 2

Pilih semua layer 3D yang kamu punya, dan pergi ke 3D > Merge 3D Layers.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

Langkah 3

Untuk mengakses pengaturan dan properti 3D mesh, kamu perlu membuka dua panel: panel 3D dan panel Properties (keduanya ditemukan di bawah menu Window).

Panel 3D memiliki semua komponen 3D scene, dan ketika kamu mengklik nama salah satunya, kamu akan dapat mengakses pengaturan di dalam panel Properties. Jadi pastikan untuk selalu memilih tab elemen yang ingin kamu ubah di dalam panel 3D sebelum mengubah pengaturannya di dalam panel Properties.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Langkah 4

Jika kamu memilih Move Tool, kamu akan menemukan set 3D Modes untuk itu pada sisi kanan bar Options.

Ketika kamu memilih salah satunya, kamu kemudian dapat mengklik dan menyeret untuk melakukan perubahan (pada elemen terpilih di dalam panel 3D).

Gunakan mode tersebut untuk mengubah Current View ke dalam sudut yang kamu suka.

Change the ViewChange the ViewChange the View

4. Bagaimana Menyesuaikan 3D Mesh dan Pengaturan Cap

Langkah 1

Pilih tab mesh Sign di dalam panel 3D, dan ubah Extrusion Depth di dalam panel Properties menjadi 10 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 2

Klik icon Cap di bagian atas panel Properties, ubah Sides menjadi Front and Back, Bevel Width menjadi 1, dan Contour menjadi Half Round.

Cap SettingsCap SettingsCap Settings

Langkah 3

Ubah Extrusion Depth pada mesh Text menjadi 10 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 4

Klik pada icon Cap, ubah Sides menjadi Front and Back, Bevel Width menjadi 2, dan Contour menjadi Half Round.

Cap SettingsCap SettingsCap Settings

Langkah 5

Ubah Extrusion Depth pada mesh Stroke menjadi 50 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Langkah 6

Pilih Move Tool, dan gunakan 3D Axis untuk memindahkan 3D mesh ke dalam posisi akhirnya.

Panah pada bagian ujung sumbu memindahkan mesh, bagian di bawahnya digunakan untuk rotasi, dan kubus digunakan untuk pengaturan skala. Kubus di tengah digunakan untuk menentukan skala obyek secara seragam. Yang kamu perlukan adalah mengklik dan menyeret bagian yang kamu inginkan.

Move the MeshesMove the MeshesMove the Meshes

5. Bagaimana Menambahkan Preset 3D Mesh

Langkah 1

Buat New Layer di atas layer 3D, beri nama Donut, dan Fill dengan Black.

Create a New LayerCreate a New LayerCreate a New Layer

Langkah 2

Pergi ke 3D > New Mesh from Layer > Mesh Preset > Donut.

Klik tab Current View mesh Donut di dalam panel 3D, dan pilih Sign dari menu View di dalam panel Properties.

Ini akan mencocokkan kedua tampilan kamera untuk membantu penggabungan yang lebih baik nantinya pada layer 3D.

Create a Donut MeshCreate a Donut MeshCreate a Donut Mesh

Langkah 3

Buat New Layer lainnya, beri nama Cylinder, dan isi juga dengan Black.

Pergi ke 3D > New Mesh from Layer > Mesh Preset > Cylinder, dan cocokkan Current View-nya dengan Sign.

Create a Cylinder MeshCreate a Cylinder MeshCreate a Cylinder Mesh

Langkah 4

Buat satu New Layer lagi, beri nama Sphere, dan isi itu dengan Black.

Pergi ke 3D > New Mesh from Layer > Mesh Preset > Sphere, dan cocokkan Current View-nya dengan Sign.

Create a Sphere MeshCreate a Sphere MeshCreate a Sphere Mesh

Langkah 5

Pilih semua layer 3D baru, juga layer Sign, dan pergi ke 3D > Merge 3D Layers.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

6. Bagaimana Membuat dan Berkerja Dengan Instance Object

Langkah 1

Sembunyikan mesh Cylinder dan Sphere dengan mengklik icon mata di sebelah masing-masing tab di dalam panel 3D, dan pastikan untuk memilih tab mesh Donut.

Hide 3D MeshesHide 3D MeshesHide 3D Meshes

Langkah 2

Turunkan skala mesh Donut, putar (rotate) itu, dan tempatkan itu di dalam lubang sudut kiri mesh Sign.

Kamu dapat mengklik icon Coordinates di bagian atas panel Properties untuk menggunakan nilai numeris, khususnya untuk Rotation Angles.

Adjust the Donut MeshAdjust the Donut MeshAdjust the Donut Mesh

Langkah 3

Klik kanan tab mesh Donut, dan pilih Instance Object.

Sebuah Instance Object pada dasarnya adalah sebuah salinan tertaut yang mencerminkan perubahan yang dibuat pada obyek aslinya, seperti pengaturan material, sebagai contoh.

Instance ObjectInstance ObjectInstance Object

Langkah 4

Pindahkan instance object ke lubang sudut lainnya.

Move the Instance ObjectMove the Instance ObjectMove the Instance Object

7. Bagaimana Mengubah Skala Mesh 3D

Langkah 1

Tampilkan mesh Cylinder. Untuk silinder, kamu perlu mengubah skala mesh bersamaan dengan Y-Axis untuk merengganggkannya secara vertikal.

Jika kamu menggunakan nilai Coordinates untuk melakukan itu, kamu perlu mengklik icon Scale dan menghilangkan centang pada pilihan Uniform Scaling terlebih dahulu.

Uniform ScalingUniform ScalingUniform Scaling

Langkah 2

Tempatkan mesh Cylinder di atas mesh Donut.

Move the Cylinder MeshMove the Cylinder MeshMove the Cylinder Mesh

Langkah 3

Buat Instance Object dari mesh Cylinder dan pindahkan itu ke atas mesh instance Donut.

Instance ObjectInstance ObjectInstance Object

Langkah 4

Ulangi tahap yang sama untuk menambahkan mesh Sphere dimana kamu meninginkannya.

Add the Sphere MeshesAdd the Sphere MeshesAdd the Sphere Meshes

8. Bagaimana Material Logam Sederhana

Langkah 1

Pilih tab DonutCylinder, dan Sphere Material, dan gunakan pengaturan material berikut:

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

Kamu dapat meningkatkan nilai Reflection sedikit jika kamu menyukainya.

Basic Material SettingsBasic Material SettingsBasic Material Settings

Langkah 2

Klik pada icon tekstur Diffuse, pilih Replace Texture, dan buka gambar 3 dari paket Metal gradient seamless textures 1.

Replace TextureReplace TextureReplace Texture

Langkah 3

Pilih tab Donut_Material, klik icon tekstur Diffuse, dan pilih Edit Texture.

Edit TextureEdit TextureEdit Texture

Langkah 4

Ini akan membuka file tekstur. Tambahkan Levels Adjustment Layer dan ubah nilai Gamma menjadi 0.55.

Save dan tutup file.

Levels SettingsLevels SettingsLevels Settings

Langkah 5

Ini bukanlah bagian opsional, namun kamu dapat mengklik icon tekstur Diffuse lagi, pilih Edit UV Properties, dan sesuaikan nilai tiling tekstur jika perlu.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

9. Bagaimana Menambahkan Tekstur Bump

Langkah 1

Pilih tab Cylinder_Material, klik pada icon folder Bump, dan pilih New Texture.

New TextureNew TextureNew Texture

Langkah 2

Atur nilai Width dan Height menjadi 500, dan klik OK.

Set the DimensionsSet the DimensionsSet the Dimensions

Langkah 3

Ketika file baru terbuka, Duplicate layer Background, dan dobel klik salinan untuk menerapkan efek Pattern Overlay dengan menggunakan 10 px horizontal stripes untuk fill pada Pattern.

Save dan tutup file.

Pattern OverlayPattern OverlayPattern Overlay

Langkah 4

Naikkan nilai Bump menjadi 50, dan sesuaikan UV Properties untuk mendapatkan hasil yang kamu inginkan.

Adjust the Bump SettingsAdjust the Bump SettingsAdjust the Bump Settings

10. Bagaimana Membuat Bahan Kayu Sederhana

Langkah 1

Pilih tab Sign Front Inflation Material, klik icon tekstur Diffuse, dan pilih Edit Texture.

Tempatkan seamless wood tex image di atas layer bentuk, dan Clip itu untuk melihat tampilannya.

Teksturnya bisa membentuk pola berulang, jadi kamu dapat mengulanginya jika perlu. Ketika selesai, Save dan tutup file.

Edit the Sign TextureEdit the Sign TextureEdit the Sign Texture

Langkah 2

Untuk menerapkan tekstur yang sama untuk Bump, klik icon folder Bump, dan pilih tekstur Sign dari daftar.

Ubah warna Specular menjadi (210208208), dan nilai Shine menjadi 70%.

More Material SettingsMore Material SettingsMore Material Settings

Langkah 3

Pilih tab Sign Extrusion Material, gunakan PlywoodNew0061 image untuk tekstur Diffuse, dan ubah warna Specular menjadi (515151).

Sign Extrusion MaterialSign Extrusion MaterialSign Extrusion Material

Langkah 4

Klik tab mesh Sign dan ubah Texture Mapping menjadi Tile.

Texture MappingTexture MappingTexture Mapping

Langkah 5

Pilih tab Sign Extrusion Material lagi, dan sesuaikan UV Properties untuk mendapatkan hasil yang kamu suka.

Eidt UV PropertiesEidt UV PropertiesEidt UV Properties

11. Bagaimana Membuat Material Bahan Lainnya

Langkah 1

Pilih semua tab Stroke Material dan gunakan pengaturan berikut:

  • Diffuse: Gunakan gambar PlywoodNew0061
  • Specular: 185, 184, 181
  • Shine: 50%
Stroke MaterialStroke MaterialStroke Material

Langkah 2

Pilih semua tab Text Material, klik tekstur Diffuse, dan pilih Remove Texture.

Remove TextureRemove TextureRemove Texture

Langkah 3

Gunakan pengaturan berikut:

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

12. Bagaimana Menambahkan Tekstur Background

Langkah 1

Tempatkan gambar Background di bawah layer 3D, dan namai ulang itu menjadi BG.

Add the Background ImageAdd the Background ImageAdd the Background Image

Langkah 2

Pergi ke Image > Adjustments > Hue/Saturation, ubah Hue menjadi 10 dan Saturation menjadi -35.

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

Langkah 3

Pergi ke Filter > Blur > Gaussian Blur, dan ubah Radius menjadi 5.

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

Langkah 4

Pilih layer 3D, dan ubah Current View untuk mencocokkan sudut gambar background.

Change the Current ViewChange the Current ViewChange the Current View

13. Bagaimana Menyesuaikan Pencahayaan 3D Scene

Langkah 1

Pilih tab Infinite Light 1, dan ubah Intensity menjadi 50% dan Shadow Softness menjadi 30%.

Infinite Light 1 SettingsInfinite Light 1 SettingsInfinite Light 1 Settings

Langkah 2

Gunakan Move Tool atau nilai Coordinates untuk memindahkan cahaya menuju sudut kiri atas, dan miringkan itu sedikit ke belakang.

Infinite Light 1 LocationInfinite Light 1 LocationInfinite Light 1 Location

Langkah 3

Klik icon Add new Light to Scene di bagian bawah panel 3D, dan pilih New Infinite Light.

New Infinite LightNew Infinite LightNew Infinite Light

Langkah 4

Ubah Intensity menjadi 30% dan hilangkan centang pada kotak Shadow.

Infinite Light 2 SettingsInfinite Light 2 SettingsInfinite Light 2 Settings

Langkah 5

Pindahkan cahaya ke sudut kanan bawah.

Infinite Light 2 LocationInfinite Light 2 LocationInfinite Light 2 Location

Langkah 6

Klik tab Environment, klik icon tekstur IBL, dan pilih Replace Texture untuk membuka gambar Warehouse.

Replace IBL TextureReplace IBL TextureReplace IBL Texture

Langkah 7

Ubah Intensity menjadi 30% dan Ground Plane Shadows Opacity menjadi 0%.

Pindahkan cahaya di sekitar jika kamu ingin melihat hasil yang berbeda.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

Langkah 8

Klik icon tekstur IBL dan pilih Edit Texture. Tambahkan Hue/Saturation Adjustment Layer dan ubah nilai Saturation menjadi -75Save dan tutup file.

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

14. Bagaimana Me-render Scene 3D dan Menambahkan Penyesuaian

Langkah 1

Setelah kamu selesai membuat perubahan pada scene 3D, pergi ke 3D > Render 3D Layer. Proses rendering mungkin memerlukan beberapa waktu, namun kamu dapat menghentikannya dengan menekan tombol Esc.

Kamu juga dapat menghentikan rendering untuk menyesuaikan pencahayaan, tampilan kamera, atau apapun yang lainnya yang kamu kira perlu penyesuaian, dan melakukan rendering lagi hingga kamu mendapatkan hasil yang kamu inginkan.

Ketika kamu selesai melakukan rendering, klik kanan layer 3D dan pilih Convert to Smart Object untuk menghindari pembuatan perubahan yang tidak disengaja.

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

Langkah 2

Tambahkan Curves Adjustment LayerClip itu pada layer 3D, dan tingkatkan kurva untuk menyesuaikan pencahayaan.

Curves adjustment layerCurves adjustment layerCurves adjustment layer

Langkah 3

Tambahkan Brightness/Contrast Adjustment LayerClip itu juga pada layer 3D, dan ubah baik nilai Brightness dan Contrast menjadi 10.

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

15. Bagaimana Menambahkan Global Adjustment

Langkah 1

Tambahkan Gradient Map Adjustment Layer di atas semua layer, dan centang pada kotak Dither.

Buat fill Gradient dengan menggunakan Color dan Location Stops:

Color - Location

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

Ubah Blend Mode pada layer Gradient Map menjadi Soft Light dan Opacity menjadi 35%.

Gradient Map adjustment layerGradient Map adjustment layerGradient Map adjustment layer

Langkah 2

Tambahkan Color Lookup Adjustment Layer, pilih tabel Sienna-Blue dari menu Abstract, dan ubah Opacity menjadi 35%.

Color Lookup adjustment layerColor Lookup adjustment layerColor Lookup adjustment layer

Langkah 3

Buat New Layer di atas semua layer, dan beri nama Noise.

Add a Noise LayerAdd a Noise LayerAdd a Noise Layer

Langkah 4

Pergi ke Edit > Fill, dan ubah Contents menjadi 50% Gray.

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

Langkah 5

Ubah layer Noise menjadi Smart Object, dan atur Foreground dan Background Colors menjadi Black dan White.

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

Langkah 6

Pergi ke Filter > Noise > Add Noise, ubah Amount menjadi 2.5 dan Distribution menjadi Gaussian, dan centang pada kotak Monochromatic.

Add NoiseAdd NoiseAdd Noise

Langkah 7

Ubah Blend Mode layer Noise menjadi Soft Light.

Change the Blend ModeChange the Blend ModeChange the Blend Mode

Selamat! Kamu Telah Selesai

Di dalam tutorial ini, kita membuat kumpulan layer bentuk untuk membuat penanda dan teks.

Kemudian, kita mengubah bentuk menjadi mesh 3D, menambahkan lebih banyak preset mesh 3D dan instance object, dan menyesuaikan pengaturan dan materialnya.

Setelah itu, kita menambahkan dan mengubah gambar tekstur background, dan dengan demikian menyesuaikan pencahayaan scene 3D.

Terakhir, kita melakukan rendering pada scene, dan menambahkan adjustment layer dan mengisi layer untuk menyelesaikan efek.

Silahkan tinggalkan komentar, saran, dan hasilmu di bawah.

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.