Найти в Дзене

Как создать мультимедийную историю?

Мультимедийная статья должна обязательно включать в себя (можно в любом порядке):

· текстовую канву,

· интерактивную графику,

· тайм-лайн,

· инфографику,

· панорамное фото,

· звуковую дорожку (аудиосюжет и аудиоиллюстрацию),

· карту,

· видео (видеосюжет, видеоиллюстрацию или интерактивный видеосюжет)

Статья может создаваться в любом текстовом редакторе. Для создания мультимедийных элементов используется браузер, необходимо соединение с сетью Интернет. Желательно обновить до последних версий браузер, убедиться в том, что установлен Flash Player последней версии для корректного отображения элементов.

Размещаться статья вместе с элементами может на личном сайте студента, бесплатных сервисах по созданию сайтов (например, wix.com, tilda.cc) или на платформе Яндекс.Дзен.

Сохраняйте все ссылки и встраиваемые коды!

Для создания мультимедийных элементов необходима регистрация на онлайн-сервисах. Автоматическую регистрацию можно пройти через аккаунты в Google, Facebook (на некоторых через Twitter). Поэтому наличие упомянутых аккаунтов облегчит вам жизнь.

ТЕКСТОВАЯ КАНВА ПУБЛИКАЦИИ

1. В текстовом редакторе или онлайн-редакторе создайте план материала. Придумайте заголовок, тизер (детализированный заголовок).

2. Напишите лид (первый абзац с ключевыми идеями статьи) и тестовые подводки к мультимедийным элементам.

3. До веб-публикации на месте каждого из элементов сохраняйте в текстовом редакторе встраиваемые коды и ссылки.

4. Встраиваемый код – что это и для чего? (видеоописание)

ИНТЕРАКТИВНАЯ ГРАФИКА

https://www.thinglink.com/scene/1180446563353231361

Онлайн-сервис (бесплатный, на английском языке) http://www.thinglink.com/

Видео-урок по созданию интерактивной графики с помощью сервиса ThingLink.com

https://www.youtube.com/watch?v=AvkNtGCQXLg

Инструкция

1. Подберите материал для создания интерграфики (основную иллюстрацию и дополнительные, ссылки на связанные темы, видеоссылки, текст)

2. Создайте интерактивную графику в онлайн-сервисе Тhinglink.

3. Сохраните код в текстовом редакторе материала.

ИНФОГРАФИКА

Примеры работ для ознакомления

Большая подборка примеров инфографики

https://www.evernote.com/pub/pechis/infograf_example#st=p&n=433f32e4-fcd2-4428-9e90-d7c5f036194c

Инфографика. Детали создания

http://newreporter.org/2012/05/15/infografika-detali-sozdaniya/

Большая подборка ресурсов по инфографике

http://i.vad.by/links/

Онлайн-сервисы (бесплатные, на английском языке)

piktochart.com

infogr.am или другие на ваш выбор

Видео-уроки

Создание инфографики с помощью сервиса Piktochart.com

Создание инфографики с помощью сервиса Infogr.am

Инструкция

1. Подберите материалы для создания инфографики (табличные данные на выбранную тему).

2. Создайте инфографику в любом из сервисов по выбранной теме.

3. Сохраните встраиваемый код для публикации.

ТАЙМ-ЛАЙН

Примеры работ для ознакомления

http://www.dipity.com/tstefanenko/dt*15f8a34b68c467b6/

Онлайн-сервисы (бесплатные, на английском языке)

www.dipity.com

www.timetoast.com

Видео-уроки

Видео-урок работы на сервисе Dipity.com

https://www.youtube.com/watch?v=9IcBSLkZLrY

Инструкция

1. Выберите сервис для выполнения задания.

2. Подберите материалы для создания тайм-лайна (список дат, иллюстрации, видео или аудио материалы)

3. Создайте тайм-лайн.

4. Сохраните встраиваемый код (embed-код) в материале.

КАРТА

Примеры работ для ознакомления

Подборка карт

https://www.evernote.com/pub/pechis/map_service#st=p&n=2fad3e92-c610-4740-bc2c-748ead0d85aa

Социальный меппинг в СМИ: сдаем карты

http://newreporter.org/2013/09/10/socialnyj-mepping-v-smi-sdaem-karty/

Онлайн-сервисы

Конструктор карт Яндекс

https://tech.yandex.ru/maps/tools/constructor/

Google Maps

https://www.google.com/maps/

Scribblemaps

http://www.scribblemaps.com/

Видео-уроки

https://www.youtube.com/watch?v=yLPIn7wG1Kw

https://www.youtube.com/watch?v=pqSaQOWvqSA

Инструкция

1. Подберите материалы для создания карты (географические точки, маршруты).

2. Создайте собственную карту в любом из сервисов (Яндекс Карты, Google Maps, Scribble Maps) на выбранную тему.

3. Сохраните встраиваемый код в материале.

ПАНОРАМНОЕ ФОТО + ОБЛАКО ТЕГОВ

Примеры работ для ознакомления

Пресс-конференция Путина: анализатор речи в прямом эфире

http://newreporter.org/2012/12/20/press-konferenciya-putina-analizator-rechi-v-pryamom-efire/

Как создать интерактивную фотопанораму онлайн?

http://newreporter.org/2012/02/08/kak-sozdat-fotopanoramu-na-sajt/

http://www.uralskweek.kz/2012/08/07/12249/

Онлайн-сервисы

Панорамное фото

http://www.dermandar.com/

http://photosynth.net/

https://itunes.apple.com/ru/app/spincam/id503987242?mt=8

Облако тегов

http://www.tagxedo.com/

http://infomous.com/%23tab=news/world#tab=news/world

Видео-уроки

Создание фотопанорам с помощью сервиса Dermandar.com

https://www.youtube.com/watch?v=Yfgt841yFbw

Создание фотопанорам на сервисе Photosynth, в приложении для iOs SpinCam

https://www.youtube.com/watch?v=LB7QJYjvfrI

Инструкция

1. Сделайте с помощью фотоаппарата или встроенной камеры ряд фотографий для панорамы.

2. Создайте фотопанораму в любом онлайн-сервисе (не используя функций панорамы в смартфоне/планшете, фотоаппарате).

3. Сохраните встраиваемый код для публикации.


ЗВУКОВАЯ ДОРОЖКА

Примеры работ для ознакомления

Подстанция – ресурс для радиожурналистов

http://www.podst.ru/

Онлайн-сервисы

https://soundcloud.com

Обучение и видео-уроки

Введение в аудиожурналистику

http://lms.irex.ru/cdnewsplex/audio/audiostandup.html

Сила аудио

http://www.authorstream.com/Presentation/ivanpechischev-1922256-powerofaudio/

Видео-урок по работе с программой Audacity

http://lms.irex.ru/cdnewsplex/audio/audacitytutorial.html

Учебное пособие по программе «Audacity»

http://ru.scribd.com/doc/166082726/03-quickrefer

Загрузка звукового файла на сервис SoundCloud

https://www.youtube.com/watch?v=YJz1B_dif2k

Инструкция

1. Подготовьте текст для записи аудио итоговым хронометражом не менее 30 секунд.

2. Запишите в заранее установленной программе Audacity звуковую дорожку и сделайте монтаж звука (добавьте фоновую музыку, сретушируйте голос, громкость и т.д.).

3. Загрузите аудиодорожку на аудиохостинг SoundCloud, сохраните встраиваемый код для публикации.

ВИДЕОСЮЖЕТ

Должен быть привязан к событию, по большей части видеоряд должен быть информационным (по меньшей мере аналитическим). Минимум 1:30 минут.

Примеры работ для ознакомления

http://ria.ru/tv_interaction/

www.youtube.com J

Онлайн-сервисы и ПО

Youtube-видеоредактор

https://www.youtube.com/editor?feature=upload

Popcorn Maker: ставьте интерактивные метки на видео

https://popcorn.webmaker.org/

онлайн-видеоредактор для журналистов

https://www.wevideo.com/

Interlude – платформа для создания интерактивных видео с выбором сюжетной линии

http://te-st.ru/tools/interlude-interactive-video/?utm_content=buffer119f3&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer

Скачать Widows Movie Maker с официального сайта Центра загрузок Microsoft

http://www.microsoft.com/ru-ru/download/details.aspx?id=34

Видео-уроки

Введение в видео

http://lms.irex.ru/cdnewsplex/video/standup.html

Сила видео

http://lms.irex.ru/cdnewsplex/video/innovativevideo.html

Работа с Widows Movie Maker

http://lms.irex.ru/cdnewsplex/video/movemaker.html

Инструкция

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

2. Снимите на камеру в мобильном телефоне, планшете или фотоаппарате видео на тему события (в режиме live – 3-4 минуты). Снимите 1-2 интервью по теме (по 1 минуте). Попросите записать себя либо сделайте это самостоятельно с помощью штатива, как вариант - сэлфи (стэнд ап для начала или окончания видеосюжета).

3. Запишите звуковую дорожку (синхрон), которая будет идти закадровым текстом на протяжении видеоряда, предварительно отредактировав звук в программе Audacity.

4. Смонтируйте видео в любом из видеоредакторов (Movie Maker, Youtube, MeVideo, Popcorn Maker и т.д.). Загрузите видео в видеохостинг (Youtube, например).

5. Сохраните ссылку и встраиваемый код (embed-код) в макете статьи.