Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки
•Download as PPTX, PDF•
0 likes•542 views
Курс "Интерактив Pro - 2016" Тема 3. Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки Содержание темы 3 Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис. Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс. Другие сервисы для создания интерактивных изображений.
More Related Content
What's hot
What's hot (20)
Viewers also liked
More from Pavel Kallinikov
Использование StoryMapJS в режиме «гигапиксельной» интерактивной картинки
- 1. Каллиников П.Ю. Тема 2. Сервис StoryMapJS (карта) Тема 3. Сервис StoryMapJS (иллюстрация) ВЕБИНАР 24.05.2016 15.00 MSK Интерактив PRO — 2016 Мы общаемся здесь: https://www.facebook.com/groups/1143137745736673/ Материалы курса располагаются здесь: http://contentium.tilda.ws/page175655.html
- 2. Наш курс ВЕБИНАРЫ • 17 мая в 15.00 MSK • 19 мая в 15.00 MSK • 24 мая в 15.00 MSK • 26 мая в 15.00 MSK • 31 мая в 15.00 MSK • 2 июня в 15.00 MSK
- 4. Сервис «историй» StoryMapJS: КАРТА
- 7. StoryMapJS: интерфейс страницы создания «путешествия»
- 8. StoryMapJS: интерфейс страницы создания «путешествия»
- 9. StoryMapJS: интерфейс страницы создания «путешествия»
- 13. StoryMapJS: сохранение результата и публикация
- 14. StoryMapJS: сохранение результата и публикация
- 15. StoryMapJS: сохранение результата и публикация
- 17. StoryMapJS: область управления событиями (слайдами)
- 18. StoryMapJS: выбор места на карте
- 24. StoryMapJS: описание события (слайда)
- 27. StoryMapJS: настройки слайда: выбор фона
- 28. StoryMapJS: настройки слайда: выбор фона
- 29. Практикум 2 Создать интерактивное путешествие объёмом 10–15 кадров в сервисе StoryMapJS
- 30. Сервис «историй» StoryMapJS: РЕЖИМ ГИГАПИКСЕЛЬНОЙ ИЛЛЮСТРАЦИИ
- 37. StoryMapJS: вход в аккаунт и создание нового проекта
- 38. StoryMapJS: вход в аккаунт и создание нового проекта
- 39. StoryMapJS: вход в аккаунт и создание нового проекта
- 40. StoryMapJS: заполнение исходных данных проекта
- 41. StoryMapJS: подготовка иллюстрации в Photoshop
- 42. StoryMapJS: подготовка иллюстрации в Photoshop
- 43. StoryMapJS: подготовка иллюстрации в Photoshop
- 44. StoryMapJS: загрузка папки на сервер Загружаем полученную папку с файлами частей изображения: 1. На свой сайт или 2. В DropBox или 3. В GoogleDrive
- 45. StoryMapJS: пример с GoogleDrive
- 46. StoryMapJS: пример с GoogleDrive
- 47. StoryMapJS: пример с GoogleDrive
- 48. StoryMapJS: заполнение исходных данных проекта
- 49. StoryMapJS: начальный экран проекта
- 52. StoryMapJS: слайд проекта (просмотр)
- 53. StoryMapJS: слайд проекта (результат)
- 54. Слайд: установка фокуса и масштаба
- 55. Слайд: заголовок и описание
- 58. Практикум 3 Создать интерактивное изображение с разметкой и описанием 7–12 кадров в сервисе StoryMapJS Для простоты можно воспользоваться папкой изображения «Менины»: http://contentium.ru/Velaskes- Meniny/ Но! Если справитесь сами – задание зачитывается как 2 Где взять гигапиксельные изображения? https://commons.wikimedia.org/wiki/Category:Gigapixel_ images_from_the_Google_Art_Project
- 59. © 2016, Каллиников Павел Юрьевич +7 (903) 546-81-84 моб komail@gmail.com https://www.facebook.com/kallinikov Вопросы?