[Contoh] Berkreasi membuat Image From Text dengan PHP

Anggap kita memiliki gambar hati berwarna merah seperti ini.

 


Kita ingin membuat sebuah variasi dengan karakter-karakter huruf, dan membentuk gambar hati seperti itu. Kadang diluaran sana sering disebut dengan Image To Text. Namun bagi saya lebih tepat Image From Text. Karena gambar akan dibentuk dari text. Bagaimana caranya? Ternyata sangat mudah sekali. PHP telah dapat menangani hal tersebut. Cobalah buat script dengan nama : imagefromtext.php, isi scriptnya kira-kira seperti demikian :

 

Simpan dan buka dalam web browser anda. Demo saya siapkan di http://bimosaurus.com/demo/imagefromtext.php
Hasilnya kira-kira seperti berikut ini :

 

[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 :

 

Maka sekarang akan digantikan dengan

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.

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

[Contoh] Cara Sederhana Membuat Image Gambar dengan PHP

Tentu kita sering melihat tulisan berformat gambar semacam ini :

Kemudian kita juga sering melihat CAPTCHA atau Verification Code yang berupa gambar tulisan namun dapat berubah-ubah secara acak / random. Ternyata hal itu dapat kita buat sendiri dengan PHP biasa. PHP memang menyediakan fasilitas untuk mengolah image termasuk membuat gambar. Namun memang installasi PHP kita harus terinstall secara lengkap termasuk paket GD. Namun biasanya pada paket webserver kita telah tersedia. Xampp, Wamp, AppServ dan lain-lain telah menyediakannya. Untuk para pengguna Linux, tentu dapat dengan mudah melakukan installasinya. Untuk para pengguna Debian, Ubuntu dan turunannya, dapat menggunakan perintah : apt-get install php5-gd, atau apt-get install php-gd. Sedangkan pengguna RedHat, Fedora, Centos dan turunannya dapat menggunakan yum install php5-gd.

Untuk membuat script tersebut, sangat mudah caranya. Hanya saja karena sintaks yang tersedia untuk pembuatan Image ini cukup banyak, tak apalah jika kita menyediakan catatan tentang hal itu. Secara lengkap vocab perintah tersebut dapat dilihat di sini http://php.net/manual/en/book.image.php. Kita tidak akan membahas seluruhnya, namun hanya beberapa untuk dijadikan contoh pertama.

Kali ini kita akan buat sebuah script pembuat image tulisan. Misal akan kita buat tulisan dengan bunyi : bimosaurus.com, dengan warna kuning, background hitam, maka akan kita buat script sedemikian :

Kemudian kita simpan sebagai image.php, panggillah di web browser. Kita dapat melakukan penyisipan ke dalam halaman lain dengan cara html biasa:

Nah ternyata mudah bukan… Lain posting akan dibahas gambar yang lebih kompleks. Selamat mencoba, semoga bermanfaat.