Создание коллажа из кадров видеоклипа

Во время прогулок к роднику  за свежей родниковой водой и воздухом леса, часто приходят интересные и яркие идейки. В этот раз было немного по-другому, идея пришла, когда уже вернулся домой.

Недавно обнаружил в интернете яркое, зажигательное, энергетическое видео - клип, достойный просмотра миллионами людей! Идейка и её реализация напрямую связаны с этим видеороликом о хороводе в Новосибирске.

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

Так вот, вернёмся к нашим пирогам, сегодня утром, после того как две 6-литровые ёмкости родниковой воды самодоставились ко мне на кухню, пришла занятная идея - а что если совместить приятное с полезным, и выложить в блоге инструкций тот классный ролик с новосибирскими хороводами, а ниже рассказать о том, как можно вытащить красивые кадры из этого видео и сделать из них оригинальный коллаж (Чем не инструкция? И главное всё по делу!). Этим и займёмся.

К вашему вниманию предлагается:

ФЛЕШМОБ по-русски - дружные пляски на площади
Новосибирск, 16 сентября 2012 года

Организатор акции - Государственный Академический Сибирский русский народный хор



Смотрим онлайн с ютуба или качаем для возможности просмотра с компьютера без подключения интернета.
Предлагается два варианта качества, оба в формате WebM, смотреть который желательно плеером VLC Media Player .

Качество 720p :
Видео: WebM, VP8, 1280*720, 1000fps, ~3070 Kbps
Звук: Ogg Vorbis, 44 kHz, ~192 Kbs, stereo
Продолжительность: 3'55''
Размер: 95.4 Мб

Ссылка для скачивания:
https://dl.dropbox.com/s/bcth9shr32mc84k/Russian_flashmob_horovod_720p.webm?dl=1 
Прямая ссылка для просмотра в браузере из интернета (нужна последняя версия браузера FireFox, Opera или Google Chrome):
https://dl.dropbox.com/s/bcth9shr32mc84k/Russian_flashmob_horovod_720p.webm
Ссылка для расшаривания файла через dropbox:
https://www.dropbox.com/s/bcth9shr32mc84k/Russian_flashmob_horovod_720p.webm

Качество 1080p :
Видео: WebM, VP8, 1920*1080, 1000fps, ~5991 Kbps
Звук: Ogg Vorbis, 44 kHz, ~192 Kbs, stereo
Продолжительность: 3'55''
Размер: 180 Мб

Ссылка для скачивания:
https://dl.dropbox.com/s/vgkfvb7ti5k4cn2/Russian_flashmob_horovod_1080p.webm?dl=1
Прямая ссылка для просмотра в браузере из интернета (нужна последняя версия браузера FireFox, Opera или Google Chrome):
https://dl.dropbox.com/s/vgkfvb7ti5k4cn2/Russian_flashmob_horovod_1080p.webm 
Ссылка для расшаривания файла через dropbox:
https://www.dropbox.com/s/vgkfvb7ti5k4cn2/Russian_flashmob_horovod_1080p.webm

Ниже читайте о том, как я делал коллажики по мотивам этого клипа.

Живая Книга в формате HTML5 как способ подачи многослоевой информации, включающей текст, иллюстрации, видеоролики и звуковые файлы

Издревле мудрецы зашифровывали свои послания, используя буквы, слова, свет своей души и тепло своего сердца. Они обладали колоссальными знаниями и в то же время количество способов передачи информации тем, кто ещё дремлет, тогда было ограничено.

Сегодня же, используя возможности HTML5, вы можете создавать библиотеки самой разнообразной тематики. Причём, книги в таких библиотеках кроме текстовой информации и статических иллюстраций, также могут содержать анимированные слайдшоу, видеоролики и звуковую информацию, содержащую в себе голоса людей, звуки вселенной, и конечно музыку, радующую слух.

Кроме единичных изображений или фотографий, в качестве иллюстраций к книгам формата HTML5, вы также можете добавлять коллажи, аналогом которым раньше служили стенгазеты, обклеенные со всех сторон фотографиями. Также современные технологии позволяют дать возможность вашим читателям скользить по необъятным просторам информационного поля, переходя  по активным ссылкам внутри текста, чем-то напоминающим собой порталы, объединяющие между собой множество сгустков информации самой различной тематики.

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

Сделал видеоинструкцию, помогающую раскрыть эту тему полнее и доступнее:


Это обучающее видео разбито на следующие разделы:
Создание коллажей в программе XnView: горизонтальная и вертикальная склейка;
Создание коллажей в программе Ulead Photoimpact 12: коллаж в виде картинок
на красивом фоне;
Создание GIF-анимации с помощью Ulead Gif Animator 5;
Конвертирование видео из MP4 в WebM с помощью VLC Media Player;
Создание мультимедийного информационного блока в формате HTML5 для просмотра на компьютере без подключения к интернету.

Каждый раздел инструкции из того списка, что выше - кликабельный. По клику открывается видео на YouTube, перемотанное на нужную секунду. В идеале было бы перематывать по клику видео в уже открытой вкладке, но пока такой возможности нету, поэтому лишнее закрываем руками.

Ниже расскажу о том, как на базе записей из личного или корпоративного блога можно создавать свою Живую Книгу в формате HTML5, в которую можно вставлять изображения, gif-анимацию, видеоролики и звуковые файлы. Всё это можно обустроить таким образом, чтобы у вас была возможность читать такую книгу с компьютера не подключенного к интернету и не испытывать при этом даже минимального дискомфорта.
Кроме этого, также опишу пару способов создания коллажей из изображений, расскажу, как создавать GIF-анимацию для книги, а также научу вас конвертировать видео в формат WebM, который подходит для вставки в HTML5.

В первой версии этой инструкции по созданию Живой Книги на базе формата HTML5, опишу программы для Windows, дающие вам возможность создавать красивые коллажи, gif-анимации, а также конвертировать видео и звуковые файлы в подходящий формат. В дальнейшем эта тема, возможно, будет дополнена информацией о программах для других операционных систем, решающих похожие задачи.

XnView - удобная программа для создания коллажей и панорамной склейки фотографий

В этой теме я расскажу о том, как можно создавать красивые коллажи простой склейкой изображений в Windows. Тех, кто работает в среде Linux, может заинтересовать другая моя инструкция схожей тематики: Создание коллажей в Linux ,  а мы, этим временем, вернёмся к Windows.

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

Дело было давно, наверное, даже больше чем 2 года назад, захотелось мне склеить несколько кадров то ли клипа то ли фильма (уже и не помню) в ряд, с добавлением некоторой смысловой нагрузки (чтобы порядок кадров что-то значил, чтобы просматривалось что-то вроде мини-истории). Благодаря такой вот задачке и набрёл в поисках подходящего для этого дела инструмента на програмку XnView. Разобравшись как склеивать картинки в горизонтальный ряд, заметил там ещё и опцию быстрой склейки картинок по вертикали. Увлекаясь в детстве игрушкой тетрис, а также наблюдая за людьми, увлечённо разгадывающими японские кроссворды, я и не думал, что такой опыт из моего детства послужит идейкой и толчком для интересных начинаний. В общем, подробностей здесь раскрывать не буду, но, комбинируя горизонтальную и вертикальную склейку изображений (красивых картинок богатых разнообразными символами или фотографий из семейного альбома), можно строить домик, аналогично тому, который мы строили, играя в тетрис ...

Сделал видеоинструкцию по склеиванию изображений и электронных фотографий с помощью программы XnView. Делается это очень легко и, включая фантазию, творчество, немножечко впадая в детство, можно создавать очень красивые коллажики на самые разные темы (просто для души или для мини-фотоальбомов на печать). Милости прошу к просмотру :)

XnView - бесплатная программа, созданная энтузиастом своего дела Pierre-Emmanuel Gougelet. Кроме той фишки, что я показал в видео, в программе есть ещё очень много полезных и интересных инструментов для обработки изображений. Лично у меня программа XnView установлена просмотрщиком изображений по умолчанию, рекомендую, очень удобно!

Ниже, для тех, кому удобнее читать текст, а не смотреть видео, опишу способ создания коллажей в этой программе словами :-)