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

11.jpg

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

 

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

 

2.jpg

 

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

 

3.jpg

 

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

 

4.jpg

 

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

 

 

5.jpg

 

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

 

6.jpg

 

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

 

.7.jpg

 

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

81.jpg

 

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

9.jpg

 

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

 

10.jpg

 

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

 

11.jpg

 

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

 

full.jpg

 

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

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

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

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

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

Спасибо!

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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

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

Like or Dislike: Thumb up 0 Thumb down 0

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