Мультимедиа для...
TRANSCRIPT
![Page 1: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/1.jpg)
Мультимедиа для НПО: Изучаем сервисы
2016г.
![Page 2: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/2.jpg)
• Запросы АУДИТОРИИ изменились:
– Информационная перегруженность (аудитория начинает экономить время)
– Много «красивой» информации (человек в большей степени становится визуалом
– Мобильность аудитории (люди стали по-другому работать)
– Индивидуальные потребности аудитории
Зачем нужны мультимедиа?
![Page 3: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/3.jpg)
Виды мультимедиасервисов
• Фото: интерактивное фото, 3d фото, фоторепортаж, демотиватор, фотопанорама,
онлайн-фотогалереи
• Слайдкаст: фоторепортаж с музыкой или комментарием, презентация с
комментарием, интервью с фото
• Online-репортажи: трансляция видео, Twittter\ Facebook репортаж (прямое
включение)
• Видео: интервью, видеосоветы и инструкции, смешное и страшное видео, лекции,
ролики и вирусы, мультипликация
• Инфографика
• Таймлиния
• Интерактивные карты
• Тесты, игры
• Таблицы, графики
![Page 4: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/4.jpg)
Слайдшоу, аудиослайдшоу
![Page 5: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/5.jpg)
Slidely
![Page 6: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/6.jpg)
Slidely
Интеграция с социальными сетями и другими фото- и видеосервисами дает возможность добавлять не только свои фотографии, но и искать их в Интернете, а также добавлять звуковое сопровождение. Готовую работу можно разместить на своем сайте или поделиться ссылкой.
С помощью онлайн-сервиса Slidely можно создать - Интерактивный коллаж - Слайд-шоу (загрузка до 90 фотографий) - Галерею
![Page 7: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/7.jpg)
Бесплатный инструмент, который работает в браузере.
Вместо Photoshop. Есть цветные фильтры и различные дополнения, которые помогут быстро создать что-нибудь красивое.
Pixlr.com
![Page 8: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/8.jpg)
Фотоизображения
Качественные бесплатные изображения
• EveryStockPhoto.com
• Freedigitalphotos
• MorgueFile
• The Open Photo Project
![Page 9: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/9.jpg)
http://newreporter.org/2012/04/06/kak-sdelat-fotografiyu-ili-skrinshot-interaktivnym
https://www.thinglink.com/scene/771272998253494274
Интерактивное фото
![Page 10: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/10.jpg)
Интерактивное фото
• Сервис Thinglink позволяет разместить на фото активные ссылки на видео, сайт, соцсети
![Page 11: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/11.jpg)
• Movie Maker – самый известный из видеоредакторов для Windows.
• Программа позволяет монтировать видео, применять эффекты, добавлять переходы, музыку и аудиофайлы, загружать готовый фильм сразу на Youtube или Facebook, а также скачать финальное видео на свой компьютер.
Видеообработка
![Page 12: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/12.jpg)
• WeVideo – это онлайн-сервис для редактирования видео, который позволяет подготовить репортаж, видеоклип или презентацию.
• Работает в окне вашего браузера и для его использования нет необходимости скачивать и устанавливать программу.
Видеообработка
![Page 13: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/13.jpg)
• Avidemux (Windows, Mac OS, Linux)
• С его помощью можно разделять видео на части без перекодирования и применять фильтры.
Видеообработка
![Page 14: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/14.jpg)
Online-трансляция
• Позволяют встраивать трансляцию
на сайт. После окончания
трансляции видео сохраняется на
сайте в виде роликов. Можно
распространять ссылки в соцсетях
автоматически.
• Автоматически в Facebook и Twitter
• Youtube
• Ustream.tv
Онлайн-трансляция
![Page 15: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/15.jpg)
Youtube
Зачем НПО видеоканал на YouTube?
• Это один из мощных способов рассказать о проектах и акциях, передать нужные послания через видеообращения и ролики социальной рекламы.
• Это возможность бесплатного продвижения на ресурсе, который сегодня составляет мощную конкуренцию традиционным медиа, например, телевидению и телевизионной рекламе.
• Если вы найдете удачную форму передачи своего послания, пользователи сами будут распространять ваше видео.
• Вы можете встроить канал на свой сайт и осуществлять видеотрансляцию своей работы.
Youtube
![Page 16: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/16.jpg)
Youtube
Программа «YouTube для некоммерческих организаций»
(сбор пожертвований, интеграция с сайтом и т.д.)
Канал международного молодежного климатического движения 350.org
Благотворительный фонд ДОБРО
KhanAcademyRussian
Фонд «Город без наркотиков»
Youtube
![Page 17: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/17.jpg)
• Онлайн-сервисы для создания
оперативной инфографики.
• В них можно загружать цитаты,
цифры, визуализировать их -
создавать словесные облака, схемы,
диаграммы, карты, подвижные
изображения (интерактивную
визуализацию).
Инфографика
![Page 18: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/18.jpg)
![Page 19: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/19.jpg)
![Page 20: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/20.jpg)
•Для статичной инфографики. Около 100 шаблонов
Piktochart
![Page 21: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/21.jpg)
![Page 22: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/22.jpg)
Easel.ly
![Page 23: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/23.jpg)
https://te-st.ru/2014/07/15/problems-of-homeless-people-tell-in-pictures/
![Page 24: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/24.jpg)
![Page 25: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/25.jpg)
![Page 26: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/26.jpg)
![Page 27: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/27.jpg)
Таймлиния
• Когда использовать:
• Хроника событий
• Глубокое погружение в тему
• Начало и конец
• При подготовке
• исторических событий
• Биографии
• Рейтинги
Экономит место
Сервисы: timetoast,
Timeline JS,
Myhistro.com
![Page 28: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/28.jpg)
Пример таймлинии
![Page 29: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/29.jpg)
Пример таймлинии
![Page 30: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/30.jpg)
Canva
• Canva.com - красивая графики.
• Презентации, дизайн для соцсетей, карточки, билеты, инфографика, постеры и многое другое!
Canva.com
![Page 31: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/31.jpg)
Canva
• Canva.com - красивая графики.
• Презентации, дизайн для соцсетей, карточки, билеты, инфографика, постеры и многое другое!
Canva.com
![Page 32: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/32.jpg)
Canva
• Powtoon.com – это инструмент, с помощью которого вы за несколько минут сможете создать анимированные видео. Перетягивайте необходимые элементы и анимационные эффекты – и видео, которое затем легко можно вставить в презентацию, готово.
Анимация слайдов
![Page 34: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/34.jpg)
• Google-карты
1. Необходимо выполнить вход в аккаунт Google или зарегистрировать его.
2. Воспользуйтесь развернутой справкой по работе с Google-картами, в которой собраны ответы на основные вопросы как по использованию Google-карт, так и по созданию собственных персонализирован-ных карт (http://maps.google.com/support)
• Яндекс-карты:
1. Для создания и дальнейшего редактирования персональных карт необходимо авторизоваться или зарегистрировать Яндекс-аккаунт (уникальный идентификатор пользователя на всех страницах и службах Яндекса).
Воспользуйтесь развернутой справкой по работе с Яндекс-картами, в которой представлены ответы на основные вопросы как по использованию карт, так и по созданию собственных карт (http://help.yandex.ru/maps/)
Географические сервисы
![Page 35: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/35.jpg)
Географические
сервисы/Краудмэппинг
Карта пунктов приема вторсырья в Киеве.
Информацию также присылают пользователи.
Помимо комментариев о работе пункта, они часто присылают фотографии, которые также наносятся на карту
Географические сервисы/Краудмэппинг
![Page 36: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/36.jpg)
Географические сервисы
![Page 37: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/37.jpg)
• Карта проекта «Барьеров нет»
• Собраны и классифицированы места в Москве, куда можно попасть с инвалидной и детской коляской (различные организации, места отдыха и т.д.).
• Все, кто хочет внести на карту новые места, могут делать это после регистрации.
Географические сервисы/Краудмэппинг
Географические сервисы/Краудмэппинг
![Page 38: Мультимедиа для журналистовcso-central.asia/wp-content/uploads/2017/01/multimedia... · 2017-02-07 · онлайн-фотогалереи • Слайдкаст:](https://reader033.vdocuments.pub/reader033/viewer/2022050719/5eda376bb3745412b570f7d5/html5/thumbnails/38.jpg)
OpenStreetMap — краудсорсинговая карта, над созданием которой работают волонтеры, вооруженные GPS-девайсами и спутниковыми снимками.
Когда случилось катастрофическое землетрясение на Гаити, тысячи участников проекта приняли участие в составлении и актуализации карты Гаити.
Географические
сервисы/Краудмэппинг
Географические сервисы/Краудмэппинг