Efek tulisan air

Diarsipkan dalam kategori: Efek Photoshop, Efek Teks tanggal: 25 April 2008 oleh Mbah Dewo

Pada tutorial Photoshop kali ini kita akan belajar cara membuat sebuah efek teks atau tulisan yang seolah terbuat kumpulan tetesan air. Efek ini adalah efek yang sudah dibahas pada artikel sebelumnya, jadi jika belum membacanya, silahkan dibaca dulu cara pembuatan efek ini di sini. Pada tutorial yang ini, kita hanya akan membahas tentang pembuatan bentuk tulisannya saja.

Langkah membuat efek tulisan air dengan Photoshop

Langkah 1
Buatlah sebuah file baru, atau buka file yang sudah ada (yang akan Anda beri efek teks ini). Pada contoh kali ini, saya menggunakan sebuah gambar daun pisang, yang saya dapat dari kumpulan gambar wallpaper.

efek photoshop tulisan air 1

Langkah 2
Buatlah sebuah layer baru, dengan cara mengeklik icon Create New Layer di palet layer.

efek photoshop tulisan air 2

Isi layer yang baru tadi dengan warna putih.

Langkah 3
Buatlah sebuah tulisan yang berwarna hitam. Ukuran dan jenis huruf bisa disesuaikan sendiri dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan jenis huruf / font Tempus Sans ITC. Gunakan font sesuai selera Anda, namun mungkin akan lebih bagus jika jenis huruf yang digunakan bukan huruf-huruf yang formal.

efek photoshop tulisan air 3

Langkah 4
Gabungkanlah layer tulisan dengan layer 1 (layer yang berwarna putih tadi) dengan cara mengaktifkan layer tulisan kemudian memilih menu Layer > Merge Down. Yang layer background (yang isinya gambar yang dbuka tadi, dalam tutorial ini adalah gambar daun pisang tadi) jangan ikut digabung.

Langkah 5
Pada layer yang sudah digabung tadi, berikanlah efek Crystalize. Lakukan ini dengan cara memilih menu Filter > Pixelate > Crystallize. Masih ingat dengan efek foto robek? Ya, hampir mirip dengan langkah yang ada pada tutorial tersebut. Pada pengaturan ukuran Cell size, aturlah secukupnya hingga gambar nya seperti dibawah ini. Pada tutorial Photoshop ini, saya beri pengaturan sebanyak 6.

efek photoshop tulisan air 4

Tujuan langkah ini adalah agar pinggiran dari tulisan menjadi tidak rata secara agak berlebihan, hingga ada bagian dari tulisan yang mengecil bahkan terpotong.

Langkah 6
Langkah berikutnya adalah membuat gambar tersebut agak kabur, tujuannya untuk membuat tepian yang tidak rata tersebut menjadi agak buram dan kabur. Lakukan ini dengan cara memilih menu Filter > Blur > Gaussian Blur. Pada tutorial ini, saya isikan 3,5 pixel pada nilai pengaturan Radius.

efek photoshop tulisan air 5

Langkah 7
Sekarang pilihlah menu Image > Adjustment > Levels. Buatlah agar gambar yang sudah dikaburkan tadi semakin kontras. Buatlah seperti gambar dibawah ini. Dekatkan titik segitiga Shadow dengan Highlight.

efek photoshop tulisan air 6

Langkah 8
Aktifkan palet channel (palet ini bisa diklik langsung namanya di dekat palet Layer, atau dengan memilih menu Window > Channel). Pada palet ini, klik icon Load Channel as Selection.

efek photoshop tulisan air 7

Langkah 9
Kembali lagi pada palet layer (Window > Layer). Tekanlah tombol Delete pada keyboard untuk menghapus warna putih pada layer yang sudah berisi tulisan tadi. Yang terhapus hanyalah bagian putihya saja, sesuai dengan bentuk seleksi pada Langkah ke-8 tadi.

efek photoshop tulisan air 8

Setelah ini, hilangkan seleksinya dengan memilih menu Select > Deselect.

Langkah 10
Atur bentuk tulisan ini, agar lebih sesuai dengan kondisi gambar background. Pada tutorial ini, saya mengubah ukurannya dengan Edit > Free Transfrom, dan menggunakan fasilitas Warp mode.

efek photoshop tulisan air 9

Langkah 11

Update:
Jika Anda hanya bisa mengikuti tutorial ini hingga langkah ke-10, mohon untuk membaca lagi paragraf pertama pada tutorial ini dengan lebih teliti. Tutorial ini lanjutan dari tutorial sebelumnya tentang membuat Style Tetesan Air.

Sekarang terapkan Style tetesan air yang sudah kita punyai. Jika ingin menambah beberapa bentuk tetesan lagi, pilihlah Brush tool, kemudian sapukan beberapa lingkaran kecil pada layer tulisan ini. Secara otomatis, style tetesan air akan langsung ikut diterapkan juga.

Berikut ini gambar tutorial efek tulisan air yang sudah jadi.

efek photoshop tulisan air 10

Selamat mencoba dan berkreatifitas dengan Photoshop.


156 Responses to “Efek tulisan air”

  1. icha says:

    suksesx cuman mpe poin 10 aja kk………..

  2. icha says:

    kk masih ada g Lanjutannya???
    soalx gambarx masih warnah hitam………
    ataw d’jelaskan lebih detail poin k’11 !!!!!!!!!!!!!!!!

  3. iwan effendy says:

    makasih gan tutorialnya,,, ! sangat membantu dalam edit teks,,,,,!

  4. Grafis 71 says:

    Cara bikin efek teks airnya gmn mas? kok ga ada caranya

  5. rico says:

    slam kenal sblmx.. Aq bru membka n membca blog ne.. Aq salut.. Mantap mas,, maju trus…

  6. Leonid says:

    hahaha….jangan baca bagian akhir dong.Tp baca juga bagian awalnya bagaimana menbuat efek tetes air plus setingannya.Awalnya gw jg bingung

  7. aini says:

    selepas di warp text tulisannya masih berwarna hitam.bagaimana mahu menukar tulisan tersebut supaya menjadi seperti gambar di atas?

  8. Delia says:

    Gimana caranya biar bachground sama layernya gak tergabung?????

  9. aacoy says:

    muantaapp mbah nya… ok hasilnya maklum masih nubie ne ckckck

  10. andre says:

    bingung pda langkah 11 tolong di jelasin dong bang sampai detail, gk bsa buat efek airnya je….

  11. Berty says:

    thaks mas tutorialnya mas sangat membantu proses belajar saya…
    Saya terobsesi untuk bikin efek air… tapi kalo bisa yang seperti film avatar (Katara )
    tolong dong mas… minta tips untuk bikinnya… atau gimana caranya bikin efek air melayang tapo bukan hanya butiran tapi sekumpulan air…
    thanks ya mas…

  12. addemo says:

    mbah…aku boleh minta yng udah jadi nggak…share donk…[ekstensi psd...]
    makasih sebelumnya mbah…

  13. cuam says:

    mana gggggggggak bisa tot

  14. rin says:

    mas.dapet style tetesan air ny dri mana tuh?ko gk d jelasn.tolg dong.

  15. eko agus irianto says:

    mengisi layer baru dengan warna putih bagaimana mas caranya soalnya aku adalah orang awam terima kasih

  16. Tanti says:

    bagaimana cara membuat web page dan mengkombinasikannnya dengan efek animasi dengan menggunakan photoshop7
    terima kasih jika Anda mau berkenan mengajarkan saya dengan memberikan langkah-langkahnya dalam tutorial

Leave a Reply

Komentar Anda akan dibaca semua orang, gunakanlah tulisan yang jelas dan dengan bahasa yang sopan.