Эффект выборочного цвета на PHP

15.07.2016 | Категория: Web-мастеру и не только | Автор: ManHunter

Эффект выборочного цвета на PHP

Эффект выборочного цвета есть в некоторых фотоаппаратах Nikon, во многих графических редакторах. Сам эффект заключается в том, что на изображении цветным остается только какой-нибудь один тон, а все остальные цвета преобразуются в оттенки серого. Выборочный цвет, например, часто применяется в оформлении готических фотографий, на которых кроваво-красные цветы, элементы одежды или предметы сочетаются с мрачным черно-белым фоном.

Выборочный цвет - красный

Я решил реализовать подобный эффект на PHP. Алгоритм обработки простой: в цикле проходим по всем точкам изображения, если точка попадает в нужный цветовой тон, то она остается без изменения, иначе обесцвечивается. Обрабатывать изображение попиксельно мы умеем, определять цвета точек тоже. Основной код позаимствован из предыдущей статьи, оттуда же взята формула получения значения цветового тона из RGB-цвета.

Code (PHP) : Убрать нумерацию

// Файл для обработки
$im=ImageCreateFromJPEG('test.jpg');
// Размеры изображения
$width=ImageSX($im);
$height=ImageSY($im);
for ($x=0; $x<$width; $x++) {
for ($y=0; $y<$height; $y++) {
$rgb=ImageColorAt($im,$x,$y);
$R=($rgb >> 16) & 0xFF;
$G=($rgb >> 8) & 0xFF;
$B=$rgb & 0xFF;
// Цветовой тон
$maxRGB=max(array($R, $G, $B));
$minRGB=min(array($R, $G, $B));
$delta=$maxRGB-$minRGB;
if ($delta!=0) {
if ($maxRGB==$R) {
$h=(($G-$B)/$delta);
}
elseif ($maxRGB==$G) {
$h=2+($B-$R)/$delta;
}
elseif ($maxRGB==$B) {
$h=4+($R-$G)/$delta;
}
$hue=round($h*60);
if ($hue<0) { $hue+=360; }
}
else {
$hue=0;
}
// Оставить только красный цветовой тон
if (!($hue>320 || $hue<=20)) {
// Преобразовать цвет в оттенки серого
$gray=0.2126*$R+0.7152*$G+0.0722*$B;
$new_color=ImageColorAllocate($im, $gray, $gray, $gray);
ImageSetPixel($im,$x,$y,$new_color);
}
}
}
// Прибраться за собой
ImageDestroy($im);

Как вычисляется диапазон цветового тона, я подробно рассказал в статье про определение основного цвета, но тут, скорее всего, граничные значения придется корректировать и подбирать опытным путем. А вот на преобразовании в оттенки серого стоит остановиться. Для того, чтобы преобразовать цвет из RGB в оттенки серого, используется формула:

Gray = 0.2126*R + 0.7152*G + 0.0722*B
Соответственно, при обесцвечивании точки изображения, каждая составляющая RGB исходного цвета получает одинаковые значения, равные значениям оттенков серого.

Вот несколько примеров фотографий с наложенным на них эффектом выборочного цвета. Все они были получены только при помощи этого скрипта, никакие графические редакторы при этом не использовались.

Исходное изображение

Выборочный цвет - красный

Выборочный цвет - зеленый

Исходное изображение

Выборочный цвет - синий

Выборочный цвет - желтый

Этот же код можно использовать просто для преобразования изображения в оттенки серого. Для этого надо убрать вычисление цветового тона и проверку его граничных значений.

Code (PHP) : Убрать нумерацию

$file='test.jpg';
$im=ImageCreateFromJPEG($file);
$width=ImageSX($im);
$height=ImageSY($im);
for ($x=0; $x<$width; $x++) {
for ($y=0; $y<$height; $y++) {
$rgb=ImageColorAt($im,$x,$y);
$R=($rgb >> 16) & 0xFF;
$G=($rgb >> 8) & 0xFF;
$B=$rgb & 0xFF;
$gray=0.2126*$R+0.7152*$G+0.0722*$B;
$new_color=imagecolorallocate($im, $gray, $gray, $gray);
imagesetpixel($im,$x,$y,$new_color);
}
}
header("Content-type: image/jpeg");
ImageJPEG($im,NULL,100);
// Прибраться за собой
ImageDestroy($im);

Получается примерно так:

Изображение в оттенках серого

Еще один вариант этого эффекта - "рентгеновский снимок". Тут тоже считается оттенок серого, но немного по другой формуле, а затем цвет инвертируется.

Code (PHP) : Убрать нумерацию

$file='test.jpg';
$im=ImageCreateFromJPEG($file);
$width=ImageSX($im);
$height=ImageSY($im);
for ($x=0; $x<$width; $x++) {
for ($y=0; $y<$height; $y++) {
$rgb=ImageColorAt($im,$x,$y);
$R=($rgb >> 16) & 0xFF;
$G=($rgb >> 8) & 0xFF;
$B=$rgb & 0xFF;
$gray=0.3*$R+0.6*$G+0.1*$B;
$gray=280-$gray;
if ($gray>255) { $gray=255; }
$new_color=imagecolorallocate($im, $gray, $gray, $gray);
imagesetpixel($im,$x,$y,$new_color);
}
}
header("Content-type: image/jpeg");
ImageJPEG($im,NULL,100);
// Прибраться за собой
ImageDestroy($im);

Изменяя коэффициент инвертирования, можно добиться различных вариантов рентгеновского снимка. Мне больше нравится значение 280.

Эффект рентгеновского снимка

А вот программная реализация алгоритма из статьи. При помощи этой утилиты можно удалять с изображения ненужные цвета. Автор - wetal, за что ему большое спасибо.

Remove color 0.1

Remove.color.0.1.zip (228,871 bytes)

Просмотров: 2884 | Комментариев: 14

Метки: PHP, графика

Внимание! Статья опубликована больше года назад, информация могла устареть!

Красивая реализация на PHP и отличная программа! От себя добавлю, что интересный эффект дает закрашивание фона в черный цвет помимо оттенок серого, можно также добавить прозрачность.

ManHunter (18.07.2016 в 11:02):

Прикольно получилось, спасибо! Прицеплю к статье в качестве примера.

wetal (18.07.2016 в 10:43):

Вот, посмотрите что вышло:
win2util.far.ru/programs/remcol.zip

После запуска программы выбираем изображение( положил в архив два с разными цветами!), оно открывается в уменьшенном размере. если умещается не всё в окне, то можно окно программы растянуть.
Галочками отмечаем, какой цвет оставить и нажимаем Просмотр, для возврата всех цветов нажимаем Сброс. Правой кнопкой мыши можно на картинке выбрать цвет, который надо удалить с картинки, если даже он входит в диапазон выбранных цветов. Это бывает полезно для коррекции.
Вроде всё остальное понятно. Проверял на win XP.

ManHunter (17.07.2016 в 20:13):

А лучше на файлообменник, тогда я приаттачу программу к статье.

master-ufa (17.07.2016 в 19:16):

wetal пришли на электронку: 771973@mail.ru

wetal (15.07.2016 в 18:04):

master-ufa, можно легко! Я почти так и сделал "на коленке" тестовую. Могу оформить в конечный вариант, если надо.

Never (15.07.2016 в 13:04):

Ох не фигаж ты демон! Фотошоп фотошопом, а тут же хоть пакетную обработку фигач. Да и не всегда же комбайн в виде фотошопа нужен, я до сих пор твоими "пилотами" пользуюсь.

ManHunter (15.07.2016 в 11:01):

master-ufa, фотошоп же: http://photoshop-help.ru/3061-...yy-urok.html

master-ufa (15.07.2016 в 10:25):

А можно сделать программку, где в одном окне файл находишь, а в другом определяешь какие цветы оставить/убрать?

wetal (15.07.2016 в 06:18):

Спасибо, очень полезный алгоритм. Предыдущую статью "Определение основного цвета изображения на PHP" видел, но как то тогда не увидел практической ценности( на PHP не пишу). А тут с наглядными примерами сразу стало ясно где и как можно применить. Переписал для себя, отлично работает и на десктопе, достаточно быстро фильтрует цвета!

Добавить комментарий

Заполните форму для добавления комментария

Если программист в девять утра уже на работе, значит он там же и ночевал

Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина

Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал

Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.

Метки статей

Свернуть

Вам помог этот сайт?

Поблагодарили 35,693 раза

День памяти крымчаков и евреев Крыма – жертв нацизма

Международный день танго

Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите

Ctrl

Enter

Буду очень благодарен, если размеcтите мою кнопочку:

<a href="https://www.manhunter.ru" target="_blank"><img src="https://www.manhunter.ru/images/button.gif" alt="Личный блог ManHunter'а" title="Личный блог ManHunter'а" width="88" height="31" /></a>

$Яндекс тИЦ: {YANDEX_TIC}$

Яндекс ИКС: 360

Сейчас я слушаю

---

- автообновление

Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2024
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.09 сек. / MySQL: 2 (0.0038 сек.) / Память: 4.5 Mb

	2024 - ДЕКАБРЬ
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Эффект выборочного цвета на PHP

Комментарии

Добавить комментарий