Создаем фото-мозаику » Окно в мир дизайна и компьютерной графики

11.thumbnail Создаем фото мозаику

Сложность такого рода иллюстраций заключается в том, что создание небольших превью требует или специализированного программного обеспечения или долгой возни в Photoshop’е.
Я практически полностью автоматизировал процесс используя программу для обработки видео (Adobe Premiere) дабы получить 400 превью и потом использовал инструмент Контрольный лист в Photoshop чтобы собрать их в один файл. Достоинство этого метода заключается в том, что каждый кадр будет отличаться от предыдущего, хоть и будет похож на него.
В добавок так как превьюшки создаются из серии видео кадров, так же возможно придать определенную тематику общей картине, используя эту раскадровку. Итак, начнем.

 

ШАГ 1. Для начала, открываем редактор видео (в нашем случае Premier) и переносим некоторые видео клипы в рабочую область. Перед нами открываются небольшие превью на каждом из клипом.

 

2 Создаем фото мозаику

 

ШАГ 2.Теперь мы можем экспортировать видео в виде серии картинок. Premiere позволяет выбирать частоту кадров. Для нашей задачи лучше выбрать один кадр в секунду, чтобы получить более разнообразные картинки.

 

3 Создаем фото мозаику

 

ШАГ 3. Убедитесь в том, что вы экспортировали кадры в одну папку и там больше нет других фалов. Теперь у нас есть картинки для подложки… но мы не будем вставлять их слой за слоем в фотошоп, на это уйдет уйма времени.

 

4 Создаем фото мозаику

 

ШАГ 4. Так как картинки взяты из видео потока, то среди них могут быть размытые, непонятно с чем или просто плохие. Оставим приблизительно 400 картинок (количество зависит от того какую картинку вы хотите получить в конце 400 – это сетка 20*20 превью)

 

 

5 Создаем фото мозаику

 

ШАГ 5. Вернемся к Photoshop’у. Используем Файл?Автоматизация?Контрольный лист для составления сетки из картинок. Снимаем галочку с Использовать имя файла как подпись, так как иначе это приведет к появлению подписей под каждой картинкой, так же снимаем галочку с Использовать Авторазрядку, изменяем вертикальный и горизонтальный зазор до 0, так что бы не было промежутков между картинками. Выставляем количество колонок и рядом на одно и тоже число. (у меня 20).

 

6 Создаем фото мозаику

 

ШАГ 6. Убедитесь в том, что пропорция пикселов у картинок совпадает с пропорцией пикселов в документе, иначе Photoshop автоматически выставит пробелы между картинками. Пропорция кадров в видео – 1:1.25, поэтому размеры документа я выбрал 18*22.5 см

 

.7 Создаем фото мозаику

 

ШАГ 7. Если вы захотите, то в любое время сможете изменить размер картинок и продублировать их чтобы полностью заполнить рабочую область или создать более детализированную картинку. Тут я просто копипастнул полученную сетку.

81 Создаем фото мозаику

 

ШАГ 8. Основная картинка должна быть чем-то довольно чистым и не аляповатой. Это должна быть картинка с достаточной четкостью и энергичностью чтобы читаться когда она будет разбита на множество маленьких картинок. Поместите эту картинку на новый слой поверх предыдущего.

9 Создаем фото мозаику

 

ШАГ 9. В зависимости от заднего и переднего плана, вам придется поэкспериментировать с методом наложения. Hard Light (Жесткий свет) создает хороший баланс на данной картинке, но уровни яркости и насыщенности придадут еще лучший эффект.

 

10 Создаем фото мозаику

 

ШАГ 10. Добавляем цвета, насыщенности и уровней на обоих картинках – это поможет сбалансировать силу главной картинки с подложкой. Я пришел к высококонтрастному виду, увеличив уровни на кадре с глазом и уменьшив насыщенность на подложке.

 

11 Создаем фото мозаику

 

Вот результат хорошего качества….

 

full.thumbnail Создаем фото мозаику

 

Автор туториала: Christian Darkin Подробнее

Перевел: Родионов А.А. Подробнее

Из журнала Computer Arts/Summer 2006

Специально для сайта: www.flashripper.net/demoblog/

Комментарий от BROKEN | Записано: Воскресенье, ноября 4, 2007 в 00:16

Неплохой урок. Давайте еще уроков. Спасибо!

Комментарий от SITE DEESIGN | Записано: Воскресенье, ноября 4, 2007 в 00:17

Согласен урок неплохой. Было бы хорошо еще добавить уроков, тогда будет просто супер класс!!! :-)

Комментарий от СергеЙ | Записано: Воскресенье, ноября 4, 2007 в 00:23

Я тоже хочу больше уроков. А этот урок ничего. Буду ждать новых уроков! Спасибо!!!

Комментарий от admin | Записано: Воскресенье, ноября 4, 2007 в 00:34

Скоро будет новый урок. Так, что ждите.

Комментарий от GarryKillian | Записано: Воскресенье, ноября 4, 2007 в 00:40

Рад, что понравилось ;) Скоро будут еше уроки =) Обещаю…

Комментарий от demolution | Записано: Воскресенье, ноября 4, 2007 в 11:15

Спасибо за туториал

Комментарий от StupidDesign | Записано: Четверг, ноября 8, 2007 в 21:46

Спасибо!

Комментарий от Qvot | Записано: Среда, ноября 21, 2007 в 23:55

Хорошо!
Теперь есть чему поучиться!

Комментарий от Джюм | Записано: Четверг, сентября 4, 2008 в 21:51

Что то Автор почти совсем перестал писать новые посты и даже админить блог? Может чего случилось?

Комментарий от admin4ek | Записано: Пятница, сентября 5, 2008 в 13:45

Если быть внимательным, то новые посты добавляются в блоге. Но как прежде не могу размещять по столько новых записей, т.к сильно занят, но вскорем возобновлю

Оставьте комментарий