Cara memberi watermark pada foto

Diarsipkan dalam kategori: Efek Teks tanggal: 7 July 2008 oleh Mbah Dewo

Pada tutorial kali ini kita akan belajar cara membuat watermark pada foto dengan Photoshop. Watermark secara arti kata adalah tanda air. Dimaksudkan sebagai sebuah penanda obyek. Baik itu obyek yang berwujud gambar, suara, dan video. Misalnya pada sebuah gambar, watermark biasanya digunakan sebagai penunjuk keasliannya, bisa juga untuk memberi sebuah tanda hak cipta pembuatnya. Gampangnya saja, silahkan Anda lihat uang kertas, pada uang tersebut akan nampak sebuah gambar / tulisan lain jika dilihat dari sudut pandang / cahaya tertentu.

Ada beberapa penyebab saya menuliskan tutorial ini, yang pertama karena kemarin malam ada salah seorang pengunjung yang bertanya kepada saya (maaf saya lupa id YM-nya, dan walaupun id-nya ingat pun tidak akan saya tulis disini untuk menjaga privasi beliau). Itu mengingatkan saya kalau saya memang belum pernah menuliskan materi tentang ini, padahal lumayan penting jika kita akan menggunakan internet sebagai media mempublikasikan gambar-gambar hasil editan kita.

Yang kedua karena secara tidak sengaja saya kemarin browsing gambar-gambar di Google Image, dan melihat ada beberapa gambar yang pernah saya buat. Gambar yang dimunculkan di situs lain, dan yang paling nyebelin, sudah tidak menuliskan siapa penulisnya, e malah diaku-aku sebagai buatan dia (padahal sudah jelas di gambar tersebut saya berikan watermark yang sadewo-photology dulu).
:)

Oleh karena itu, dalam penggunaan gambar, apalagi gambar yang berada di internet, penggunaan watermark sangatlah lazim dilakukan. Biasanya ini untuk menuliskan informasi hak cipta pembuatnya. Watermark pada file gambar, bisa dibuat nampak (visible watermark), bisa juga dibuat tidak nampak (invisible watermark). Pada tutorial kali ini, yang kita pelajari adalah pembuatan watermark yang nampak. Biasanya tulisan yang saya berikan pada gambar-gambar pada blog Belajar Tutorial Photoshop ini, dan sadewo-photology dulu hanya tulisan biasa saja. Yang penting ada tulisannya, dan kadang malah saya buatkan menjadi brush. Jadi tinggal klik satu kali maka di gambar sudah jadi watermark-nya.

Tulisan watermark ini, akan kita buat dengan efek. Sehingga tulisan masih nampak, tetapi tidak begitu mengganggu tampilan foto aslinya, karena hanya akan kita buat samar / transparan saja. Kalau soal mengganggu, jelas akan mengganggu, tapi ya memang seperti ini caranya. Kecuali kalau yang kita buat adalah watermark yang invisible.

Untuk pembuatan watermark yang tidak nampak (invisible), bisa dibuat dengan memberikan informasi tambahan pada file gambar. Informasi tambahan tersebut tidak bisa kita lihat secara langsung, namun harus dengan program – program tertentu yang mampu membaca informasi data exif. Masih ingat dengan data exif?

Langkah pembuatan watermark dengan Photoshop

Langkah 1
Bukalah sebuah foto / gambar dengan Photoshop. Pada contoh kali ini akan saya gunakan salah satu foto yang pernah saya gunakan pada tutorial foto lama. Ini foto saya sendiri, jadi kalau tidak diberi watermark juga tidak mungkin diaku-aku sebagai foto orang lain (seandainya iya pun, yo wis ben, malah jadi terkenal).

foto tanpa watermark

Langkah 2
Pilihlah Type tool, tool ini ada pada tool box-nya Photoshop. Fungsi tool ini adalah untuk membuat tulisan. Setelah memilih type tool, sekarang aturlah pengaturan yang berada pada option bar. *)

option bar type tool

*) pengaturan ini bisa juga anda lakukan setelah anda membuat tulisannya, dengan cara mengeblok tulisan kemudian baru melakukan pengaturannya.

Pengaturan pokok yang bisa dilakukan adalah:
1. Pemilihan jenis huruf
Jenis huruf bisa dipilih sesuka Anda, namun usahakan untuk memilih huruf-huruf yang tebal. Misalnya Arial Black, Impact, atau yang lainnya. Jika Anda menggunakan Photoshop versi CS2 / CS3, maka saat memilih jenis huruf bisa sekaligus menampilkan preview gambar hurufnya. Namun pada Photoshop versi CS, 7 atau sebelumnya, preview jenis huruf tidak terlihat.

2. Pemilihan ukuran huruf
Ukuran huruf dipilih sesuka Anda, sesuaikan dengan ukuran gambar.

3. Pemilihan warna
Pilihlah warna abu-abu. Kliklah icon kotak kecil berwarna tersebut, hingga muncul kotak dialog Select Text Color. Warna abu-abu terdapat pada nilai: R=128; G=128; B=128; atau isikan kode #808080.

warna watermark

Langkah 3
Klik pada bagian gambar dengan Type tool, hingga muncul I beam (posisi untuk mengetik). Kemudian ketiklah sesuatu kata yang akan Anda gunakan sebagai watermark. Setelah selesai mengetik, pilihlah move tool, atau klik icon commit pada option bar (kanan atas).

gambar tutorial foto

Langkah 4
Sekarang pilihlah menu Layer > Layer style > Bevel and Emboss.
Pengaturan pada menu ini tidak baku. Anda bisa melakukan pengaturan sesuka Anda. Pada gambar ilustrasi tutorial berikut ini adalah contoh pengaturan yang saya lakukan.

tutorial layer style photoshop

Klik OK jika pengaturan sudah Anda lakukan.

Langkah 5
Pada palet layer, ubahlah blending optionnya yang semula Normal menjadi Screen.

tutorial photoshop palet layer

Nah, gambar sudah kita beri watermark, tinggal kita gabung semua layer menjadi satu dengan cara memilih menu Layer > Flatten Image.

Berikut ini gambar yang sudah diberi watermark dengan Photoshop.

tutorial foto dengan watermark

Catatan tambahan:
1. Anda bisa juga menggunakan variasi lain, misalnya dengan memilih warna tulisan yang putih, namun layer blending option yang digunakan adalah Softlight.
2. Jika watermark akan sering terapkan pada gambar, bisa juga dengan mencoba membuat tulisan watermark ini sebagai brush. Jadi tidak perlu menuliskan watermark berulang kali. Tentang efek pada layer style, juga bisa Anda buat sebagai Action.

Selamat mencoba tutorial photoshop untuk memberi watermark ini.




78 Responses to “Cara memberi watermark pada foto”

  1. iqbal says:

    om bagus juga ilmu na
    tpi klo bisa lebih gaul dkit

  2. ahmad says:

    sukses selalu buat mbah.

  3. asik_aja says:

    Gak ada yg keren lagi mbah gambar nya….

  4. zyzy says:

    thanx y mbah. ne ilmu banget lho bagi pemula kayaj aq

  5. bendol says:

    wahhh keren mbah…..mbah…mbah……aku ada sedikit pertanyaan..?

    mungkin pertanyaanku menggelikan sich..T_T(jngn ktawa ya)

    tapi aku pgn tau dah aku coba gagal terus…so aku butuh mbah darmo^_^

    mbah mbah piye gawe Fhoto seng di potong terus background e di gawe transparan…lek motong inssyaallah aku iso…laaaa….gawe beackground e transparant ki piye

    padahal bacground e wes tak gawe transparant…tapi pas di save kok putih susu (jngn ngeres yg baca) ora putih koyo banyu

    aku gawe photoshop 7.0

    mbah mbah bantuannya yow

    maaf aku menuhin comment mbah ^_^

    tQ mbah

    berjuang pantang mundurrrrrrr
    mati….yow…yow…di kubur

    ^_____________+

  6. Adel says:

    makaciih ya, ini sangat berguna, btw photoshop yang mana yg kamu pake? :O

  7. skysodark says:

    I Love You mbah…..

  8. lightfinder84 says:

    thank u very much ats tutorial gratisny

    slm buat mbah dewo-ny

  9. hanhan says:

    makasih tuorialnya mas.
    sangat membantu sekali.
    :)

  10. nieniek says:

    Mas dewo..

    Terimakasih banyak untuk tutorial Photoshopnya. Alhamdulillah nemu site ini. aku bookmark webnya. trims banget

    O,ya untuk aplikasi water mark sebagai brush saya masih kurang paham, kalau ada waktu di jelasin agi ya mas?

    makasih banget

    • Sadewo says:

      Terima kasih komentarnya nieniek. Kalau nieniek sudah bisa membuat brush (tutorialnya dulu sudah pernah saya tuliskan), pasti bisa juga membuat brush dari bentuk tulisan. Lebih detilnya kapan2 saya tuliskan, tapi saya persilahkan untuk mencoba2 dulu sendiri.

  11. nieniek says:

    Mas dewo..

    Terimakasih banyak untuk tutorial Photoshopnya. Alhamdulillah nemu site ini. aku bookmark webnya. trims banget

  12. lita says:

    mas mau tanya nie..mas kalo pake adobe photoshopcs2 gmana buat backgroundnya yg unik2 ya,bs ajarin gk tips pscs2 ni…dan mau buat framenya gmana ya sama efek2 nya jg

  13. hendro says:

    mbah ym mu apa ya? boleh minta gak? aku lagi belajar photosop bt web ni
    add aja ym ku mbah hendro_dewa_ju2r
    tak tunggu y mbah

  14. BLangKon says:

    itu namanya bukan ngantuk’an mbah,,tapi kurang bergairah,,

  15. Yetendra says:

    Makasih Mbah,
    Mbah tampange culun (maaf, he..he) tapi kok pinter ya..
    he.. sekali lagi makasih tutorialnya.
    dah tak copy buat arsip. boleh ya….

    • Sadewo says:

      Halah culun? Lha saya malah sering dikira pecandu narkoba gara-gara badanya kurus dan berwajah ngantukan.

      Monggo silahkan disimpan.

  16. kIImvIIn says:

    om dewo… makacii udh ngajar dgn efek watermark..but,, kok hasil punya ak jdi aneh yhaa…yhaa..tp gpp lha…yg pnting aku bikin udh sesuai dgan mbah dewo.com…

    maju ciuuss yha mbahh!!!

    • Sadewo says:

      Terima kasih juga atas komentarnya. Memang jadi aneh, karena sebenarnya malah mengganggu keindahan gambar. Jadi dikembalikan lagi ke tujuan pembuatan watermark.

      Alternatifnya, watermark kita buat khusus sehingga justru nampak jelas dan nampak kontras dengan gambar lainnya. Ini sudah saya coba terapkan pada gambar ilustrasi tutorial yang saya tulis belakangan ini.

  17. RIZKY says:

    om, mau tanya dong, kalo mau bikin teks yang tembus pandang gimana ya?
    jadi an ada gambar, di belakang nya ada teks tapi transparan gitu om. bantuin dong om…

  18. wahyu@planet komputer kediri says:

    makcih om…… mga tambah succes

  19. badrudawam says:

    oce cuy…. hebat bener tutorialnya gue salut cuy…..
    salam kenal boet kawan2, gue pendatang baru nie……

  20. Malik says:

    wah info yang menarik

    salam kenal ya

Leave a Reply