Cara Membuat Efek Teks 3D Marquee Bulb Sign di Adobe Photoshop
Indonesian (Bahasa Indonesia) translation by Adya Rosyada Yonas (you can also view the original English article)



Tutorial ini akan menunjukkan beberapa tip dan trik untuk membuat efek teks marquee bulb dengan menggunakan alat dan pengaturan 3D Photoshop, bersama dengan beberapa gambar, tekstur, style layer, dan layer yang disesuaikan. Mari kita mulai!
Efek teks ini terinspirasi oleh banyak Layer Styles yang tersedia di GraphicRiver.
Aset Tutorial
Aset berikut digunakan selama pembuatan tutorial ini:
- font Burford Base
- Gambar BrickSmallBrown0478 - 1
- Metal gradient seamless textures oleh jojo-ojoj
- Huruf E Bulbs oleh makamuki0
- Bulb oleh ivoxis
- Fireworks0023 (gunakan gambar yang Anda sukai)
1. Cara Menyesuaikan Background Tekstur
Langkah 1
Buat dokumen 1000 x 750px baru, buka File> Place Linked, dan buka gambar BrickSmallBrown0478 untuk menambahkannya sebagai Smart Object.
Ubah ukuran gambar untuk mengisi dokumen dan tekan tombol Return.



Langkah 2
Buka Image> Adjustments> Hue / Saturation, dan ubah nilai Lightness menjadi -65.



Langkah 3
Klik dua kali layer BrickSmallBrown0478 untuk menerapkan efek Color Overlay dengan pengaturan ini:
- Color: #e0e0e0
- Blend Mode: Linear Burn



Ini akan menciptakan tekstur background yang gelap.



2. Cara Membuat Teks 3D yang Dapat Diedit
Langkah 1
Buat teks di All Caps menggunakan font Burford Base. Ubah Ukuran menjadi 450 pt dan Pelacakan ke -75.



Langkah 2
Buka 3D> New 3D Extrusion dari Selected Layer.
Ini akan mengubah jenis layer menjadi lapisan 3D yang dapat diedit.



3. Cara Kerja Dengan Adegan 3D
Langkah 1
Untuk mengakses pengaturan dan properti 3D mesh, Anda harus membuka dua panel: panel 3D dan panel Properties.
Panel 3D memiliki semua komponen dari scene 3D, dan ketika Anda mengklik nama salah satu dari mereka, Anda akan dapat mengakses pengaturannya di panel Properties. Jadi pastikan selalu memilih tab elemen yang ingin Anda modifikasi di panel 3D sebelum mengubah pengaturannya di panel Properties.



Langkah 2
Jika Anda memilih Move Tool, Anda akan menemukan satu set Mode 3D untuk itu di sebelah kanan bar Options.
Bila Anda memilih salah satunya, Anda kemudian dapat mengeklik dan menyeret untuk melakukan perubahan (pada elemen yang dipilih di panel 3D).
Gunakan mode tersebut untuk mengubah Current View menjadi sudut yang Anda suka.



4. Cara Menyesuaikan Pengaturan Mesh dan Cap 3D
Langkah 1
Pilih tab text mesh di panel 3D, dan ubah Extrigment Depth di panel Properties menjadi 0.



Langkah 2
Klik ikon Cap di bagian atas panel Properties untuk mengakses pengaturannya.



Langkah 3
Klik pemetik Contour untuk membuat kontur kustom.
Setelah Contour Editor terbuka, klik pada baris yang harus Anda tambahkan sebuah poin.



Langkah 4
Dengan titik tambahan yang dipilih, centang kotak Corner di bagian bawah.



Langkah 5
Tambahkan titik lain dan periksa juga kotak Corner-nya.



Langkah 6
Selanjutnya, Anda akan memilih masing-masing poin yang Anda tambahkan, dan ketik nilai Input dan Output di bagian bawah.
Nilai untuk titik di sebelah kiri adalah:
- Input: 5
- Output: 95
Nilai untuk titik di sebelah kanan adalah:
- Input: 95
- Output: 95
Klik OK setelah anda selesai.



Langkah 7
Ubah nilai Bevel Width menjadi 12 dan Angle menjadi 85%.
Anda juga dapat menggunakan nilai lain yang Anda suka jika Anda ingin mendapatkan hasil yang berbeda.



5. Cara Membuat Material Tekstur
Langkah 1
Pilih tab text mesh Front Inflation Material, dan klik ikon folder Diffuse di panel Properties untuk memilih Load Texture.
Buka gambar misto 1.jpg dari paket tekstur Metal gradient seamless.



Langkah 2
Klik ikon tekstur Diffuse dan pilih Edit UV Properties.



Langkah 3
Sesuaikan nilai Tile dan Offset untuk mendapatkan hasil yang Anda sukai.



Langkah 4
Untuk sisa pengaturan, gunakan nilai-nilai berikut (nilai warna yang digunakan ada di RGB):
- Specular: 135, 59, 33
- Illumination: 191, 96, 27 - Intensity -4.77
- Shine: 70%
- Reflection: 3%



6. Cara Menyimpan dan Mengaplikasikan Ulang Materi 3D
Langkah 1
Klik kotak Material Picker, klik ikon menu pop-up, dan pilih New Material.



Langkah 2
Ketik Front dan Back Material di kolom Name, dan klik OK.
Ini akan menambahkan materi ke picker sehingga Anda dapat mengajukan permohonan kembali nanti.



Langkah 3
Pilih tab Back Inflation Material, buka Material Picker, scroll ke bawah ke ikon Front and Back Material, dan klik untuk menerapkannya.



7. Cara Membuat Material Lebih Bertekstur
Langkah 1
Klik tab Front Bevel Material, klik ikon folder Diffuse-nya, dan pilih Load Texture untuk membuka gambar d.jpg dari paket Metal gradient seamless textures.



Langkah 2
Pilih tab Extrusion dan Back Bevel Material, klik ikon folder Diffuse, dan pilih nama tekstur d dari daftar.



Langkah 3
Pilih tab Front Bevel, Extrusion, dan Back Bevel Material, dan gunakan pengaturan ini:
- Specular: 104, 86, 64
- Illumination: 191, 96, 27 - Intensity -4.77
- Shine: 85%
- Reflection: 20%
- Refraction: 1.536%



Langkah 4
Pilih hanya tab Extrusion and Back Bevel Material, dan ubah nilai Shine menjadi 30%.



8. Cara Menyesuaikan Pencahayaan Scene 3D
Langkah 1
Pilih tab Infinite Light 1, dan ubah Intensity menjadi 50% dan Softness Shadow menjadi 100%.



Langkah 2
Gunakan Move Tool untuk memindahkan cahaya ke sudut yang Anda suka, atau Anda bisa mengklik ikon Coordinates di bagian atas panel Properties untuk menggunakan nilai numerik.



9. Cara Menyesuaikan Pengaturan 3D Miscellaneous
Langkah 1
Karena kita menggunakan Bevel Contour untuk membuat jala 3D, tanpa Extrusion Depth, mungkin ada beberapa garis acak yang muncul di seluruh teks.
Untuk menghilangkan garis itu, klik tab Scene, dan di bawah Remove Hidden: di panel Properties, centang kotak Backfaces dan Lines.



Langkah 2
Karena kita akan menambahkan bola lampu secara manual menggunakan stok gambar yang ada, maka akan sulit untuk mencocokkan perspektif teks 3D.
Ada dua cara untuk memperbaikinya. Anda dapat memilih tab Custom View dan memilih Front preset dari menu View.



Atau Anda dapat menyesuaikan tampilan kamera secara manual menggunakan Mode 3D Move Tool, lalu klik tab Current View, dan klik ikon Orthographic.



10. Cara Merender dan Mengubah Scene Rendered 3D
Langkah 1
Setelah selesai melakukan penyesuaian dan perubahan, buka 3D> Render 3D Layer. Perenderan mungkin memerlukan beberapa saat, namun Anda dapat menghentikannya kapan saja dengan menekan tombol Esc.
Setelah rendering selesai, klik kanan layer 3D dan pilih Convert to Smart Object untuk menghindari perubahan yang tidak disengaja.



Klik dua kali layer 3D untuk menerapkan gaya layer berikut:
Langkah 2
Tambahkan Outer Glow dengan setelan ini:
- Blend Mode: Linear Light
- Opacity: 7%
- Color: #ffcb8d
- Size: 131



Langkah 3
Tambahkan Drop Shadow dengan pengaturan ini:
- Opacity: 75%
- Hilangkan centang pada kotak Use Global Light
- Angle: 63
- Distance: 6
- Size: 10



Ini akan menata teks 3D.



11. Cara Membuat Efek Vintage
Langkah 1
Klik ikon Create new fill atau adjustment layer di bagian bawah panel Layers dan pilih Solid Color.
Atur Fill Color menjadi Black, dan ubah Blend Mode layer menjadi Soft Light dan Opacity menjadi 50%.



Langkah 2
Pilih Elliptical Marquee Tool dan buat seleksi di sekitar teks.
Pilih thumbnail layer mask Solid Color, dan isi seleksi dengan Hitam.
Tekan Command-D untuk membatalkan pilihan.



Langkah 3
Dengan thumbnail mask yang masih dipilih, buka panel Properties, dan tingkatkan nilai Feather untuk menghaluskan tepi dan buat efek vintage.



12. Cara Menambahkan Lampu Bohlam
Langkah 1
Buka gambar Letter E Bulbs, dan gunakan Elliptical Marquee Tool untuk memilih bola lampu di bagian atas huruf.
Buka Edit> Salin untuk menyalin pilihan.



Langkah 2
Kembali ke dokumen 3D asli, pergi ke Edit> Paste, ganti nama layer menjadi Bulb 01, dan ubah ke Smart Object.



Langkah 3
Klik dua kali thumbnail Smart Object untuk membuka file bola lampu, dan pergi ke Image> Image Size untuk mengubah nilai Lebar dan Tinggi menjadi 56.



Langkah 4
Bergabunglah dengan Sharon Milne saat dia membagikan proses pembuatan potret vektor di Adobe Illustrator. Pelajari cara menggambar subjek Anda menggunakan Pen Tool, dan kemudian secara bertahap membawanya ke kehidupan menggunakan panel Appearance.



Langkah 5
Klik dua kali layer Bulb 01 untuk menerapkan efek Inner Glow dengan pengaturan ini:
- Blend Mode: Linear Dodge (Add)
- Opacity: 25%
- Color: #fff2e3
- Source: Center
- Size: 27



Langkah 6
Simpan file dan tutup untuk kembali ke dokumen aslinya.



13. Cara Membangun Layer Styles dan Menggandakan Objek
Langkah 1
Tempatkan gambar bohlam di dalam huruf pertama yang Anda miliki, tekan Command-T untuk masuk ke Free Transform Mode, dan ubah ukuran bohlam sesuai kebutuhan.
Tekan tombol Return saat selesai.



Klik dua kali layer Bulb 01 Smart Object untuk menerapkan gaya layer berikut:
Langkah 2
Tambahkan Outer Glow dengan setelan ini:
- Blend Mode: Linear Light
- Opacity: 75%
- Color: #ffcb8d
- Size: 20



Langkah 3
Tambahkan Drop Shadow dengan pengaturan ini:
- Opacity: 35%
- Hapus centang pada kotak Use Global Light
- Angle: 63
- Distance: 6
- Size: 7



Ini akan memberikan gaya pada bohlam.



Langkah 4
Tekan terus tombol Option, dan klik-tarik bohlam untuk menduplikatnya.



Langkah 5
Ulangi untuk meniru bola lampu dan isi teks dengan itu.
Setelah selesai, letakkan semua layer bohlam lampu dalam sebuah kelompok dan beri nama Bulbs.



14. Cara Menambahkan Bohlam Lampu yang Tidak Terang
Langkah 1
Buka gambar Bulb, dan gunakan Elliptical Marquee Tool untuk memilih bagian dalam bohlam, dan salin.



Langkah 2
Tempelkan bohlam yang disalin ke dalam dokumen aslinya, ganti namanya menjadi Bulb 02, dan ubah menjadi Smart Object.
Ubah ukuran gambar Bulb 02 agar sesuai dengan ukuran Bulb 01.
Kemudian, sembunyikan layer Bulb 01 dan tempatkan Bulb 02 pada tempatnya.



Klik dua kali gambar Bulb 02 untuk menerapkan gaya layer berikut:
Langkah 3
Tambahkan Inner Shadow dengan pengaturan ini:
- Blend Mode: Linear Light
- Color: #b8b8b8
- Opacity: 100%
- Distance: 0
- Size: 10



Langkah 4
Tambahkan Inner Glow dengan pengaturan ini:
- Blend Mode: Linear Dodge (Add)
- Opacity: 55%
- Color: #ffffff
- Source: Center
- Size: 13



Langkah 5
Tambahkan Outer Glow dengan setelan berikut:
- Blend Mode: Linear Light
- Opacity: 5%
- Color: #ffcb8d
- Size: 20



Langkah 6
Tambahkan Drop Shadow dengan pengaturan ini:
- Opacity: 35%
- Hapus tanda centang pada kotak Use Global Light
- Angle: 63
- Distance: 6
- Size: 7



Ini akan memberikan gaya pada bohlam lampu kedua, tapi kita masih perlu menyingkirkan area gelap.



Langkah 7
Klik dua kali layer Bulb 02 lagi untuk menyesuaikan Blending Options-nya.
Kita akan menyesuaikan slider Layer ini di bawah bagian Blend If, yang akan membantu melindungi area gelap dari layer Bulb 02 agar tidak berinteraksi dengan layer lainnya.
Untuk melakukannya, tekan terus tombol Option, dan klik-seret slider kiri untuk membaginya.
Kemudian, pindahkan kedua ujungnya hingga tidak ada area gelap yang terlihat.



Anda harus berakhir dengan sesuatu seperti ini:



15. Cara Menambahkan Percikan
Langkah 1
Tempatkan gambar Fireworks0023 di atas layer Bulb 02, ubah Blend Mode layer-nya menjadi Screen, dan ubahlah sesuai keinginan Anda.



Langkah 2
Duplikat layer Bulb 02, dan tambahkan lebih banyak layer bunga api untuk membuat beberapa bola lampu yang lebih gelap di atas teks.



16. Cara Menambahkan Penyesuaian Global
Langkah 1
Tambahkan layer baru di atas semua layer dan beri nama itu Noise.
Buka Edit> Fill, ubah Fill menjadi 50% Grey, dan klik OK.



Langkah 2
Convert layer Noise menjadi Smart Object dan ubah Blend Mode menjadi Soft Light.



Langkah 3
Buka Filter> Noise> Add Noise. Ubah Amount ke 3 dan Distribution ke Gaussian, dan centang kotak Monochromatic.



Langkah 4
Tambahkan layer penyesuaian Color Lookup, pilih tabel 3Strip.look dari menu File 3DLUT, dan ubah Opacity layer menjadi 85%.



Selamat, Anda sudah selesai!
Dalam tutorial ini, kami menyesuaikan tekstur sederhana untuk membuat background dan membuat mesh 3D dari layer teks.
Kemudian, kita sesuaikan pengaturan mesh 3D, membuat bahannya, menyesuaikan pencahayaan dan pengaturannya, dan melakukan render.
Setelah itu, kita menggunakan beberapa gambar, bersamaan dengan layer adjustment dan layer style, untuk menambahkan bohlam ke teks.
Akhirnya, kita tambahkan beberapa penyesuaian global untuk menyelesaikan efeknya.
Jangan ragu untuk meninggalkan komentar, saran, dan hasil di bawah ini.



