3
Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.
Примеры интерактивных иллюстраций в высоком разрешении
- Иванов А.А. Явление Христа народу.
- Иероним Босх. Сад земных наслаждений.
- Страница из Абердинского бестиария. XII век
Сервис StoryMapJS: https://storymap.knightlab.com/
Интерактивная гигапиксельная иллюстрация
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 4/6. Настройка проекта интерактивного изображения.
Как создать масштабируемое изображение на основе картинки высокого разрешения при помощи приложения Adobe Photoshop.
См. ролик ниже, чтобы узнать, как то же самое сделать при помощи приложения ZoomifyFree.
См. ролик ниже, чтобы узнать, как то же самое сделать при помощи приложения ZoomifyFree.
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 5/6. Наполнение контентом проекта интерактивного изображения.
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 6/6. Опубликованный проект интерактивного изображения.
Работа с ZoomifyFree
Для дополнительного чтения: статья
«Новое медиа в старой шкурке»
«Новое медиа в старой шкурке»
Практикум 3
Создать интерактивное изображение с разметкой и описанием 7−12 кадров в сервисе StoryMapJS.
Для тех кто затрудняется подготовить папку гигапиксельного изображения
можно воспользоваться папкой изображения «Менины» (7844×9000): http://contentium.ru/Velaskes-Meniny/
Для тех, кто хочет выполнить практикум в полном объёме ниже приведены примеры изображений высокой чёткости (на источник можно перейти кликнув на изображение).
Кроме того, такие изображения можно загрузить здесь:
https://commons.wikimedia.org/wiki/Category:Gigapixel_images_from_the_Google_Art_Project
или здесь:
https://commons.wikimedia.org/wiki/Commons:Picture_of_the_Year/2015/R1/Gallery/Frescos,_ceilings_and_stained_glass
СКАЧАТЬ пошаговую инструкцию к практикуму
Для тех кто затрудняется подготовить папку гигапиксельного изображения
можно воспользоваться папкой изображения «Менины» (7844×9000): http://contentium.ru/Velaskes-Meniny/
Для тех, кто хочет выполнить практикум в полном объёме ниже приведены примеры изображений высокой чёткости (на источник можно перейти кликнув на изображение).
Кроме того, такие изображения можно загрузить здесь:
https://commons.wikimedia.org/wiki/Category:Gigapixel_images_from_the_Google_Art_Project
или здесь:
https://commons.wikimedia.org/wiki/Commons:Picture_of_the_Year/2015/R1/Gallery/Frescos,_ceilings_and_stained_glass
СКАЧАТЬ пошаговую инструкцию к практикуму
