Indonesian (Bahasa Indonesia) translation by AaliyaA (you can also view the original English article)
Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran German version of Envato Elements!
Tutorial ini akan menunjukkan kepada Anda cara menggunakan Adobe Photoshop's shape settings, 3D tools, dan adjustment layers untuk membuat 3D folded steps text effect. Mari kita mulai!
Text effect ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.
Tutorial Assets
Aset berikut yang digunakan selama produksi tutorial ini:
- Built Titling font
- Pola Handmade paper oleh Le Marquis
- Interior of a hotel spa reception 3D illustration oleh hemul75
- Cement Grit Textures oleh ghostlypixels
- Abstract Spotlight Backgrounds oleh M-e-f
1. Cara Membuat Background dan Text Layers
Langkah 1
Buat dokumen baru 1000 x 1000 px , klik ikon Create new fill or adjustment layer icon di bagian bawah Layers panel, pilih Solid Color, dan gunakan Color fill # 02031a.
Langkah 2
Buat teks menggunakan font Built Titling Semi Bold, dan atur Size menjadi 250 pt.
2. Cara Membuat Section Guides
Langkah 1
Pilih Line Tool dan atur Weight di bilah Options ke 1.
Buat garis horizontal yang meluas di dokumen, dan letakkan persis di bawah teks yang Anda miliki.
Ubah line's Color menjadi red sehingga Anda dapat melihatnya dengan lebih baik.
Langkah 2
Gandakan line shape layer, dan tempatkan baris baru tepat di atas teks yang Anda miliki.
Langkah 3
Gandakan layer bentuk asli empat kali lagi.
Langkah 4
Pilih semua layer garis, pastikan Move Tool aktif, dan klik ikon Distribute vertical centers di Options bar, untuk menempatkan sisa garis di antara dua baris pertama.
Langkah 5
Tempatkan semua layer Line dalam grup dan beri nama Guides.
3. Cara Membuat Section Shapes
Langkah 1
Pilih Rectangle Tool, dan buat persegi panjang yang cocok antara dua garis secara vertikal dan mencakup teks secara horizontal.
Langkah 2
Sembunyikan Guides group, duplikat layer persegi panjang, dan tempatkan salinan persis di atas yang asli.
Ulangi itu untuk membuat lebih banyak persegi panjang dan susunkannya di atas satu sama lain, sampai menutupi seluruh teks.
Langkah 3
Right-click layer teks dan pilih Convert to Shape.
Langkah 4
Gandakan layer bentuk teks empat kali.
Langkah 5
Aturlah layer bentuk persegi panjang dalam urutan dari bawah ke atas, dan gerakkan layer bentuk teks duplikasi untuk menempatkan masing-masing di bawah salah satu dari layer persegi panjang.
4. Cara Membuat Text Shape Sections
Langkah 1
Pilih layer bentuk persegi panjang pertama dan layer bentuk teksnya, dan pergi ke Layer> Combine Shapes> Unite Shapes at Overlap.
Ulangi itu untuk sisa layer yang Anda miliki.
Langkah 2
Pilih Direct Selection Tool, dan untuk setiap layer bentuk gabungan yang Anda miliki, pilih itu, klik ikon Path operations di Options bar, dan klik Merge Shape Components.
Langkah 3
Ganti nama layer bentuk dari bawah ke atas dengan angka dari 1 hingga 5.
5. Cara Membuat 3D Mesh Layers
Langkah 1
Untuk setiap layer bentuk, pilih dan pergi ke 3D> New 3D Extrusion from Selected Path.
Langkah 2
Pilih semua layer3D, buka 3D> Merge 3D Layers, dan ganti nama layer yang digabung menjadi 3D Scene.
Langkah 3
Untuk mengakses settings dan properties 3D mesh, Anda perlu membuka dua panel: panel 3D dan panel Properties (keduanya ditemukan di bawah menu Window).
Panel 3D memiliki semua komponen adegan 3D, dan ketika Anda mengklik nama salah satu dari itu, Anda akan dapat mengakses settings di Properties panel. Jadi pastikan untuk selalu memilih tab elemen yang ingin Anda modifikasi pada panel 3D sebelum Anda mengubah settings di Properties panel
Langkah 4
Pilih Move Tool untuk mengakses 3D Modes di sebelah kanan Options bar.
Setelah Anda memilih salah satunya, Anda dapat click-drag untuk melakukan perubahan pada elemen yang dipilih di 3D panel.
Gunakan 3D Modes untuk mengubah Current View ke angle yang Anda suka.
Langkah 5
Pilih semua tab 3D mesh di panel 3D, dan ubah Extrusion Depth mereka di Properties panel menjadi 1.
6. Cara Membuat 3D Steps
Langkah 1
Pilih mesh number 2, klik ikon Coordinate di bagian atas panel Properties, dan ubah X Rotation Angle menjadi 90.
Ulangi itu untuk mesh nomor 4 juga.
Langkah 2
Pilih tab Current View ini di panel 3D, dan pilih Right view preset dari View menu di Properties panel.
Langkah 3
Perbesar mesh yang ingin Anda pindahkan, pilih Move Tool, dan gunakan 3D Axis untuk menempatkan mesh di atas satu sama lain untuk membuat steps shape.
Arrows di ujung sumbu memindahkan mesh, bagian di bawahnya digunakan untuk rotasi, dan kubus digunakan untuk scaling. Kubus di tengah digunakan untuk skala objek secara uniformly. Yang perlu Anda lakukan hanyalah klik dan drag bagian yang ingin Anda gunakan.
Langkah 4
Setelah Anda selesai, kembali ke Default camera view.
Pilih semua tab mesh 3D, dan klik ikon menu 3D panel untuk memilih Move Object to Ground Plane.
7. Cara Membuat Materi 3D
Langkah 1
Pilih semua tab Material yang Anda miliki, dan gunakan material settings ini (nilai warna yang digunakan dalam RGB):
- Diffuse: 128, 128, 128
- Specular: 51, 51, 51
- Shine: 80%
- Reflection: 25%
- Roughness: 60%
Langkah 2
Pilih tab 1 Front Inflation Material, klik ikon Diffuse texture, dan pilih Edit Texture.
Langkah 3
Ketika file terbuka, double-click shape layer untuk menerapkan efek Pattern Overlay dengan setting Pattern ke Handmade paper.
Langkah 4
Right-click the styled layer, dan pilih Copy Layer Style.
Save dan close file.
Langkah 5
Setelah itu, untuk setiap Front Inflation Material yang Anda miliki, pilih tabnya, klik ikon tekstur Diffuse, dan pilih Edit Texture untuk membuka file teksturnya.
Kemudian, right-click shape layer di file tekstur, pilih Paste Layer Style, dan save dan close file.
8. Cara Menyesuaikan 3D Scene's Lighting
Langkah 1
Klik tab Infinite Light 1, ubah Intensity menjadi 60%, dan uncheck pada Shadow box.
Langkah 2
Gunakan Move Tool untuk memindahkan cahaya ke sekitar sampai Anda mendapatkan hasil yang Anda suka, atau Anda dapat mengklik Coordinates icon di bagian atas Properties panel dan menggunakan nilai numerik sebagai gantinya.
Langkah 3
Pilih Environment tab, klik IBL texture icon, dan pilih Replace Texture untuk memuat Interior of a hotel spa reception 3D illustration image.
Langkah 4
Mengubah intensitas sampai 50%, dan memindahkan cahaya sekitar untuk mendapatkan hasil yang Anda suka.
Langkah 5
Pilih final camera angle yang Anda inginkan untuk pemandangan, dan masuk ke 3D> Render 3D Layer. Perenderan mungkin berlangsung beberapa saat, tetapi Anda dapat menghentikannya kapan saja dengan menekan tombol Esc.
9. Bagaimana Menambah Textures dan Make Adjustments
Langkah 1
Setelah rendering selesai, right-click layer 3D Scene, dan pilih Convert to Smart Object untuk menghindari perubahan yang tidak disengaja.
Langkah 2
Tempatkan Cement07-byGhostlyPixels.png dari paket Cement Grit Textures di atas layer 3D Scene, ubah ukurannya sesuai kebutuhan, dan klipkan ke sana.
Ubah Blend Mode layer tekstur menjadi Color Burn dan Opacity menjadi 16%.
Langkah 3
Pergi ke Filter > Blur > Gaussian Blur, dan menggunakan Radius value yang Anda suka.
Langkah 4
Tambahkan Levels adjustment layer di atas semua layer, dan ubah nilai Shadows ke 30 dan Highlights menjadi 245.
Langkah 5
Tambahkan Color Lookup adjustment layer, pilihlah tabel FoggyNight.3DL dari menu 3DLUT File, dan ubah Opacity layer menjadi 30%.
Langkah 6
Tambahkan Color Lookup adjustment layer, dan pilih tabel 2Strip.look dari menu 3DLUT File.
Langkah 7
Tempatkan 2.jpg image dari paket Abstract Spotlight Backgrounds di atas semua layer, ubah size sesuai kebutuhan, dan ubah Blend Mode layer-nya menjadi Color Burn dan Opacity menjadi 50%.
Selamat! Anda sudah selesai
Dalam tutorial ini, kita menggunakan shapes dan shape options untuk membuat bagian potongan teks yang kita ubah menjadi 3D meshes. Kemudian, kita memposisikan meshes untuk membuat langkah-langkah, menyesuaikan pengaturan materi, dan memodifikasi pencahayaan adegan untuk membuat hasil akhir. Akhirnya, kita menambahkan beberapa tekstur dan adjustment layers untuk menyelesaikan semuanya.
Silakan tinggalkan komentar, saran, dan hasil Anda di bawah ini.
