Dipublikasikan tanggal 25 Apr 2008
Efek tulisan air
Ditulis dalam kategori Efek Photoshop, Efek Teks, oleh Sadewo

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
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.

Tutorial yang terkait

    Kembali ke atas   


Publikasi Ulang

Kopi-Paste kode berikut jika Anda ingin mempublikasikannya ulang untuk keperluan non-komersil.
DILARANG memodifikasi sebagian atau seluruh bagian dari kode ini.

Pencarian Pengunjung

Komentar

Al_One pada tanggal 26 April 2008, pukul 12:12 pm #

Thank’s Banget’x Mbah Dewo atas Tutorial Photoshop tentang efek tulisan air ini..tapi da yang aq bingung soal load selection channel n cara Cntrl+j,kadang lewat key board itu g’bisa…makasih.


Sadewo pada tanggal 26 April 2008, pukul 2:38 pm #
Buat Al_One: Ctrl + J itu fungsinya untuk menduplikat layer, secara keseluruhan atau hanya sebagian (jika ada seleksinya). Selain dengan Ctrl + J, bisa juga dengan: 1) Memilih menu Layer > Duplicate Layer; atau 2) Tarik nama layer ke icon Create New Layer di palet layer; atau 3) Klik kanan pada nama layer kemudian pilih Duplicate Layer.
Sedangkan untuk meload Channel as Selection, harus dilakukan dari palet channel (tampilkan dulu palet Channel dengan memilih menu Window > Channels).

zuhri pada tanggal 26 April 2008, pukul 6:50 pm #

emang mantep mbah dewo. kalo boleh tau gimana ya caranya kompres photo biar ukurannya kecil tapi masih tampak terang dan lumayan jelas. mohon bantuannya


Sadewo pada tanggal 26 April 2008, pukul 8:21 pm #
Buat Zuhri: Ada perbandingan terbalik antara ukuran dengan kualitas gambar. Semakin diperkecil ukuran gambar, maka semakin banyak data gambar yang dihilangkan. Jadi memang selalu seperti yang Anda tanyakan itu. Kalau tidak perlu informasi / keterangan gambar biasanya saya gunakan Save for web or device. Kalau mau lebih kecil lagi, bagian gambar yang tidak diperlukan bisa dikaburkan (blur). Selain itu, jumlah dan jenis warna juga berpengaruh pada ukuran gambar.

shoLah pada tanggal 28 April 2008, pukul 8:47 pm #

makasih bgt mBah,, saYa jadi bisa beLjaR lbh banYak lagi..
Kalo boleh tau,, mBah bLjr daRi mana? buku atau daRi internet juga?
teRuz buaT tutoRiaL yang lain ya mBah,, saYa do’a kan sukses selalu dunia akhiRat..


Sadewo pada tanggal 29 April 2008, pukul 1:49 pm #
Buat sholah: Terimakasih juga atas komentar dan doanya. Saya belajar Photoshop dari buku, majalah, internet, kursus, dan juga dari beberapa teman.

arip pada tanggal 29 April 2008, pukul 4:05 pm #

mbah tengkyu very much…

sip bgt tutor nya..

ditungguin tutor yang laen…


fathul pada tanggal 30 April 2008, pukul 10:01 am #

Makasih banget atas tutorial photoshop nya yang membuat pengetahuan saya mengenai Photoshop jadi terus bertambah. Sekedar saran, gimana kalo tutorial Photoshop ini ada yang dlm format PDF.


Sadewo pada tanggal 30 April 2008, pukul 12:01 pm #
Buat arip: Terima kasih kembali.

Buat fathul: Saya sebenarnya dulu juga pernah punya ide untuk membuat download-an pdf-nya, tapi sampai sekarang belum sempat dilaksanakan. Untuk membuat file pdf itu gampang. Kalau memang ingin bentuk pdf, buat saja sendiri. Dengan Microsoft Office bisa kok bikin pdf. Dan kalau tidak salah dulu saya pernah menemukan ada blog yang dengan kreatif menyediakan file pdf artikel-artikel saya juga. Walaupun pembuatnya lupa belum nulis sumber artikelnya :( .


budi pada tanggal 5 May 2008, pukul 6:13 pm #

efek teksnya kurang lengkanp tolong di perlengkap dong mbah dewo akukan kerja dimedia cetak merasa kekurangan ilmu

tolong buat efek air muncrat


Budi pada tanggal 5 May 2008, pukul 6:15 pm #

maaf mbah efek teks airnya kurang lengkap tolong di lengkapi selengkapnya plissssssssss yah mbah makasih sebelumnya
makasih atas ilmunya


Sadewo pada tanggal 6 May 2008, pukul 2:11 am #
Buat Budi: Terima kasih kembali. Untuk efek teks memang saya jarang membuat. Kapan2 saya tambahkan lagi. Untuk efek teks air, efek ini menggunakan style yang bisa Anda dapat / baca di sini.

Ngomong2, ini Mas Budi dari Jakarta atau bukan ya? Kok identitasnya sama?


achmad candra pada tanggal 6 May 2008, pukul 7:08 pm #

terima kasih mass….. telah memberikan ilmu baru tolong di kirim tutorial photo shop lebih banyak lagi……….trimmmssssssss


Fachia pada tanggal 6 May 2008, pukul 9:24 pm #

Hasil akhir yang sangat gemilang. Keren banget finishingnya tapi cara buatnya sederhana dan tidak rumit.. two thumbs up


gajah_pesing pada tanggal 6 May 2008, pukul 10:49 pm #

nice tutorial


Sadewo pada tanggal 7 May 2008, pukul 12:37 am #
Buat achmad candra: Terima kasih kembali.

Sadewo pada tanggal 7 May 2008, pukul 12:49 am #
Buat Fachia: Thanks juga atas dua thumbs-nya yang up.

Sadewo pada tanggal 7 May 2008, pukul 12:52 am #
Buat gajah_pesing: Terima kasih for comment Anda.

arip pada tanggal 8 May 2008, pukul 3:30 pm #

mbah anak djogja y…??

klo iy slm knal aja deh..
ni ak tinggal di Malang…

smoga forum ini dpt truz nambah ktrampilan maen photoshop…^^

mbah klo tutor yg laen bsa ga’?, kaya corel draw, macromedia flash, swishmax, 3dsmax…
tulung y…
soalnya ak bru di dunia desain..

“Hidup Desain”


Sadewo pada tanggal 8 May 2008, pukul 4:27 pm #
Buat arip: Salam kenal juga, tentang saya bisa dibaca di sini. Kalau CorelDraw saya masih bisa dikit2, tapi Macromedia Flash, Swishmax, dan 3dsMax saya belum bisa dan masih harus belajar banyak.

arip pada tanggal 9 May 2008, pukul 11:10 am #

ow gt y…
ywdh deh gpp..^^
sama ak jg gy blajar…

tetep smangat aj y..
eh y ad tips ga klo coreldraw…?
ak sih biasanya pake corel 12…!

Mohon bantuanya..^^


Sadewo pada tanggal 9 May 2008, pukul 3:29 pm #
Buat arip: Misalnya tip tentang apa ya?

arip pada tanggal 10 May 2008, pukul 4:35 pm #

emmmm…
ow y..
misalnya biasanya kan klo pake desain di coreldraw klo kelamaan bisa out of memory tuh, truz bikin komputer lag berat deh, jd solusinya ap dong…

“mohon bantuanya”


Sadewo pada tanggal 10 May 2008, pukul 5:14 pm #
Buat arip: setahu saya ya pakai program semacam memory manager atau apa. Karena penggunaan program2 desain / gambar memang memerlukan banyak memori. Atau tambah lagi RAM-nya.

arip pada tanggal 15 May 2008, pukul 11:24 am #

ow gtu y…

hihihih…

ywdh thankz mbah…^^


yash pada tanggal 20 May 2008, pukul 6:37 pm #

untuk yg keseribu nya gw ucapin jg thanks bgttt mbah dewoo… semua kebuntuan terpecahkan olehku oleh bantuan tutorial mbah ini… mudah2an ilmu mbah makin bertambha dgn tutorial yg mbah bikin ini..
sukses selalu yaa mbah


Sadewo pada tanggal 21 May 2008, pukul 11:16 pm #
Buat yash: Seribu terimakasih kembali.

dwi pada tanggal 22 May 2008, pukul 12:41 pm #

pada photoshop cs cara yang cepat untuk buat ukuran foto yang pas itu apa yaaa…? yang aq cuman bikin action pada toobar sebelah kiri photoshop. adakah cara lain misalnya mw bikin ukuran 4R, 3R dll….


berni pada tanggal 22 May 2008, pukul 1:00 pm #

kok, yang step no 11..
g jadi y???
gimana caranya???
g bisa kaya air..


upin pada tanggal 23 May 2008, pukul 12:15 am #

butuh bantuannya mbah..
nih tutorial klo mo dicopy ke komptr kita dalam format yg sama gmn ya mbah.. maap kalo saya tanya gn, coz saya awam bgt ttg IT. harap maklom ya


Sadewo pada tanggal 25 May 2008, pukul 10:17 pm #
Buat dwi: Saat membuat file baru pada Photoshop, kan ada pilihan Preset size di kotak dialog New. Pilih aja ukuran 4×6, itu maksudnya ukuran 4R. Kalau 3R, karena tidak ada pilihan preset-nya, maka isikan manual di Width, Height, dan Resolution. Kemudian ukuran tersebut disimpan (Save Preset).

Buat berni: Brush yang disapukan bentuknya lingkaran kecil. Yang disapukan warna dengan brush ini adalah layer tulisan itu juga. Secara otomatis Layer Style akan ikut aktif pada bentuk sapuan brush tersebut.

Buat upin: Kalau pakai mozilla, pilih menu File > Save Page As. Simpan dalam bentuk Web page, complete.
Kalau pakai browser lain, kira2 sama seperti itu juga.


dr_iat pada tanggal 27 May 2008, pukul 2:44 pm #

Thx mas Sadewe…
sy mandeg nih d 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”

Masalahnya sy ga bisa ngatur bentuk tulisan sesuai dg kondisi bagroundnya, warp mode itu nyarinya dimana mas? soalnya sy cm sampe free transform aja, warp modenya ga ketemu2…
yg di pake skrng photoshop 8.0

Sekali lg tengkyu bro, atas tutorial2nya… :)


dr_iat pada tanggal 27 May 2008, pukul 2:50 pm #

Oh iya, sy lupa, harusnya manggil MBAH…
hehe
ayo d balas Mbah Dewo…


Sadewo pada tanggal 28 May 2008, pukul 3:38 pm #
Buat dr_iat: Terima kasih kembali. Maaf dulu waktu nulis artikel ini saya lupa belum bikin tautan ke Warp mode. Itu sudah saya tambahkan. Penggunaan warp mode bisa dibaca di sini.

dr_iat pada tanggal 30 May 2008, pukul 12:50 pm #

Ok mbah,,, thengkiu atas penjelasannya…
:)


iksan pada tanggal 3 June 2008, pukul 11:47 am #

mas kok effek tulisan air ga muncul masih tetap warnya teks hitam trus brusg toolsnya hitem juga, tuluuunh :(


Sadewo pada tanggal 4 June 2008, pukul 9:22 pm #
Buat iksan: Agar efek tulisan airnya muncul, harus menggunakan style tetesan air. Pembuatan style ini ada pada post sebelumnya.

iksan pada tanggal 7 June 2008, pukul 2:47 am #

mas rubah layer baru jadi putih gimana?


iksan pada tanggal 7 June 2008, pukul 3:24 am #

MAS kok udah ikutin urutannya hasilnya ga ada efek air trus teksnya tetap hitem


Sadewo pada tanggal 7 June 2008, pukul 5:27 pm #
Buat iksan: Untuk merubah layer agar warnanya putih = Pilih Edit > Fill; pilih white pada Use. Kemudian OK.

Untuk membuat efek tulisan air, Anda harus bisa dulu membuat style tetesan air, dan juga cara menerapkan style tersebut.


Agus pada tanggal 10 June 2008, pukul 5:24 am #

Mbah dewo piye kabare. Terimakasih banyak atas tutorialnya mbah. Kalo merubah bacgroun gimana ya mbah?


Sadewo pada tanggal 10 June 2008, pukul 11:59 pm #
Buat Agus: Kabaripun sae. Terima kasih kembali. Untuk merubah background, buat seleksi pada gambar, kemudian di-copy paste di file itu juga, masukkan file gambar lain sebagai background, letakkan layer gambar background di bawah layer foto hasil copy paste.

Ghendut pada tanggal 12 June 2008, pukul 1:05 pm #

wah keren juga nih mbah… kebetulan sedang nyari effect seperti ini…

kebetulan saya sedang hot hot nya menggilai si adobe ps ini… mohon petunjuk dan pencerahan yah nanti mbah


Sadewo pada tanggal 12 June 2008, pukul 3:07 pm #
Buat Ghendut: Silahkan, kalau ada yang bisa saya cerahkan akan saya bantu sebisa saya.

aisalwa pada tanggal 13 June 2008, pukul 1:05 pm #

siang mbah … aku langganan email dari sampeyan tapi belum pernah bilang,
” MaturNuwun ….. ”

:D

mbah …mbah … aku coba bikin tulisan dengan efek air hasil akhirnya tuh tulisan kok tetep hitam ya, gimana sih mbah nerapkan style tetean air pada tulisannya ….
catt : aku dah bikin style tetesan airnya

makasih mbah, segera dijawab ya … aku tunggu ……


Sadewo pada tanggal 13 June 2008, pukul 6:23 pm #
Buat aisalwa: Matur nuwun ugi. Pastikan layer yang aktif adalah layer tulisan, kemudian tinggal klik saja layer style yang sudah dibuat itu (layer style-nya ada di palet style).

membuat tulisan air « Abdundhoif’s Weblog pada tanggal 26 June 2008, pukul 10:03 am #

[…] membuat tulisan air Efek tulisan air […]


falen fluvi pada tanggal 26 June 2008, pukul 2:57 pm #

mbahdewo… tulung dunks buad efek teks lebih bnyk lgi.. terutama yg lucu2 n krenz2…

n tolong kasih tau saya cara buad layout dri photoshop…

dan frame yg lucu2 hehehe…

saya butuh bgt.. coz di cari gak ktmu2…

saya bru kls 2 smk jur multimedia jdi masih butuh bnyk pelajaran di luar skul yg saya mau tau sblum di plajari di skul hehehe

dan efek2 photo laenna yg bgus2 Thx iaps

maju teruz…


Sadewo pada tanggal 26 June 2008, pukul 3:49 pm #
Buat falen fluvi: Ya, kapan2 saya coba tambahkan lagi. Untuk layout, yang dimaksud layout seperti apa ya?

Beri masukan
Nama:
Email:
Website:
Komentar: