3
Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.

Презентация к теме 3
Презентацию можно скачать войдя на сервис SlideShare по ссылке в правом нижнем углу презентации.
Примеры интерактивных иллюстраций в высоком разрешении
  1. Иванов А.А. Явление Христа народу.
  2. Иероним Босх. Сад земных наслаждений.
  3. Страница из Абердинского бестиария. XII век
Сервис StoryMapJS: https://storymap.knightlab.com/
Интерактивная гигапиксельная иллюстрация
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 4/6. Настройка проекта интерактивного изображения.
Как создать масштабируемое изображение на основе картинки высокого разрешения при помощи приложения Adobe Photoshop.
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 5/6. Наполнение контентом проекта интерактивного изображения.
Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 6/6. Опубликованный проект интерактивного изображения.
Практикум 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
Made on
Tilda