CN.moy.Su - Обзоры новостей, новинки софта, гаджетов и компьютеров

CN.moy.Su - Обзоры новостей,
новинки софта, гаджетов
и компьютеров.

Обзор статей

Главная » Статьи » Программинг статьи

Фотомонтаж на PHP

Фотомонтажим на PHP
Возвращаясь к теме работы с изображениями в PHP, рассмотрим реализацию «смешивания» изображения из нескольких картинок, и способы практического применения такого трюка.
Постановка задачи
Итак, постановка задачи: предположим, на вашем сайте имеется галерея, и для навигации по ней вы (естественно) решили прибегнуть с списку thumbnails*, однако дизайн вашего сайта требует, чтобы картинки имели скругленные края, а также вы хотите, чтобы на каждой картинке стоял логотип вашего сайта.
thumbnails* — так принято называть уменьшенные копии изображения, которые применяются для предварительного просмотра в графических программах, файловых менеджерах а также на сайтах галерей. В переводе с английского дословно значит «ноготь большого пальца руки».
Если вы знакомы с основами работы в Photoshop (а скорее всего, так и есть), то делали бы вы это примерно так (см. схему):
• создали бы скруглённые углы
(с цветом фона по краям и прозрачной областью в середине)
• наложили бы полученую «маску» на исходное изображение
• если у вас непостоянный цвет фона на страницах, то вы также скорей всего указали бы цвет маски в индексе прозрачности
 
Однако, как видим, все эти операции можно отлично автоматизировать. То есть, в конечном итоге, от вас будет только требоваться создать саму исходную картинку. А уменьшение, и все вышеперечисленные работы проделает за вас скрипт, прямо во время обращения пользователя за этой картинкой на сайте. Кроме того, «генерация на лету» даст возможность чрезвычайно просто сменить обрамление всех картинок (например, оставить скругленными только два угла, или просто срезать уголок у картинки) а также поменять «наклееный» логотип, не перерисовывая при этом всех картинок.
Инструментарий
Теперь давайте выясним, что же есть в PHP для реализации нашего замысла.
Для наложения одного изображения на другое существует функция imagecopy():
imagecopy (
            resource dst_im,
            resource src_im,
            int dst_x, int dst_y,
            int src_x, int src_y,
            int src_w, int src_h
           );
Здесь, dst_im и src_im — идентификаторы изображений (соответственно, исходного и накладываемого), dstX и dstY — x,y-координаты на исходном изображении, куда будет вставлено накладываемое; srcX и srcY — x,y-координаты, от которых будет отсчитыватся вырезаемая область изображения-источника (размеры этой области задаются параметрами src_w и src_h).
Как видим, эта функция просто переносит изображение (или его часть) на другое изображение. Однако у нас есть также довольно полезная функция, которая делает это с изменением размеров изображения-источника — imagecopyresized(). Вот её общий вид:
imagecopyresized (
                   resource dst_im,
                   resource src_im,
                   int dstX, int dstY,
                   int srcX, int srcY,
                   int dstW, int dstH,
                   int srcW, int srcH
                  );
Все параметры тут аналогичны предыдущей функции, плюс добавилась ещё одна пара чисел — dstW и dstH, которые задают размеры накладываемой области на изображении dst_im.
Также нам понадобится функция работы с прозрачностью изображения — imagecolortransparent (img, color). Она устанавливает указанный цвет, как прозрачный. Здесь всего два параметра: первый — это, как обычно, идентификатор изображения, второй — номер цвета в таблице цветов (как его достать — ниже).
Для большей совместимости мы будем работать с форматом PNG, т. к. формат GIF поддерживается не всеми версиями GD-библиотеки.
Пару слов о форматах. В интернете существует два формата, способных работать с прозрачностью: PNG (в двух стандартах — PNG-8 и PNG-24) и GIF. Исторически сложилось так, что формат GIF стал более популярен, чем его конкурент. Однако, более новый стандарт PNG более приспособлен к размещению изображений в интернете, в особенности — PNG-24, благодаря большей, чем в GIF возможной глубине (теоретически — до 48 бит, против 8) а также благодаря поддержке 8-битного альфа-канала.

(правда, как не обидно, самый популярный браузер Internet Explorer до сих пор (9 лет!) не поддерживает полностью формат PNG-24 (в частости, самую полезную его фичу - альфа-канал). Так что работать придется по старинке — PNG-8 и однобитной прозрачностью.
Как вы помните, идентификатор цвета можно получить несколькими способами. Уже известный вам способ — функция imagecolorallocate (img, a, b, c), которая добавляет в цветовую таблицу изображения img цвет RGB(a,b,c), если его там нет, и возвращает его порядковый номер из этой самой таблицы.
Другой способ получить номер цвета — это функция imagecolorat (img, x, y). Она возвращает номер цвета пикселя с координатами (x;y) (при условии, что изображение с индексироваными цветами, к которым как раз относятся форматы GIF и PNG-8)
Применение
Что ж, время переходить к примерам. Рассмотрим небольшой PHP-скрипт:
<?php
header("Content-type: image/png");
  
$res = imagecreate(120,120);   
$img = imagecreatefromjpeg("photo.jpg");
$mask = imagecreatefrompng("border.png"); 
$logo = imagecreatefrompng("logo.png");

$green = imagecolorallocate($res,136,203,44);

imagecopyresized ($res,$img,
                  0,0,
                  0,0,
                  120,120,
                  imagesx($img),imagesy($img));
imagecopy ($res,$logo,60,110,0,0,60,12);
imagecopy ($res,$mask,0,0,0,0,120,120);

$trans = imagecolorat($res,0,0);
imagecolortransparent($res,$trans);

imagepng($res);
?>


 

А теперь взглянем поближе. Вначале создаются 4 изображения:
$res = imagecreate(120,120);   
$img = imagecreatefromjpeg("photo.jpg");
$mask = imagecreatefrompng("border.png"); 
$logo = imagecreatefrompng("logo.png");
Это, соответственно, изображение для вывода (пока чистое), сама исходная картинка, «маска»-рамка а также логотип (для наглядности тоже в отдельном файле).
Следующей строчкой мы резервируем в таблице цветов местечко для цвета нашего логотипа (я взял его RGB-значения из графического редактора):
$green = imagecolorallocate($res,136,203,44);
Далее идет самая главная по сути часть программы — наложение изображений:
imagecopyresized ($res,$img,
                  0,0,
                  0,0,
                  120,120,
                  imagesx($img),imagesy($img));
imagecopy ($res,$logo,60,110,0,0,60,12);
imagecopy ($res,$mask,0,0,0,0,120,120);
Первый оператор накладывает исходное изображение на наш чистый лист (одновременно, при необходимости, масштабируя его до нужного размера, в даном случае — 120×120 пикселей), второй — накладывает логотип в нижний правый угол, а третий кладет поверх всего этого нашу маску (при этом учитывается её прозрачность).
Далее идет выделение цвета, который станет прозрачным, и, собственно, этот цвет делается прозрачным :)
$trans = imagecolorat($res,0,0);
imagecolortransparent($res,$trans);
Цвет прозрачности берется по самому верхнему левому пикселю (0;0). Кстати, цвет маски (и соответственно цвет прозрачности) выбирается таким образом, чтобы его точно не оказалось на самом изображении (в данном случае — чистый кислотный розовый, RGB[255,0,255]).
Ну, и последней строчкой собранное изображение отдается на выход:
imagepng($res);
Возможные усовершенствования
Первым делом конечно же стоит вывести имя файла за пределы скрипта, чтобы подобные действия можно было проводить над любым изображением. Например, такой конструкцией:
$imgfile = implode("",$argv);
...
$img = imagecreatefromjpeg($imgfile.".jpg");
Таким образом, все, что будет указано после знака вопроса в обращении к скрипту, будет приниматся как имя файла (без расширения). Типичный вызов теперь может выглядеть так:
<img src="getimg.php?photo">
Кроме того, можно ещё более расширить функциональность скрипта, вынеся также и тип рамки, чтобы иметь возможноть оформлять разные типы картинок одним и тем же скриптом, либо скажем передавать текст подписи к иллюстрации, или много чего ещё...
Но всё это оставляю на ваше самостоятельное творчество. А у меня на сегодня всё. Удачи!
Автор: Сергей Василенко

 

 

Категория: Программинг статьи | Добавил: vict (25.12.2008)
Просмотров: 4327 | Рейтинг: 0.0/0
 
Софт, который может быть интересен
Поворот не туда 4 / Wrong Turn 4 (2011) BDRip
[Фильмы]  25.10.2011
Свежие ключи для NOD32 от 20.11.11
[Секьюрити ( безопасность )]  20.11.2011
МФ-Новогодние зимние песни (2011)
[Аудио ( файлы )]  19.12.2011
VA-Дискотека 80х Ретро FM Зарубежная (2012)
[Аудио ( файлы )]  24.01.2012
Download Master 5.5.7.1145 - менеджер закачек
[Интернет и сети]  29.12.2008
RusTV Player 2.2 Final (релиз от 27.11.2011)
[Графика]  28.11.2011
Красные ночи / Les Nuits rouges du bourreau de jad...
[Фильмы]  19.11.2011
WinASO Registry Optimizer 4.7.6 RePack/Portable by...
[Системные (Vista, Xp и т.д.)]  16.02.2012
Хранитель времени / Hugo (2011/TS/1400Mb) *PROPER*
[Фильмы]  20.01.2012
Call of Duty: Modern Warfare 3 (2011/PC/Rus/RePack...
[Игры]  08.11.2011
 
Интересные статьи
Теплоизоляция
[26.11.2009]  [Строительство монтаж стройматериалы]
Пеноблоки|Пенобетоные блоки|Производство...
[29.01.2010]  [Строительство монтаж стройматериалы]
Выучите английский по телефону
[10.09.2010]  [Общество культура образование]
Работа переводчиком сейчас имеет много лестных эпи...
[05.08.2009]  [Разное статьи]
Нередко случается, что вы куда-либо не успеваете, ...
[03.08.2009]  [Не тематические статьи]
Грамотный подход к разработке веб-представительств...
[02.11.2009]  [Услуги]
Детская и подростковая обувь,и одежда
[22.12.2009]  [Магазины интернет и обычные]
Магазин футболок
[05.11.2009]  [Магазины интернет и обычные]
Защита от радиоуправляемых мин и других ву
[14.09.2009]  [Гаджеты, новинки техники]
Интернет магазин
[11.06.2009]  [Разное статьи]
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

Категории каталога

Операционные системы статьи [6] Мобильные вопросы статьи [9]
Железо статьи [6] Ноутбуки статьи [0]
Софт статьи [13] Программинг статьи [5]
Дизайн и верстка статьи [7] Интернет и сети статьи [25]
Юмор развлекательные статьи [3] Статьи разных авторов [56]
Разное статьи [23] Бытовая техника [21]
Гаджеты, новинки техники [29] Не тематические статьи [17]
Авто, недвижимость и т.д. [40] Туризм спорттовары отели спорт [12]
Медицина здоровье медсайты [20] Строительство монтаж стройматериалы [44]
Дом семья дети быт [26] Фильмы музыка интересное [22]
Игры спорт разслечения досуг [20] Юриспруденция юридические вопросы [8]
Работа карьера обсуждения предложения [17] Услуги [38]
Магазины интернет и обычные [24] Мебель гарнитура дизайн [11]
Общество культура образование [16] Промышленность станки заводы мини заводы [13]

Поиск

Наш опрос

Что Вы наиболее часто ищете в интернете?
Всего ответов: 92

Статистика

ProtoPlex: программы, форум, рейтинг, рефераты, рассылки!