[Contoh] Cara Menentukan Font pada Watermark Gambar dengan PHP

Pada contoh lalu, watermark adalah merupakan suatu tulisan timpa pada gambar, yang biasanya digunakan untuk memberi teks sebuah image gambar jpeg/png/gif sebagai keterangan atau sebagai proteksi. Penimpaan gambar akan menggabungkan tulisan dan gambar pada satu gambar image. Pada contoh lalu telah terdapat satu model watermark untuk toko online, dimana terdapat satu gambar kaos yang diberi tulisan di depannya. Kali ini kita ingin memperindah tulisan tersebut dengan font yang bervariasi. Variasi juga dapat meliputi pembentukan shadow atau bayangan. Bagaimanakah caranya? Perhatikan gambar berikut.

Gambar ini dibentuk dengan pembentukan gambar dengan watermark dilengkapi dengan fasilitas pengatur font dan sudut font. Jika pada contoh lalu kita gunakan :

 

imagestring( $o_gambar, 5, 80, 80, "Stok Ada", $color1 );

Maka sekarang akan digantikan dengan

imagettftext( $o_gambar, $ukuran_font, $sudut_miring, $pixel_start_kiri, $pixel_start_atas, $warna, $jenis_font, $text );

Sedangkan shadow, atau bayangan diambil dengan cara membuat tulisan serupa dengan warna yang berbeda, dan diberikan selisih pixel_start_kiri dan pixel_start_atas nya.


imagettftext($o_gambar, 16, 30, 51, 151, $color1, $font, $text);
imagettftext($o_gambar, 16, 30, 50, 150, $color2, $font, $text);

Sudut dapat diatur sesuai derajatnya. Silakan mencoba mengganti angka 30 tersebut menjadi angka sudut yang anda suka. Misal tulisan tegak, maka silakan mengganti dengan angka 90 dengan konsekuensi mengubah start pixelnya.

Dengan $jenis_font diambilkan dari file TTF yang anda miliki. File TTF adalah file master dari sebuah font. Misal dalam kasus ini saya ambil Arial. Maka source code pembentuk gambar akan menjadi seperti berikut:


Bisakah membuat tulisan di bawahnya lagi? Tentu saja bisa. Hanya dengan membuat sebuah tulisan, dan mengatur start pixel atasnya, maka akan terbentuk satu tulisan lagi, sesuai dengan pixelnya. Mudah bukan? Selamat mencoba semoga sukses, dan semoga artikel ini bermanfaat.

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