Dana Domirani
Dana Domirani
Хранитель Журнала
Хранитель Журнала
Читает журнал с : 2008-01-03

Сообщений : 24290

Фото-ассоциации [туториал]

Октябрь 18th 2016, 18:31
В чем суть этого творческого развлечения — найти фотографии-ассоциации в одной цветовой гамме. Для примера Улыбаюсь

Фото-ассоциации [туториал] Fotoje10


1) Для начала найдем фото героя или скриншот из сериала, к которому будем подбирать "ассоциацию"

Фото-ассоциации [туториал] Dvd_3-10

Из фото надо извлечь коды базовых цветов. Чтобы сделать это, зайдем на сайт http://www.colorhunter.com и кликнем по кнопке "upload an image"

Фото-ассоциации [туториал] Image_10

В появившемся блоке нажмем "Выберите файл", сделаем, что от нас просят и нажмем "upload image"

Фото-ассоциации [туториал] Image_12


И вот что получим в результате:

Фото-ассоциации [туториал] Image_11

Пять цветов + исходной изображение в шестом блоке. Сохраним эти коды.


2) Теперь отправимся на сайт http://labs.tineye.com/multicolr/

Фото-ассоциации [туториал] Image_13

Раньше данный сайт сам обрабатывал фото и извлекал из них коды цветов, но теперь эта функция предоставляется только платно, поэтому мы будем вводить коды вручную Подмигиваю

Кликнем на произвольный цвет (например, черный), чтобы он добавился в палитру, а потом скорректируем код цвета, нажав на нем иконку "Refine this colour"

Фото-ассоциации [туториал] Image_14

Предыдущий сайт дал нам пять цветов: 260403, 651F0A, 62496B, AD4C33 и 957A98. Вот их коды мы и будем подставлять (после символа #). Сначала первый, 260403:

Фото-ассоциации [туториал] Image_15

Добавив код, сохраним выбор кнопкой "Submit".

После этого добавим второй цвет - 651F0A - и снова сохраним:

Фото-ассоциации [туториал] Image_16

И так — все пять, пока у нас не получится полная палитра:

Фото-ассоциации [туториал] Image_17

Преобладание того или иного цвета в разыскиваемом изображении можно отрегулировать при помощи ползунка между блоками. На примере — увеличим преобладание самого темного цвета до 40%:

Фото-ассоциации [туториал] Image_18

Когда все цвета будут выбраны, слева появятся варианты сходных изображений. Их много, листать страницы надо кнопками «Previous и Next»

Фото-ассоциации [туториал] Image_19

При желании можно добавить теги (на английском!), чтобы уточнить результаты поисков. Например, добавим тег "food" (еда), чтобы слева в первую очередь выводились изображения с едой

Фото-ассоциации [туториал] Image_20

Отыскав подходящее изображение, кликните по его превью, а потом — по названию, чтобы открыть полноразмерное изображение:

Фото-ассоциации [туториал] Image_21

Сохраняем картинку и потом объединяем в один коллаж со скрином из сериала:

Фото-ассоциации [туториал] Fotoje11

Все!




Делитесь своими работами! Подмигиваю Выкладывайте их в этой теме >>>
Права доступа к этому форуму:
Вы не можете отвечать на сообщения