[Contoh] Cara Membuat Watermark Tulisan Pada Gambar dengan PHP

Jika posting sebelum ini membahas tentang dua gambar yang ditumpuk, bagaimanakah jika yang akan ditumpuk pada gambar utama adalah tulisan data? PHP memiliki fasilitas untuk melakukan hal itu. Misalnya kita memiliki gambar sebagai berikut:

 

Gambar tersebut anggaplah merupakan sebuah produk dari toko online. Gambar produk tersebut akan diberi tanda sesuai data kondisi yang ada. Misal : Stock Tersedia, All Size, Sold, Kosong, Booked, dan sejenisnya. Kita ingin tulisan yang dibentuk adalah tulisan yang benar-benar ada pada gambar, bukan tulisan bentukan CSS dengan z-index di depan, sehingga tulisan akan menjadi bagian dari gambar. Bisakah? Mari kita coba percobaan seperti demikian.

 

 




 

Hasilnya kira-kira adalah seperti berikut :

 

.

Kita bisa melakukan pengubahan data “Stock Ada” dan sejenisnya dengan cara memberikan fasilitas form updatenya. Di lain posting akan dibahas lebih lengkap :).

Nah, selamat mencoba, semoga sukses, dan semoga artikel ini bermanfaat.

[Contoh] Cara Menumpuk Join Dua Gambar dengan PHP ( watermark )

Mungkin anda pernah melihat gambar seperti berikut :

 

 

Perhatikan pada bagian kanan bawah, anda akan melihat sebuah gambar berupa tulisan yang menimpa gambar utama. Gambar penumpuk tersebut dinamai dengan watermark. Biasanya anda akan kerepotan membuat watermark ini dengan menggunakan photosop atau corel baru kemudian diupload. Namun sebenarnya PHP memiliki kemampuan untuk mengolah hal tersebut. Dengan memanfaatkan kemampuan itu, maka kita dapat dengan mudah upload sembarang gambar tanpa watermark lebih dulu, dan akan secara otomatis terbentuk watermark dengan PHP.

Dengan fasilitas tersebut, maka banyak hal yang bisa dilakukan antara lain :

  • Memberi tanda SOLD / atau terjual pada produk toko online, jika produk tersebut telah terjual
  • Memberi proteksi gambar agar mempersulit proses penjiplakan oleh orang lain, karena akan terbawa tulisan watermarknya
  • Memberi keterangan gambar langsung pada gambarnya
  • dan lain sebagainya

 

PENUMPUKAN DUA GAMBAR

Proses penumpukan dua gambar akan dilakukan dengan memanfaatkan fasilitas GD PHP  Disini saya memiliki dua buah gambar, yang satu adalah skak.jpg, dan satunya adalah skak_text.jpg.

skak.jpg

Gambar kedua adalah skak_text.jpg

 

skak_text.jpg

 

Gambar ini akan kita tumpuk dengan posisi background adalah skak.jpg menjadi background bagi skak_text.jpg. Selain itu, skak_text.jpg akan diberi transparansi agar background masih terlihat. Maka akan kita bangun script seperti berikut:

 




 

Gambar yang akan dihasilkan adalah seperti berikut

 

Nah mudah kan?

Lantas bagaimana untuk membuat proses Upload? Mudah, tinggal menambahkan baris penambah form, filterisasi jika upload terset, dan pengambilan file dengan mengambil gambar dari tmp_name

Seperti berikut:




 

Nah, sebelum lanjut, selamat mencoba, semoga sukses, dan semoga artikel ini bermanfaat. 🙂