Kamis, 16 Juni 2016

Cara Membuat Watermark Gambar / Image Mudah dan Sederhana menggunakan PHP Script Gratis Tinggal Siap Pakai

Cara Membuat Watermark Gambar / Gambar Sederhana Dengan PHP - Watermark atau watermark adalah gambar, simbol atau teks di masukkan ke dalam gambar untuk menandai keaslian atau gambar berhak cipta. Mengapa harus watemark? misalnya, dalam satu kasus kita membuat gambar atau foto dari tembakan kita sendiri dan kemudian kami menyebarkannya, ketika ada pick up dan mengkuinya sebagai hasil karyanya tidak repot-repot tuh nah, kita sudah sulit - sulit untuk membuat dia bahkan mengakui - mengakui buatan sendiri. nah, dengan ini kita bisa menandai gambar watermark dengan nama kami atau simbol khusus kami.

Sebenarnya, itu banyak perangkat lunak untuk watermark bertebaran di internet, apakah offline atau online. kali ini kita akan membuat alat kita sendiri watermark menggunakan skrip PHP, untuk lebih jelasnya, kami hanya berlatih.

A. Persiapan Alat  Peralatan Perangnya


Pertama - pertama, sebelum kita mulai menulis script kita mempersiapkan telebih kita harus mempersiapkan beberapa peralatan yang dibutuhkan:

1. Anda harus sudah memiliki localhost

2. Siapkan gambar sebagai gambar watermark, mempersiapkan gambar tipe PNG untuk hasil yang lebih baik.

3. Siapkan jenis font dan kemudian menyimpannya di tempat yang sama bersama-sama dengan proyek Anda, Anda dapat mengunduhnya di: dafont.com


B. Menulis Skrip di Konten Web


Sebelum mulai menulis skrip pertama membuat folder di folder proyek Anda dengan nama upload folder yang akan digunakan untuk menampung gambar watermark kita nanti.

1. Buatlah file script SEBUAH php DENGAN nama di index.php DENGAN isi:
<?php
 
//---- KONFIGURASI WATERMARK
$text_show  = "Jin Toples"; // text watermark
$image_show = "logo4.png";   // gambar watermark
$font_path  = "Computerfont.TTF"; // jenis font
$font_size  = 24;       // ukuran font contoh 24 = 24px 
$path = "uploads/";   // folder upload gambar setelah proses watermark
$x = 100; //kordinat posisi x text
$y = 280; //kordinat posisi y text
$msg="";
if(isset($_GET['mode'])){
 $image_path = ($_GET['mode']=="img")? $image_show : $text_show;
}else{
 $image_path = '';
}
 
function watermark_image($oldimage_name, $new_image_name){
    global $image_path;
    list($owidth,$oheight) = getimagesize($oldimage_name);
    $width = $height = 300;    // tentukan ukuran gambar akhir, contoh: 300 x 300
    $im = imagecreatetruecolor($width, $height);
    $img_src = imagecreatefromjpeg($oldimage_name);
    imagecopyresampled($im, $img_src, 0, 0, 0, 0, $width, $height, $owidth, $oheight);
    $watermark = imagecreatefrompng($image_path);
    list($w_width, $w_height) = getimagesize($image_path);       
    $pos_x = $width - $w_width;
    $pos_y = $height - $w_height;
    imagecopy($im, $watermark, $pos_x, $pos_y, 0, 0, $w_width, $w_height);
    imagejpeg($im, $new_image_name, 100);
    imagedestroy($im);
    unlink($oldimage_name);
    return true;
}
 
function watermark_text($oldimage_name, $new_image_name){
    global $font_path, $font_size, $text_show;
    list($owidth,$oheight) = getimagesize($oldimage_name);
    $width = $height = 300;  // tentukan ukuran gambar akhir, contoh: 300 x 300 
    $image = imagecreatetruecolor($width, $height);
    $image_src = imagecreatefromjpeg($oldimage_name);
    imagecopyresampled($image, $image_src, 0, 0, 0, 0, $width, $height, $owidth, $oheight); 
// tentukan warna teks dalam RGB (255,255,255)
 $blue   = imagecolorallocate($image, 79, 166, 185);  
// efek teks shadow
 $shadow = imagecolorallocate($image, 178, 178, 178); 
//posisi text pada gambar
imagettftext($image, $font_size, 0, $x, $y, $blue, $font_path, $text_show); 
imagejpeg($image, $new_image_name, 100);
    imagedestroy($image);
    unlink($oldimage_name);
    return true;
}
 
$demo_image = "";
if(isset($_POST['createmark']) and $_POST['createmark'] == "Submit"){
    $valid_formats = array("jpg","bmp","jpeg");
 $name = $_FILES['imgfile']['name'];
 if(strlen($name))
{
 list($txt, $ext) = explode(".", $name);
 if(in_array($ext,$valid_formats)&& $_FILES['imgfile']['size'] <= 1024*1024){
// 1024*1024 = 1 MB limit upload image
  $upload_status = move_uploaded_file($_FILES['imgfile']['tmp_name'], $path.$_FILES['imgfile']['name']);
   if($upload_status){
    $new_name = $path.time().".jpg";
    if(isset($_GET['mode'])){
     if(watermark_image($path.$_FILES['imgfile']['name'], $new_name)) $demo_image = $new_name;
    } else {
     if(watermark_text($path.$_FILES['imgfile']['name'], $new_name)) $demo_image = $new_name;   
    }
   }
  }
 } else { $msg="File size Max 1 M or Invalid file format supports .jpg and .bmp";   }
}
?>


Kalian Juga  dapat mengatur konfigurasi watermark anda pada script di atas pada baris berikut :


 
$text_show  = "Jin Toples"; // text watermark
$image_show = "logo4.png";   // gambar watermark
$font_path  = "Computerfont.TTF"; // jenis font
$font_size  = 24;       // ukuran font contoh 24 = 24px 
$path = "uploads/";   // folder upload gambar setelah proses watermark
$x = 100;
$y = 280;
2. Kemudian di bawah script di atas tambahkan script HTML sebagai tampilan untuk mengupload dan hasil watermark :
<html>
    <head>
        <title>PHP Text Watermark</title>
        <style type="text/css">
            body{ width:800px; margin: 15px auto; padding:0px; font-family: arial}                
        </style>
    </head>
    <body>
    <h1><?php 
   // navigasi Text / Image Watermark
   if(!isset($_GET['mode'])){
    echo "Text WaterMark | <a href='".$_SERVER['PHP_SELF']."?mode=img'>Image WaterMark</a>";
   }else{
    echo "<a href='".$_SERVER['PHP_SELF']."'>Text WaterMark</a> | Image WaterMark";
   }
  ?>
 </h1>
        <form name="imageUpload" id="imageUpload" method="post" enctype="multipart/form-data" >
            <fieldset>
                <legend>Upload Image</legend>
                Image :<input type="file" name="imgfile" id="imgfile"/>
 
                <input type="submit" name="createmark" id="createmark" value="Submit" />
            </fieldset>   
            <?php
    // tampilkan gambar di sini
                if(!empty($demo_image))
                    echo '
<center><img src="'.$demo_image.'" /></center>';
    else
        echo '<h3>'.$msg.'</h3>';
            ?>
        </form>
    </body>
</html>

Maka sekarang script anda selengkapnya adalah :

<?php 
 
//---- KONFIGURASI WATERMARK 
$text_show  = "Jin Toples"; // text watermark
$image_show = "logo4.png";   // gambar watermark
$font_path  = "Computerfont.TTF"; // jenis font
$font_size  = 24;       // ukuran font contoh 24 = 24px  
$path = "uploads/";   // folder upload gambar setelah proses watermark
$x = 100;
$y = 280;
$msg="";
if(isset($_GET['mode'])){
 $image_path = ($_GET['mode']=="img")? $image_show : $text_show; 
}else{
 $image_path = '';
}
 
function watermark_image($oldimage_name, $new_image_name){
    global $image_path;
    list($owidth,$oheight) = getimagesize($oldimage_name);
    $width = $height = 300;    // tentukan ukuran gambar akhir, contoh: 300 x 300
    $im = imagecreatetruecolor($width, $height);
    $img_src = imagecreatefromjpeg($oldimage_name);
    imagecopyresampled($im, $img_src, 0, 0, 0, 0, $width, $height, $owidth, $oheight);
    $watermark = imagecreatefrompng($image_path);
    list($w_width, $w_height) = getimagesize($image_path);        
    $pos_x = $width - $w_width; 
    $pos_y = $height - $w_height;
    imagecopy($im, $watermark, $pos_x, $pos_y, 0, 0, $w_width, $w_height);
    imagejpeg($im, $new_image_name, 100); 
    imagedestroy($im);
    unlink($oldimage_name);
    return true;
}
 
function watermark_text($oldimage_name, $new_image_name){
    global $font_path, $font_size, $text_show;
    list($owidth,$oheight) = getimagesize($oldimage_name);
    $width = $height = 300;  // tentukan ukuran gambar akhir, contoh: 300 x 300  
    $image = imagecreatetruecolor($width, $height);
    $image_src = imagecreatefromjpeg($oldimage_name);
    imagecopyresampled($image, $image_src, 0, 0, 0, 0, $width, $height, $owidth, $oheight);  
 $blue   = imagecolorallocate($image, 79, 166, 185);  
// tentukan warna teks dalam RGB (255,255,255)
 $shadow = imagecolorallocate($image, 178, 178, 178); 
// efek teks shadow
    imagettftext($image, $font_size, 0, $x, $y, $blue, $font_path, $text_show); 
//posisi text pada gambar
    imagejpeg($image, $new_image_name, 100); 
    imagedestroy($image);
    unlink($oldimage_name);
    return true;
}
 
$demo_image = "";
if(isset($_POST['createmark']) and $_POST['createmark'] == "Submit"){
    $valid_formats = array("jpg","bmp","jpeg");
 $name = $_FILES['imgfile']['name'];
 if(strlen($name))
{
 list($txt, $ext) = explode(".", $name); 
 if(in_array($ext,$valid_formats)&& $_FILES['imgfile']['size'] <= 1024*1024){ // 1024*1024 = 1 MB limit upload image
  $upload_status = move_uploaded_file($_FILES['imgfile']['tmp_name'], $path.$_FILES['imgfile']['name']);
   if($upload_status){
    $new_name = $path.time().".jpg";
    if(isset($_GET['mode'])){
     if(watermark_image($path.$_FILES['imgfile']['name'], $new_name)) $demo_image = $new_name;
    } else { 
     if(watermark_text($path.$_FILES['imgfile']['name'], $new_name)) $demo_image = $new_name;    
    }
   }
  }
 } else { $msg="File size Max 1 M or Invalid file format supports .jpg and .bmp";   }
}
?>
<html>
    <head>
        <title>PHP Text Watermark</title>
        <style type="text/css">
            body{ width:800px; margin: 15px auto; padding:0px; font-family: arial}                
        </style>
    </head>
    <body>
    <h1><?php 
   // navigasi Text / Image Watermark
   if(!isset($_GET['mode'])){
    echo "Text WaterMark | <a href='".$_SERVER['PHP_SELF']."?mode=img'>Image WaterMark</a>";
   }else{
    echo "<a href='".$_SERVER['PHP_SELF']."'>Text WaterMark</a> | Image WaterMark";
   }
  ?>
 </h1>
        <form name="imageUpload" id="imageUpload" method="post" enctype="multipart/form-data" >
            <fieldset>
                <legend>Upload Image</legend>
                Image :<input type="file" name="imgfile" id="imgfile"/>
 
                <input type="submit" name="createmark" id="createmark" value="Submit" />
            </fieldset>   
            <?php
    // tampilkan gambar di sini
                if(!empty($demo_image))
                    echo '
<center><img src="'.$demo_image.'" /></center>';
    else
        echo '<h3>'.$msg.'</h3>';
            ?>
        </form>
    </body>
</html>

This application has two functions: a watermark using text and image watermark using, for watermarks using your image simply click on the link "Image Watermark".

Watermark Image / Image Simple With PHP now been completed,


Hasilnya akan Tampil Seperti Ini :


Cara Membuat Watermark Gambar / Image Sederhana Dengan PHP Script Gratis Tinggal Pakai Saja


 

Tidak ada komentar:

Posting Komentar