Cara Membuat Bokeh Text Effect

Pertama, sepertinya gambar yang saya buat contoh untuk tutorial Cara Membuat Bokeh Text Effect ini jelek sekali ya :3 nggak seperti tutorial saya yang sebelumnya.

Mungkin untuk mengakalinya kalian perlu melihat tutorial aslinya yang berbahasa Inggris ini dan melihat karya-karya yang berhubungan dengan "Bokeh" lainnya.

Kedua, saya hanyalah nubi abadi yang ingin sekali naik kelas hahaha.

Ketiga, blog ini bukan blog khusus The Sims, jadi kemaren sempet mbuat postingan selain The Sims juga, yaitu ini dan ini. (Gak perlu dibaca, jelek)

Dan keempat, ... apa ya lupa, padahal dari jauh-jauh hari udah nyiapin pidato panjang ini, tapi kenapa cuman ini yang keinget.

 

Ya udah lah kita langsung aja ngomongin tutorial Cara Membuat Bokeh Text Effect ini.

Jadi apa sih itu Bokeh? Bokeh diambil dari bahasa Jepang, istilah lainnya yaitu "selective focus" yang artinya adalah foto yang memiliki bidang fokus tipis dan dikelilingi area kabur yang indah. Istilah dalam fotografi nih. Foto Bokeh menonjolkan sebuah oyek utama yang fokusnya sangat tajam sementara latar belakang (dan atau depan) yang sangat kabur. Dan biasanya, bokeh menggunakan cahaya sebagai bantuan bluring untuk menghiasi objek sasaran fotografi. (Sum-ber)

Sekiranya itu definisinya, sekarang kita lanjut ke tutorialnya ya.
Berikut bahan-bahan yang saya pakai dalam pembuatan Bokeh Teks Effect ini.

• Phoroshop CS3
• Font Ethon dan Neou 
• Texture Bokeh "bokeh light texture free stock photo blur red orange pink.jpg"
   

Kalau sudah, sekarang ikuti tutorial dibawah ini ya!

1. Buka dokumen baru pada software Photoshop, terserah berapa ukuran kanvasnya, kalo saya 1366x786 pixel. Warnai kanvas dengan Gradient Tool, dan pilih Radial Gradient. Untuk warnanya, pakai warna yang sekiranya gelap dan senada dengan warna texture Bokeh yang akan digunakan.
   
   
2. Ambil texture Bokeh, dan jadikan Blend Modenya ke Overlay
3.  Tulis sebuah kata (atau lebih -_-) menggunakan font Eth/Ethon, buat ukuran yang besar dan Tracking/jarak antar huruf yang lebar (yang saya lingkari)
   
   
4. Buat layer baru dan beri nama “Bokeh” atau terserah, letakkan posisi layer di paling atas.
5. Klik Brush Tool (B), dan kita edit tip brushnya dengan cara mengeklik menu Window > Brushes. Dan berikut adalah aturannya.
   
   • Brush Tip Shape, tambah diameter jika ingin bulatan-bulatan yang mengisi Teks lebih besar dari contoh (liat gambar selanjutnya)
     
     
   • Shape Dynamics
     
   • Scattering
     
   • Color Dynamics
     
   • Other Dynamics.
     
     
     Khusus untuk Other Dynamic, ini karena saya pake Photoshop versi CS3 jadi bukan option Transfer. Disini kita menggeser Flow Jitternya jadi 100%, dan gunanya Flow Jitter disini yaitu untuk membuat brush yang kita coretkan menjadi paduan warna antara background dan foreground. Di tutorial aslinya, si pembuat menggunakan Photoshop CS6 dan option ini berubah nama menjadi Transfer. Untungnya Photoshop CS3 sudah ada fitur ini, kalau tidak pastinya tutorial ini tidak akan ada -_-
   • Centang Smoothing
6. Klik kanan layer Teks, dan klik Create Work Path. Interaksi ini akan membuat “garis” disepanjang tulisan yang nanti harus kita hapus lagi (dalam Photoshop CS3)
   Kemudian hidden layer ini/buat layer invisible dengan mengklik gambar mata yang terletak di samping kiri layer. Sehingga sekarang yang keliatan hanya garisnya saja.
7. Kemudian pilih layer Bokeh, pilih Direct Selection Tool.
   Gunakan Tool ini untuk mengklik kanan pada layer Bokeh, dan klik Stroke Path.
   Interaksi ini akan menuliskan/mencoretkan brush secara otomatis di kanvas mengikuti garis teks yang kita buat tadi.
   Kalau masih tidak puas dengan warna dan susunan bulatannya bisa diulangi langkah nomer 7 ini.
   
   
8. Hapus garis teks (jika masih ada, soalnya di tutorial aslinya nggak ada perintah buat menghapus kembali yang saya kira setelah melakukan interaksi nomer 7 garis ini akan hilang sendiri) dengan masih menggunakan Direct Selection Tool.
   Caranya yaitu tekan dan tahan cusor di salah satu sudut kanvas, lalu geser cusor sampai cusor membentuk kotak yang mencakup seluruh garis teks. Setelah semua garis teks terseleksi, hapus.
9. Sekarang kita memberi efek ke layer Bokeh.
   Klik kanan pada layer bokeh, dan klik Blending Options, beri Inner Glow. Blend Mode: Screen, dan beri warna sesuka kalian, Source: Center.
   
   
10. Kita beri sedikit efek blur pada layer bokeh ini utuk memberi efek yang seidkit realistik/seperti lampu hanya sedikit diberi fokus.
    Yaitu dengan cara mengklik menu Filter > Blur > Gaussian Blur.
    saya memberi radius 1,2 pixel, jika dianggap kurang bagus bisa diubah sesuai kehendak.
11. Nah sekarang sudah selesai, tinggal menambahkan teks lain jika diperlukan. Seperti petunjuk tutor yang asli, akan lebih bagus dika dipadukan dengan kata-kata ber-font Neou. Beri Soft-Light pada Blend Modenya.

Yup, dah jadi  Bokeh Text Effectnya, hasilnya jelek banget. Mungkin penulis harus belajar lebih banyak dari pembaca yang mungkin diantaranya adalah desain grafis yang udah kaplak ilmunya -_- (bahasa mana lagi itu?) 

 Ya udah lah semoga langkah-langkah di dalam tutorial ini ada yang berguna buat pembaca semua, semoga.