Tipografi Batik pada Tekstur Kayu

Pada tutorial photoshop kali ini kita akan membuat tekstur kayu yang kemudian akan kita gunakan untuk membuat sebuah kreasi tulisan. Dalam kreasi tulisan tersebut kita akan menggunakan motif kain batik, sebuah karya seni kebanggaan bangsa kita tercinta Indonesia.

Peview Hasil Akhir Gambar

Sebelum memulai langkah-langkahnya telebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Atau lihat gambar dalam ukuran sebenarnya.

belajar photoshop tipografi batik pada tekstur kayu

Membuat Tekstur Kayu

Langkah 1

Pertama kali kita akan membuat tekstur kayu dengan ukuran besar. Kita mulai dengan membuat dokumen photoshop baru dengan ukuran lebar 6000px dan tinggi 6000px dengan resolusi 300ppi. Kita pilih background transparent.
Ubah warna foreground dengan coklat gelap (#48403a) dan untuk background kita pakai warna coklat yang lebih muda (#ac9f92). Dengan Paint Bucket Tool penuhi background dokumen dengan warna foreground (#48403a), kemudian pada menu bar pilih Filter > Render > Fibers. Ubah setting menjadi Variance 12.0 dan Strength 34.0

belajar photoshop tipografi batik pada tekstur kayu

akan kita dapatkan gambar seperti berikut

belajar photoshop tipografi batik pada tekstur kayu

Langkah 2

Sekarang kita akan membuat tekstur tersebut menjadi lebih gelap. Buat layer baru dengan mengklik Layer > New Adjustment Layer > Gradient Map. Ubah Belnding Mode layer baru ini menjadi Overlay dan Opacity sebesar 50%.

belajar photoshop membuat tekstur kayu

Langkah 3

Langkah terakhir, buat layer baru dengan Layer > New Fill Layer > Solid Color. pilih warna #633a1c kemudian set Blending Mode menjadi Multiply. Akan kita dapatkan tekstur kayu seperti berikut. Tekstur yang sudah jadi dalam bentuk jpg dapat didownload disini.

belajar photoshop membuat tekstur kayu

Membuat Tipografi Batik pada Tekstur Kayu

Langkah 1

Buat dokumen photoshop baru dengan ukuran 1920 x 1200 pixel. Buka gambar tekstur kayu tekan Ctrl+A untuk menyeleksi lalu Copy dan Paste pada dokumen baru yang sudah kita buat. Gunakan Horizontal Type Tool, ketik BATIK. Disini saya gunakan font Bastarda-K.

belajar photoshop tipografi batik pada tekstur kayu

Langkah 2

Taruh gambar batik sebagai layer dibawah layer tulisan BATIK dan beri nama layer baru ini dengan motif batik. Duplikat layer motif batik menjadi 4 layer. Tekan Ctrl+T untuk mengubah ukuaran layer dan susun hingga tampak seperti berikut.

belajar photoshop tipografi batik pada tekstur kayu

gabung keempat layer menjadi 1 dengan cara pilih semua layer pada palet layer, klik kanan dan pilih Merge Layers. Beri nama layer gabungan ini dengan motif batik. Kemudian pindah posisi layer motif batik ke atas layer BATIK.

Langkah 3

Buat seleksi berbentuk tulisan BATIK dengan mengklik pada thumbnail layer BATIK sambil menekan Ctrl. Pilih Select > Modify > Contract dan isi dg 2 px.

belajar photoshop tipografi batik pada tekstur kayu

Tambahkan Layer Mask pada layer motif batik dengan mengklik Add Layer Mask yang berada dibawah layer palet. akan didapat gambar seperti berikut.

belajar photoshop tipografi batik pada tekstur kayu

Langkah 4

Klik dua kali pada layer BATIK untuk memunculkan window Layer Style. Pilih Bevel and Emboss atur seperti yang terlihat pada gambar dibawah. Pilih juga Color Overlay dan gunakan warna #9d5131.

belajar photoshop tipografi batik pada tekstur kayu

Langkah 5

Tambahkan layer baru dibawah layer BATIK beri nama border. Buat seleksi lagi seperti langkah ketiga tapi kali ini pilih Select > Modify > Expand sebesar 10 px. Dengan Paint Bucket Tool penuhi area terseleksi dengan warna putih #FFFFFF.

belajar photoshop tipografi batik pada tekstur kayu

Langkah 6

Tambahkan layer style Bevel and Emboss dan Inner Glow pada layer border dengan setting seperti nampak pada gambar kemudian ganti Blending Modenya menjadi Soft Light

belajar photoshop tipografi batik pada tekstur kayu

Hasil Akhir

Beri tulisan tambahan dengan menggunakan efek yang sama, seperti disini saya tambahkan tulisan indonesian art. Agar membuatnya lebih beragam pada tulisan indonesian art saya gunakan motif batik yang lain. Dan Beikut hasil akhir gambar yang kita buat. Jangan lupa subscribe ke painthink RSS Feed.

belajar photoshop tipografi batik pada tekstur kayu

20 Comments

  1. Mas Gondrong

    hiduuup BATIK Indonesiaaaa…..

  2. nice tut!

    cara bikin tulisan grafisia gmn?

  3. mhanthab!! salam kenal..

  4. pakai batik…
    keren bro…gw suka bagian bordernya

  5. kk,bisa minta diperjelas di langkah ke 2 yang duplicate 4 layer,saya kurang mengerti,dan saat saya add layer mask di langkah ke tiga gambar seperti yang disitu tidak muncul,bisa diperjelas?maksih,,saya masih newbie^^

    • Untuk langkah 2, pada layer palet klik kanan layer motif batik pilih duplicate layer, lakukan 3 kali, jadi sekarang kita punya 4 layer motif batik, 1 asli dan 3 duplikat. perkecil ukuran masing-masing dari keempat leyer tersebut. rotate 90 untuk 2 layer motif batik dan -90 untuk 2 lainya, geser dan susun mendatar hingga seperti gambar di langkah 2 (gunakan shortcut Ctrl+T untuk memperkecil, memutar dan menggeser layer. ketika ditekan Ctrl+T akan muncul garis kotak mengelilingi layer, klik kanan ditengahnya untuk memunculkan opsi)

      untuk langkah 3, pastikan sebelumnya sudah menggabung 4 layer motif batik dan membuat seleksi seperti bentuk tulisan. Layer mask ditambahkan pada layer gabungan motif batik, dan menambahkannya dilakukan saat seleksi masih aktif.

      makasih responnya, selamat mencoba

  6. pati - jogja pp 40rb

    eh font mu kok apik kui,,, font upu jenenge ????
    btw kui batik bukane peninggalan saka buku batikke si kambing ya….
    wakakakkaa…..

  7. shintia dewi kussing

    T’x atas infonya…

  8. tulisannya kaya terukir di kayu, pakai batik tambah lebih oke… I luv Indonesia

  9. muantep kang…………………buagus…!!gue bngetz

  10. sipppp mantap nighhh …. luv indonesia

  11. Perfect!!! kata wong barat Mas…

  12. Andika Hermawan

    Foreground itu dimana ya. Maklum saya kalau buka Psd gak pernah liat2 nama toolsnya.

  13. wihh!!!
    keren request dong artikel belajar tutorial potoshop dasar
    buat yang buta potoshop(cs4/othre cs) kaya saya

    bisa ga mas

    plis ya liat artikel disini jadi pengen belajar

Leave a Reply