Buat Efek Teks Tulisan Lampu di Adobe Photoshop
Efek iluminasi adalah cara yang menyenangkan untuk membuat tipografi Anda lebih menarik. Dalam tutorial ini, saya akan menunjukkan cara membuat efek teks yang diterangi dengan jejak lampu kecil menggunakan beberapa alat Photoshop termasuk bentuk vektor, sikat, Layer Styles, dan Adjustment Layers. Mari kita mulai!
Tutorial Aset
Aset berikut digunakan selama pembuatan tutorial ini.
- Kode Bold font
- LandscapeArid0006 oleh Jonas De Ro.
- RustPaint0147 oleh Thierry Hof.
Sebelum Anda Mulai: Memuat Presets
Untuk informasi lebih lanjut tentang memuat preset, lihat tutorial ini tentang Preset Manager di Photoshop .
- Buka gambar RustPaint0147 di Photoshop lalu masuk ke Edit> Define Pattern untuk menambahkan tekstur sebagai pola pada preset Patterns .
- Untuk memuat Kontur , buka Edit> (Presets)> Preset Manager , dan pilih Contours dari menu drop down Preset Type . Kemudian, klik panah kecil di sebelah kanan menu drop-down Preset Type , dan klik Contours di dekat bagian bawah menu pop-up. Saat kotak dialog muncul setelah itu, klik Append .
- Untuk memuat Pola , buka Edit> (Presets)> Preset Manager , dan pilih Pola dari menu drop-down Preset Type . Kemudian, klik panah kecil di sebelah kanan menu drop-down Preset Type , dan klik Patterns di bagian bawah menu pop-up. Saat kotak dialog muncul setelah itu, klik Append .
1. Buat Background dan Text
Langkah 1
Buat dokumen 1200 x 1600 px baru dan menggunakan Resolusi nilai 300 . Atur warna Foreground ke
#35383fdan warna Background ke #1d1e23. Pilih Gradient Tool , pilih foreground to Background gradient fill, klik ikon Radial Gradient , dan centang kotak Dither untuk mendapatkan hasil yang lebih halus.
Kemudian, klik dan seret dari tengah dokumen ke salah satu sudut untuk membuat gradien latar belakang.
Langkah 2
Tempatkan gambar LandscapeArid0006 di atas layer Background, lalu pindahkan agar puncak gunung berada di dekat bagian bawah dokumen. Ubah Blend Mode layer gambar menjadi Multiply .
Langkah 3
Buka Image> Adjustments> Desaturate , lalu masuk ke Image> Adjustments> Levels , dan ubah nilai Gamma menjadi 1.15 .
Langkah 4
Buat teks menggunakan font Code Bold . Font dan ukuran font yang digunakan sangat penting untuk efek teks ini, karena mereka menentukan pengaturan sikat yang digunakan nanti di tutorial. Jadi, pastikan untuk menggunakan nilai yang sama, atau untuk mengubah pengaturan sikat agar sesuai dengan keluarga font atau ukuran yang Anda gunakan.
The Ukuran sini adalah 60pt , yang warna adalah
#422915, yang Tracking nilai adalah 100 , dan Kerning diatur untuk Optical .
Langkah 5
Gandakan layer teks.
2. Gaya Teks
Double klik layer teks copy untuk menerapkan Layer Style berikut ini:
Langkah 1 - Bevel dan Emboss
- Ukuran : 1
- Centang kotak Anti-alias
- Sorot Mode : Hamparan
- Opasitas : 70%
- Mode bayangan> Opasitas : 70%
Langkah 2 - Kontur
- Kontur : Cove - Dangkal
- Centang kotak Anti-alias.
- Rentang : 90%
Langkah 3 - Bayangan Batin
- Jarak : 0
- Ukuran : 10
Langkah 4
- Glow batin
- Blend Mode : Linear Light
- Opacity : 100%
- Warna :
#ffeed5 - Teknik : Tepat
- Sumber : Pusat
- Tersedak : 25
- Ukuran : 37
Langkah 5 - Hamparan Pola
- Mode Blend : Layar
- Opacity : 25%
- Pola : Awan
Langkah 6
Ini akan menata teks dengan efek cahaya dasar. Overlay Pola akan membantu menciptakan beberapa variasi kecerahan, sedangkan Inner Glow akan mengintensifkan cahaya di tengah teks, dan juga berfungsi sebagai panduan untuk menambahkan sikat dan jalur kerja berikutnya.
3. Buat Brush Tip
Langkah 1
Buat dokumen baru 500 x 500. Pilih Polygon Tool , ubah jumlah Sides menjadi 7, dan buat 320 x 320 black Heptagon .
Langkah 2
Pergi ke Edit> Define Brush Preset , dan ketik Brush for the Name . Anda kemudian dapat menutup dokumen ini dan kembali ke yang asli.
Langkah 3
Pilih Brush Tool dan buka panel Brush ( Window > Brush ). Pilih ujung kuas yang baru saja Anda definisikan, lalu ubah pengaturannya seperti gambar di bawah ini:
Langkah 4
Buat layer baru di atas semua lapisan dan menyebutnya Brush , dan atur warna Foreground ke
White. Apa yang harus Anda lakukan selanjutnya, isilah bagian teks lurus dan diagonal dengan sikat yang dimodifikasi.
Untuk mengisi bagian vertikal dan horizontal, klik di mana Anda ingin agar baris dimulai, tekan terus tombol Shift , lalu seret baris ke tempat yang Anda inginkan untuk diakhiri dan lepaskan semuanya.
Untuk mengisi bagian diagonal, klik sekali di mana Anda ingin agar baris mulai dan lepaskan, tekan terus tombol Shift , lalu klik satu kali lagi di mana Anda ingin baris diakhiri, dan lepaskan semuanya.
Selalu klik sebelum menekan tombol Shift untuk mencegah agar tidak terhubung bersamaan.
Langkah 5
Anda selalu dapat membatalkan baris yang tidak Anda sukai dan buat ulang.Langkah ini mungkin memakan waktu lama, namun memberikan hasil yang lebih akurat.
4. Isi Sisa Sisa
Sisa dari surat-surat itu akan diisi dengan membelai jalur kerja.
Langkah 1
Untuk huruf O , Anda cukup menggunakan Ellipse Tool , dengan pilihan Pathterpilih di Options bar, untuk membuat jalur kerja di tengah surat.
Langkah 2
Untuk huruf lainnya, Anda harus menggunakan Pen Tool (dengan pilihan Path terpilih) untuk membuat jalur kerja.
Klik sekali untuk menambahkan titik jangkar, dan klik dan seret untuk membuat kurva. Anda bisa menggunakan Inner Glow dari huruf-huruf sebagai referensi untuk menambahkan jalan. Anda tidak harus membuatnya sempurna karena kita akan membahasnya lebih lanjut lagi.
Langkah 3
Hal penting yang perlu diperhatikan saat membuat jalur kerja adalah dengan menciptakan semuanya (untuk semua bagian teks yang dibutuhkan) sebelum membelai salah satu dari keduanya. Jalan kerja yang dibuat sekarang akan digunakan lagi nanti di tutorial. Jadi mereka semua harus diciptakan pada saat bersamaan.
Untuk dapat memisahkan jalur kerja, tekan terus tombol Command / Ctrl dan klik sekali di luar setiap jalur saat Anda selesai membuatnya. Ini akan memisahkan jalan kerja yang Anda buat dari yang akan Anda buat selanjutnya.
Langkah 4
Setelah membuat semua jalur kerja, pilih Direct Selection Tool , lalu mulai memodifikasinya.
Anda dapat mengeklik dan menyeret titik anchor untuk memindahkannya, atau Anda dapat mengeklik Titik Arah di ujung Kedua Penanganan Arah , lalu pindahkan mereka untuk mengubah orientasi kurva, atau seret ke arah luar dan ke dalam untuk membuat melengkung lebih lebar atau sempit.
Anda bisa menggunakan Add / Delete Anchor Point Tool jika diperlukan juga.
Langkah 5
Bila Anda menyukai bagaimana jalan terlihat, pilih Brush Tool lagi, pastikan bahwa lapisan Brush dipilih, lalu tekan tombol Enter / Return untuk menggeser jalur kerja.
Kemudian, gunakan Eraser Tool untuk menyingkirkan bagian yang tidak diinginkan / tumpang tindih, dan gantilah dengan menambahkan kembali heptagons menggunakan Brush Tool .
Anda bisa menyingkirkan jalur kerja dengan memilih Direct Selection Tool dan menekan tombol Enter / Return .
Langkah 6
Setelah Anda selesai memodifikasi stroke, ubah nilai Isi Brush layer menjadi 0 , lalu duplikatlah.
5. Styling the Bulbs
Langkah 1 - Bevel dan Emboss
Klik dua kali layer Brush untuk menerapkan Layer Style berikut ini:
- Teknik : Chisel Hard
- Ukuran : 3
- Gloss Contour : Cone - terbalik
- Centang kotak Anti-alias
- Sorot Mode : Hard Light
- Mode bayangan - Opacity : 0%
Langkah 2 - Kontur
- Kontur : Cone - terbalik
- Centang kotak Anti-alias.
Langkah 3 - Bayangan Batin
- Blend Mode : Linear Light
- Warna :
#ffe1a5 - Jarak : 0
- Ukuran : 3
Langkah 4 - Inner Glow
- Blend Mode : Linear Light
- Warna :
#fffffd - Sumber : Pusat
- Ukuran : 7
Langkah 5 - Outer Glow
- Blend Mode : Hard Light
- Opacity : 100%
- Warna :
#ffeac7 - Ukuran : 1
Langkah 6
Ini akan menonjolkan bagian bercahaya dari bola lampu (heptagons).
Langkah 7 - Bevel dan Emboss
Klik dua kali layer copy Brush untuk menerapkan Layer Style berikut ini:
- Hapus tanda centang pada kotak Use Global Light
- Angle : 105
- Ketinggian : 48
- Centang kotak Anti-alias
- Sorot Mode : Vivid Light
- Opacity : 100%
- Mode bayangan - Opacity : 0%
Langkah 8 - Kontur
- Kontur : Cone - terbalik
- Centang kotak Anti-alias.
Langkah 9
Ini akan menciptakan kaca umbi.
6. Sikat Refleksi
Langkah 1
Pilih Brush Tool , lalu buka pemetik Brush Preset dan klik ikon menu pop-up ke pojok kanan atas. Pilih brushes Square yang ada di menu dan klik Appenduntuk menambahkannya ke sikat lain yang Anda miliki.
Langkah 2
Pilih sikat persegi 3px dan ubah pengaturannya di panel Brush seperti yang ditunjukkan di bawah ini. Ini mungkin sedikit rumit karena kita membutuhkan sikat persegi untuk ditambahkan ke pusat setiap heptagon. Jadi nilai Spacingperlu disesuaikan sampai hasilnya tercapai.
Untuk tutorial ini, nilai yang digunakan untuk itu adalah 700 . Tapi Anda pasti bisa mencoba nilai lain jika yang satu ini tidak bekerja untuk Anda.
Langkah 3
Buat layer baru di atas semua lapisan dan atur warna Foreground menjadi warna merah terang. Setelah itu, ikuti langkah yang sama yang digunakan untuk ujung sikat heptagon untuk mengisi teks dengan ujung persegi.
Pastikan untuk menempatkan ujung sikat di tengah heptagon saat Anda mengklik untuk menambahkannya sebelum menyeret.
Langkah 4
Untuk mendapatkan jalur kerja kembali dan memasukkan huruf jalur kerja, buka panel Paths ( Window > Paths ), dan klik tab Work Path .
Langkah 5
Kembali ke panel Lapisan dan tempelkan jalur kerja, lalu perbaiki masalah seperti yang Anda lakukan untuk tip kuas heptagon.
Langkah 6
Setelah selesai menambahkan tip persegi, atur warna Foreground ke
#fff5e9, pilih Paint Bucket Tool , hapus kotak Contiguous di Options bar, letakkan kursor mouse di dalam salah satu kotak, dan klik untuk mengisinya dengan Warna foreground
Ini bukan cara yang tepat untuk mengubah warnanya, tapi akan membuat beberapa variasi karena itu.
Jika menginginkan hasil yang lebih tepat, Anda bisa menerapkan efek Overlay Warna dengan warna yang sama (# fff5e9), lalu rasterize layer setelah itu.
7. Buat Refleksi
Langkah 1
Tarik lapisan sikat persegi tepat di bawah lapisan Kuas , lalu ganti namanya menjadi 0 . Buat 3 salinan lagi dari lapisan itu, dan ganti namanya menjadi 90 , 45 , dan -45 . Nama mewakili nilai yang akan digunakan untuk nilai SudutMotion Blur untuk setiap lapisan.
Langkah 2
Pilih layer 0 dan masuk ke Filter> Blur> Motion Blur . Ubah Angle menjadi 0 dan Jarak ke 30 .
Langkah 3
Lakukan hal yang sama untuk lapisan lainnya, tapi pastikan untuk menggunakan nilai Sudut dari nama lapisan yang dipilih.
Kemudian pilih keempat layer Motion Blur dan masuk ke Layer> Merge Layers . Ubah nama layer gabungan menjadi Light .
Langkah 4
Pilih Smudge Tool , pilih sikat bulat lembut 5px , dan atur nilai Strength menjadi 100 . Klik dan seret baris untuk mengisi setiap sudut kosong.
Langkah 5
Command / Ctrl- klik thumbnail layer teks untuk membuat pilihan.
Langkah 6
Buka Select> Modify> Contract dan ketik 1 . Ini akan mengontrak seleksi 1pixel.
Langkah 7
Buka Select> Inverse , lalu tekan tombol Delete , dan masuk ke Select> Deselect untuk menyingkirkan seleksi.
Langkah 8
Gandakan layer Light dan ubah Blend Mode menjadi Overlay, lalu duplikat layer copynya.
Langkah 9
Hal ini akan mengintensifkan pantulan cahaya.
8. Buat Metal Bars
Langkah 1
Atur warna Foreground ke
#151414, pilih Rectangle Tool , dan buatlah bilah-bilah setinggi 11-px di belakang teks. Setiap baris teks harus memiliki dua persegi panjang di belakangnya: Satu di dekat bagian atas dan satu di dekat bagian bawah. Garis harus meluas di luar sisi kanan dan kiri teks.
Pastikan untuk memilih opsi Combine Shapes di Options bar untuk membuat semua persegi panjang dalam satu lapisan.
Langkah 2
Ubah nama layer persegi panjang menjadi Horizontal dan pastikan untuk meletakkannya di bawah layer teks, lalu buat layer baru di bawahnya dan ganti namanya menjadi Vertical .
Langkah 3
Buat dua persegi panjang vertikal 15-px di kedua ujung garis horizontal, dan pastikan untuk menyeret sisi bawah ke bagian bawah dokumen.
Langkah 4
Buat layer baru lagi antara Lapisan Horizontal dan Vertikal , sebutlah Center , dan tambahkan dua bilik 11-px lebar di tengah tengah horizontal.
9. Gaya Bilah Logam
Langkah 1 - Bevel dan Emboss
Double klik layer Horizontal untuk menerapkan Layer Style berikut ini:
- Teknik : Chisel Hard
- Ukuran : 1
- Centang kotak Anti-alias
- Sorot Mode : Hard Light
Langkah 2 - Kontur
- Kontur : Cove - Dangkal
- Centang kotak Anti-alias.
Langkah 3 - Satin
- Mode Blend : Vivid Light
- Warna :
#e1c543 - Kontur : Langkah Rounded
Langkah 4 - Gradient Overlay
- Blend Mode : Soft Light
- Opacity : 60
- Gaya : Radial
- Skala : 150%
- Gunakan fillet gradien Transparan sampai Hitam (dengan warna Hitam di kedua sisi gradien).
Langkah 5 - Hamparan Pola
- Blend Mode : Overlay
- Opacity : 100%
- Pola : RustPaint0147
Langkah 6
Ini akan gaya bar horizontal.
Langkah 7 - Bevel dan Emboss
Double klik layer Vertical untuk menerapkan Layer Style berikut ini:
- Teknik : Chisel Hard
- Ukuran : 1
- Centang kotak Anti-alias
- Sorot Mode : Hamparan
Langkah 8 - Kontur
- Kontur : Cove - Dangkal
- Centang kotak Anti-alias.
Langkah 9 - Hamparan Pola
- Blend Mode : Overlay
- Opacity : 100%
- Pola : RustPaint0147
Langkah 10
Klik kanan layer Vertikal dan pilih Copy Layer Style .
Langkah 11
Klik kanan layer Center dan pilih Paste Layer Style .
10. Tambahkan Shadows
Langkah 1
Command / Ctrl- klik thumbnail layer Center untuk membuat pilihan, lalu Command / Ctrl - Shift - klik thumbnail layer vertikal untuk menambahkannya ke pilihan.
Langkah 2
Buat layer baru di atas layer Center , sebut saja Shadow , dan ubah Blend Modemenjadi Multiply . Atur warna Foreground ke
#959595, pilih Brush Tool , dan pilih tip bulat 100 - 125 px .
Klik sekali untuk menambahkan bayangan di mana pun garis vertikal dan horizontal bertemu. Setelah selesai, pergi ke Select> Deselect .
Langkah 3
Double klik layer teks asli dan menerapkan efek Drop Shadow :
- Opacity : 100%
- Jarak : 0
- Spread : 20
- Ukuran : 30
Langkah 4
Buka Layer> Layer Style> Create Layer . Ini akan menempatkan efek drop shadow pada layer yang terpisah. Hapus layer teks asli.
Langkah 5
Command / Ctrl- Klik thumbnail layer Horizontal untuk membuat pilihan, pastikan layer drop shadow dipilih, masuk ke Select> Inverse , lalu tekan Deleteuntuk menyingkirkan bayangan di luar garis horizontal.
Langkah 6
Pergi ke Select> Deslect , dan ganti nama layer drop shadow menjadi Text Shadow .
11. Tambahkan Lampu
Langkah 1
Buat layer baru di bawah layer Text Shadow dan menyebutnya Text Light . Ubah Blend Mode menjadi Soft Light dan Opacity menjadi 50%. Atur warna Foreground ke
#c0b99d.
Langkah 2
Pilih Brush Tool , dan gunakan sikat bulat 250 px untuk menambahkan beberapa cahaya di belakang teks.
Langkah 3
Ubah warna Foreground menjadi
#c9b47d, dan brush Size menjadi nilai yang sangat besar (1800). Buat layer baru di atas semua lapisan dan menyebutnya Light Overlay . Ubah Blend Mode menjadi Overlay dan Opacity menjadi 70% .
Kemudian, klik sekali di bagian tengah dokumen untuk menambahkan lampu. Ini akan meningkatkan warna dan kecerahan hasil akhir, dan membuat detail dan tekstur pop sedikit lebih.
Langkah 4
Klik ikon Create New Fill atau Adjustment Layer di panel Layers dan pilih Gradient Map .
Langkah 5
Ubah layer Blend Mode menjadi Overlay dan Opacity menjadi 20% .
Langkah 6
Untuk membuat Gradient, gunakan nilai Warna dan Lokasi berikut :
#c6baac- 0#ffc960- 50#ffe64b- 88
Langkah 7
Sekali lagi, klik ikon Create New Fill atau Adjustment Layer , tapi kali ini, pilih Gradient .
Langkah 8
Gunakan fillet gradien Transparan sampai Hitam, dengan warna
Whiteke kiri dan Blackke kanan, ubah Style to Radial dan centang kotak Dither .
Tempatkan lapisan penyesuaian tepat di bawah lapisan teks, ubah Blend Modemenjadi Overlay dan Opacity menjadi 25% .
Selamat! Kamu sudah selesai.
Dalam tutorial ini, saya menunjukkan cara membuat efek teks yang diterangi dengan menggunakan beberapa teknik di Photoshop. Saya harap Anda belajar sesuatu dari tutorial ini dan bisa menggunakan teknik yang saya tunjukkan pada efek teks Anda sendiri.
Komentar
Posting Komentar