[как сделать] Наложение картинки на картинку (Ватермарк)

[Axel G]

Здравствуйте всем, итак вопрос, скрипт сам создает такое изображение (создал условие, если юзер выбирает чекбокс) Для просмотра ссылки Войди или Зарегистрируйся надо на него наложить Для просмотра ссылки Войди или Зарегистрируйся чтобы в итоге получить Для просмотра ссылки Войди или Зарегистрируйся
Вот клиентская часть

<label><input type="radio" name="watermark_thumb" value="2">Увеличить</label>

Соответсвенно серверная

if ($_POST['watermark_thumb'] == "2") {
# затруднение вызывает именно само наложение
# затем создаем превью (это код создания без лупы)
createthumb($imgf,$pictype,$thbf,$tsize,$tsize);
@chmod($thbf,0666);
include("thumbnail.php"); // отвечает за вывод кодов
 }

изображение лупы лежит в папке /theme/magnifying_glass.png. Ширина миниатуюрки также задается пользователем, и как сделать наложение, никак не разберусь. Людь знающие подсобите советом.

 

[gres_18]

Вот так:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Axel G]

Эмм, gres_18, Спасибо, но это не совсем то что надо. Хотелось бы попроще, просто запись в файл. В папочке thumbs сохранялось изображением с наложенной лупой = )
Для просмотра ссылки Войди или Зарегистрируйся

 

[wal]

пишите в файлы результат работы скрипта приведенного выше...
и будет то что вам нужно.

 

[gres_18]

К сожалению, проще работать с графикой вряд ли получится. Это же не текстовая информация - бинарная, а при работе с ней нужно играть по ее правилам

Только что осенило... А может попробовать просто с помощью css совместить два слоя, один из которых - лупа на прозрачном фоне? Сам не пробовал, будет минутка - попробую.

 

[Axel G]

gres_18, ну так а фишка в том, что я к себе на сайт буду вставлять миниатюрку, и нужно чтобы он брал изображение с папки тубмс, с уже наложенной лупой на него (наложили, сохранили тумбу). Или я не прав??

Я такого рода превью, увидел на скринах трушки, сохранил изображение, и выдрал лупу через фотошоп, благо релиз был 1080р, и снизу полосочка черная = ) Уж больно красиво, хотелось бы к себе и на сайт поставить = )

 

[gres_18]

<div class="watermark">
  <img src="image.jpg" alt="blah blah">
  <span></span>
</div>
.watermark {
  position: relative;
}
.watermark span {
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(watermark.gif);
}

или так

<div class="watermark">
  <img src="image.jpg" alt="blah blah">
  <span>example.com</span>
</div>
.watermark span {
  position: absolute;
  left: 0;
  bottom: 0;
}

Если это не вариант, тогда прийдется работать с графикой как описано выше. Успехофф!

 

[Axel G]

gres_18, да нет же, это не вариант, я пишу фотохостинг себе, а так как осуществляю вывод инфы на превью о оригинальном изображении, как на айпикчер, то это не совсем то, вы немножко не поняли, ну да и не страшно = )

 

[Axel G]

Сделал все намного проще и без всяких апи

<?php
    $img = imagecreatefrompng('http://img37.imageshack.us/img37/5672/93b3835d1a131be4fb50b6b.png');

    $x = 190;

    $X = imagesx($img);
    $Y = imagesy($img);
    
    $y = intval($x*$Y/$X);

    $thumb = imagecreatetruecolor($x,$y);

    imagecopyresampled($thumb, $img, 0, 0, 0, 0, $x, $y, $X, $Y);

    

    $glass = imagecreatefrompng('http://ipicture.ru/uploads/100611/bSP3J7Q2Aj.png');
    $tx = imagesx($glass);
    $ty = imagesy($glass);
    
    imagecopy($thumb, $glass, $x-$tx+1, $y-$ty+1, 0, 0, $tx, $ty);

    header('Content-type: image/png');
    imagepng($thumb);
    imagedestroy($glass);
    imagedestroy($img);

?>

 

[Petroff86]

О! Спасибо! Тоже очень пригодилось..