пятница, 12 октября 2012 г.

Создание коллажей в Linux



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

Сейчас пришло время описать процедуру создания оригинальных коллажей в среде Linux (на примере Ubuntu 12.04). Ниже опишу создание коллажей склейкой изображений в GIMP, а также расскажу о фишках другой полезной программы для коллажестроения в Linux — Fotowall.


понедельник, 1 октября 2012 г.

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


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

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

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

Так вот, вернёмся к нашим пирогам, сегодня утром, после того как две 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

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

четверг, 30 августа 2012 г.

Конвертация видео и аудиоматериалов в формат, совместимый с HTML5 (WebM, OGG)

В одной из прошлых моих инструкций уже описывал фишки и полезности, которые лично мне помогают в создании оффлайн-версий инструкций, которые сочиняю. В той теме описал несколько способов создания красивых коллажей, создание GIF-анимации, рассказал, как можно конвертировать видео в формат WebM, а также показал один из способов конвертации форматов MP3 и FLAC (lossless) в формат OGG. Тема Живая Книга в формате HTML5 как способ подачи многослоевой информации получилась довольно обширной, поэтому решил для краткости вынести вопросы конвертации видео и аудиофайлов отдельной инструкцией.

Расскажу в двух словах, для чего может понадобиться конвертация видеофайлов в формат WebM и аудиофайлов в формат OGG.

Конвертация видео в WebM может быть актуальна:
Во-первых, ради той фишки, что фильмы, клипы, обучающие видеоролики и другие видеофайлы при конвертации в формат WebM занимают значительно меньше места, чем занимает источник до конвертации при сохранении отличного качества картинки. Экономия места на жестком диске актуальна для большинства пользователей, особенно потребность в сохранении дополнительных гигабайт места бывает полезной, когда этого места мало :) .
Во-вторых, видео формата WebM путём некоторых нехитрых действий вы можете вставить в документ формата HTML5. Кроме этого, залив видео в интернет и имея доступ к прямой ссылке на это видео, вы можете просматривать это видео онлайн (Заливать в интернет и получать прямые ссылки можно, например, пользуясь услугами Dropbox. Вот пример такого видео, проигрывание видеофайла начинается сразу по клику по прямой ссылке, нужна только современная версия любого из браузеров FireFox, Opera или Google Chrome).

Формат WebM поддерживают:  VLC Media Player, Media Player Classic в связке с набором кодеков K-Lite Mega Codec Pack, а также многие другие программы.


Конвертация аудио в формат OGG может быть актуальна:
Для того чтобы использовать аудиофайлы в качестве дополнительных мультимедиа-материалов внутри документов формата HTML5.
О том, как вставлять звуковые файлы формата OGG, а также видеофайлы формата WebM уже написал достаточно подробно в инструкции по созданию Живой Книги на страницах этого блога.

Формат OGG поддерживают: Winamp, foobar2000, а также множеством других альтернативных программ для прослушивания музыки на компьютере.

Сделал видеоинструкцию о том, как с помощью программы VLC Media Player 1.1.11, можно преобразовать видеофайл формата MP4 в формат WebM:



Процедура конвертации видеофайлов других форматов в формат WebM полностью аналогична.
Ниже в текстово-иллюстрированном виде покажу, как конвертировать видео в формат WebM. Также ниже читайте о том, как с помощью VLC Media Player можно конвертировать MP3 в формат OGG и, кроме этого, о том, как конвертировать аудиофайлы формата FLAC в формат OGG с помощью программы foobar2000.

воскресенье, 26 августа 2012 г.

Выбор удачного шрифта с Кириллицей. Внешний вид оных шрифтов для сравнения

Недавно решил подобрать себе красивых шрифтов с кириллицей, чтобы делать следующие видеоинструкции ярче и красившей. Так как выбирать легче всего видя перед собой доступные варианты, перебрал все шрифты доступные в программе Ulead Photoimpact 12 и выбрал те из них, которые поддерживают кириллицу. После этого разбил эти шрифты на группки и сохранил в виде картинок, которые распечатал, после чего любовался и выбирал )) Для наглядности, дважды набрал все буквы русского алфавита,  и к первому алфавиту применил обычный шрифт, а ко второму - соответствующий ему курсивный вариант (и так по всем выбранным шрифтам с кириллицей).

Подумал, может, кому пригодятся мои изыскания в этой области. Кликабельные (нажимаемые) картинки с разными шрифтами (общим количеством 61) для сравнения смотрите ниже. Для каждого шрифта применялся 22й размер шрифта, также все шрифты делал "жирными" (Bold, 22).


Arial, Arial Black, Arial Narrow, Arial Unicode MS:



Batang, BatangChe, Book Antiqua, Bookman Old Style:


вторник, 31 июля 2012 г.

Живая Книга в формате 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-анимации, а также конвертировать видео и звуковые файлы в подходящий формат. В дальнейшем эта тема, возможно, будет дополнена информацией о программах для других операционных систем, решающих похожие задачи.


вторник, 26 июня 2012 г.

Shutter - удобный инструмент для создания скриншотов в Ubuntu


Для создания обучающих материалов по разным интересным программкам, работающим в среде Ubuntu, вам наверняка пригодится инструмент для создания снимков с экрана компьютера. На этом сайте я уже описывал приложение для решения этой задачи в Ubuntu 11.10 - KSnapshot, которое сейчас уже не поддерживается разработчиками.

В этой статье опишу ещё одну программу под Ubuntu, которая также неплохо справляется с задачей фотографирования экрана, а ещё даёт вам возможность редактировать созданные снимки, добавляя на них интересные графические элементы (стрелки, рамки, рисунки карандашом и маркером, а также многое другое). Программу активно развивают разработчики, а называется она - Shutter. Установить её на Ubuntu 12.04 можно через консоль (которая, кстати, здесь вызывается комбинацией клавиш Ctrl+Alt+T), используя следующую комбинацию:

sudo add-apt-repository ppa:shutter/ppa
sudo apt-get update
sudo apt-get install shutter



Немного отвлекаясь от темы, обновил Ubuntu 11.10 до Ubuntu 12.04, после чего отказалась работать быстрая комбинация клавиш для переключения раскладки клавиатуры. Решение нашёл здесь: нужно вызвать консоль (Ctrl+Alt+T), после чего ввести: 

setxkbmap -layout 'us,ru' -option 'grp:ctrl_shift_toggle,grp_led:scroll' 

и нажать Enter, после чего Ctrl+Shift вернётся на свое место.

Ниже опишу возможности программы Shutter, а также немного расскажу как этой программой пользоваться.

пятница, 22 июня 2012 г.

FastStone Capture 7.1 - отличный инструмент для создания скриншотов и записи видео с экрана в Windows

Есть одна классная программа, которой легко можно сделать снимок экрана монитора или его части, нанести на этот снимок подходящие пометки (стрелки, рамки, текстовые комментарии), после чего сохранить этот снимок на своём компьютере, и называется эта программа FastStone Capture. На этом сайте я уже описывал более раннюю версию программы FastStone Capture 5.6, которой сам активно пользовался даже в то время когда разработчики усовершенствовали свой продукт до 6й а потом и до 7й версии (функционала ранее описанной версии хватало, да и, не буду лукавить, сейчас тоже хватает с головой для создания в пару кликов скриншотов нужной области экрана и быстрого уменьшения этих снимков до подходящего разрешения).

Но решил не отставать от времени, и посмотреть, что же всё-таки полезного и практичного было добавлено разработчиками в новой версии. Предлагаю вашему вниманию инструкцию по работе с программой FastStone Capture 7.1, надеюсь, инфа, которую приведу ниже, будет для вас практичной и полезной :)

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



Быстро перейти к нужному разделу обучающего видео вы можете по ссылкам:
Создание скриншотов с помощью FastStone Capture, Редактирование снимков в редакторе FastStone, Настройки видеозахвата в FastStone Capture, Видеозахват с помощью FastStone Capture, Дополнительные фишки FastStone Capture, Настройки программы FastStone Capture.

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

Более короткую версию этого видео смотрите здесь:
Инструкция по программе FastStone Capture 7.1 (Light-версия)

Ниже читайте иллюстрированную инструкцию по программе FastStone Capture 7.1 .