- Dana DomiraniХранитель Журнала
- Читает журнал с : 2008-01-03
Сообщений : 24289
Фото-ассоциации [туториал]
Октябрь 18th 2016, 18:31
В чем суть этого творческого развлечения — найти фотографии-ассоциации в одной цветовой гамме. Для примера 
![Фото-ассоциации [туториал] Fotoje10](https://i.servimg.com/u/f97/12/33/62/17/fotoje10.jpg)
1) Для начала найдем фото героя или скриншот из сериала, к которому будем подбирать "ассоциацию"
![Фото-ассоциации [туториал] Dvd_3-10](https://i.servimg.com/u/f97/12/33/62/17/dvd_3-10.png)
Из фото надо извлечь коды базовых цветов. Чтобы сделать это, зайдем на сайт http://www.colorhunter.com и кликнем по кнопке "upload an image"
![Фото-ассоциации [туториал] Image_10](https://i.servimg.com/u/f97/12/33/62/17/image_10.jpg)
В появившемся блоке нажмем "Выберите файл", сделаем, что от нас просят и нажмем "upload image"
![Фото-ассоциации [туториал] Image_12](https://i.servimg.com/u/f97/12/33/62/17/image_12.jpg)
И вот что получим в результате:
![Фото-ассоциации [туториал] Image_11](https://i.servimg.com/u/f97/12/33/62/17/image_11.jpg)
Пять цветов + исходной изображение в шестом блоке. Сохраним эти коды.
2) Теперь отправимся на сайт http://labs.tineye.com/multicolr/
![Фото-ассоциации [туториал] Image_13](https://i.servimg.com/u/f97/12/33/62/17/image_13.jpg)
Раньше данный сайт сам обрабатывал фото и извлекал из них коды цветов, но теперь эта функция предоставляется только платно, поэтому мы будем вводить коды вручную
Кликнем на произвольный цвет (например, черный), чтобы он добавился в палитру, а потом скорректируем код цвета, нажав на нем иконку "Refine this colour"
![Фото-ассоциации [туториал] Image_14](https://i.servimg.com/u/f97/12/33/62/17/image_14.jpg)
Предыдущий сайт дал нам пять цветов: 260403, 651F0A, 62496B, AD4C33 и 957A98. Вот их коды мы и будем подставлять (после символа #). Сначала первый, 260403:
![Фото-ассоциации [туториал] Image_15](https://i.servimg.com/u/f97/12/33/62/17/image_15.jpg)
Добавив код, сохраним выбор кнопкой "Submit".
После этого добавим второй цвет - 651F0A - и снова сохраним:
![Фото-ассоциации [туториал] Image_16](https://i.servimg.com/u/f97/12/33/62/17/image_16.jpg)
И так — все пять, пока у нас не получится полная палитра:
![Фото-ассоциации [туториал] Image_17](https://i.servimg.com/u/f97/12/33/62/17/image_17.jpg)
Преобладание того или иного цвета в разыскиваемом изображении можно отрегулировать при помощи ползунка между блоками. На примере — увеличим преобладание самого темного цвета до 40%:
![Фото-ассоциации [туториал] Image_18](https://i.servimg.com/u/f97/12/33/62/17/image_18.jpg)
Когда все цвета будут выбраны, слева появятся варианты сходных изображений. Их много, листать страницы надо кнопками «Previous и Next»
![Фото-ассоциации [туториал] Image_19](https://i.servimg.com/u/f97/12/33/62/17/image_19.jpg)
При желании можно добавить теги (на английском!), чтобы уточнить результаты поисков. Например, добавим тег "food" (еда), чтобы слева в первую очередь выводились изображения с едой
![Фото-ассоциации [туториал] Image_20](https://i.servimg.com/u/f97/12/33/62/17/image_20.jpg)
Отыскав подходящее изображение, кликните по его превью, а потом — по названию, чтобы открыть полноразмерное изображение:
![Фото-ассоциации [туториал] Image_21](https://i.servimg.com/u/f97/12/33/62/17/image_21.jpg)
Сохраняем картинку и потом объединяем в один коллаж со скрином из сериала:
![Фото-ассоциации [туториал] Fotoje11](https://i.servimg.com/u/f97/12/33/62/17/fotoje11.jpg)
Все!
Делитесь своими работами!
Выкладывайте их в этой теме >>>

![Фото-ассоциации [туториал] Fotoje10](https://i.servimg.com/u/f97/12/33/62/17/fotoje10.jpg)
1) Для начала найдем фото героя или скриншот из сериала, к которому будем подбирать "ассоциацию"
![Фото-ассоциации [туториал] Dvd_3-10](https://i.servimg.com/u/f97/12/33/62/17/dvd_3-10.png)
Из фото надо извлечь коды базовых цветов. Чтобы сделать это, зайдем на сайт http://www.colorhunter.com и кликнем по кнопке "upload an image"
![Фото-ассоциации [туториал] Image_10](https://i.servimg.com/u/f97/12/33/62/17/image_10.jpg)
В появившемся блоке нажмем "Выберите файл", сделаем, что от нас просят и нажмем "upload image"
![Фото-ассоциации [туториал] Image_12](https://i.servimg.com/u/f97/12/33/62/17/image_12.jpg)
И вот что получим в результате:
![Фото-ассоциации [туториал] Image_11](https://i.servimg.com/u/f97/12/33/62/17/image_11.jpg)
Пять цветов + исходной изображение в шестом блоке. Сохраним эти коды.
2) Теперь отправимся на сайт http://labs.tineye.com/multicolr/
![Фото-ассоциации [туториал] Image_13](https://i.servimg.com/u/f97/12/33/62/17/image_13.jpg)
Раньше данный сайт сам обрабатывал фото и извлекал из них коды цветов, но теперь эта функция предоставляется только платно, поэтому мы будем вводить коды вручную

Кликнем на произвольный цвет (например, черный), чтобы он добавился в палитру, а потом скорректируем код цвета, нажав на нем иконку "Refine this colour"
![Фото-ассоциации [туториал] Image_14](https://i.servimg.com/u/f97/12/33/62/17/image_14.jpg)
Предыдущий сайт дал нам пять цветов: 260403, 651F0A, 62496B, AD4C33 и 957A98. Вот их коды мы и будем подставлять (после символа #). Сначала первый, 260403:
![Фото-ассоциации [туториал] Image_15](https://i.servimg.com/u/f97/12/33/62/17/image_15.jpg)
Добавив код, сохраним выбор кнопкой "Submit".
После этого добавим второй цвет - 651F0A - и снова сохраним:
![Фото-ассоциации [туториал] Image_16](https://i.servimg.com/u/f97/12/33/62/17/image_16.jpg)
И так — все пять, пока у нас не получится полная палитра:
![Фото-ассоциации [туториал] Image_17](https://i.servimg.com/u/f97/12/33/62/17/image_17.jpg)
Преобладание того или иного цвета в разыскиваемом изображении можно отрегулировать при помощи ползунка между блоками. На примере — увеличим преобладание самого темного цвета до 40%:
![Фото-ассоциации [туториал] Image_18](https://i.servimg.com/u/f97/12/33/62/17/image_18.jpg)
Когда все цвета будут выбраны, слева появятся варианты сходных изображений. Их много, листать страницы надо кнопками «Previous и Next»
![Фото-ассоциации [туториал] Image_19](https://i.servimg.com/u/f97/12/33/62/17/image_19.jpg)
При желании можно добавить теги (на английском!), чтобы уточнить результаты поисков. Например, добавим тег "food" (еда), чтобы слева в первую очередь выводились изображения с едой
![Фото-ассоциации [туториал] Image_20](https://i.servimg.com/u/f97/12/33/62/17/image_20.jpg)
Отыскав подходящее изображение, кликните по его превью, а потом — по названию, чтобы открыть полноразмерное изображение:
![Фото-ассоциации [туториал] Image_21](https://i.servimg.com/u/f97/12/33/62/17/image_21.jpg)
Сохраняем картинку и потом объединяем в один коллаж со скрином из сериала:
![Фото-ассоциации [туториал] Fotoje11](https://i.servimg.com/u/f97/12/33/62/17/fotoje11.jpg)
Все!
Делитесь своими работами!

Права доступа к этому форуму:
Вы не можете отвечать на сообщения