Сервис Prezi, о котором я уже рассказывала, умеет создавать не только необычные «летающие» презентации. Он ещё может и видео записать, и инфографику смастерить.

И вот об инфографике мы сегодня и поговорим поподробнее. Кстати, вот и пример работы, созданной с помощью Prezi.

Регистрация

Заходим на сайт сервиса и нажимаем на кнопку «Get started». В дальнейшем для входа на сайт можно использовать кнопку «Log in».

Зарегистрироваться можно с помощью аккаунтов Google, Microsoft или через адрес электронной почты.

В последнем случае надо указать имя, фамилию, адрес, электронной почты, пароль.

В поле «Occupation» из выпадающего списка выбираем свою профессию. Лучше всего, наверное, подойдет «Educator» — «Преподаватель».

В поле «Department» из выпадающего списка выбираем место работы. Я выбрала среднюю школу (Middle School).

Отмечаем «галочкой», что нам уже исполнилось 13 лет и нажимаем «Continue».

Сервис настоятельно будет рекомендовать подключиться к одному из платных тарифов, но мы продолжим с бесплатным — нажимаем на кнопку «Continue with Basic».

Ещё одно предложение от сервиса — пригласить для работы соавторов. Можно это сразу сделать: вписать в окошки адреса электронной почты будущих соавторов и нажать «Continue».

Можно сделать это и попозже (или не делать совсем)  — для этого нажимаем «Skip».

Что мы планируем создать? На выбор — презентация, инфографика, видео. Можно и просто посмотреть примеры созданных в сервисе работ. Чтобы попасть в личный кабинет, нажимаем «Skip».

Создаём презентацию

В личном кабинете будут храниться все проекты, созданные с помощью Prezi. Чтобы приступить к работе и создать инфографику, переходим во вкладку «Infographics» и нажимаем на кнопку «Infographics».

Выбираем, как будем работать: можно создать проект на основе готового шаблона или начать «с нуля» (Untitled infographic).

Давайте попробуем поработать с шаблоном. 

Чтобы увидеть поближе шаблон, щёлкаем по нему «мышкой». Если он понравился, нажимаем «Use this template» (Использовать этот шаблон).

Вписываем название ленты времени и указываем, кто ее сможет увидеть: те, с кем мы поделитесь презентацией (People I share it with — на платном тарифе), или кто угодно в интернете (Anyone onthe web — бесплатно). Нажимаем «Continue» (Продолжить).

Наша инфографика  откроется в редакторской панели. Каждый элемент в шаблоне редактируется. Выделяем его и меняем: вписываем свой текст, меняем шрифт, меняем иллюстрации.

К заданным в шаблоне элементам можно добавлять дополнительные: иконки, фотографии, тексты. В самом шаблоне можно менять фон.

В центре конструктора — шаблон инфографики, слева и справа — панели инструментов для редактирования.

Сначала посмотрим на инструменты справа, они помогут настроить фон инфографики и определиться с количеством страниц в ней. 

В разделе справа есть кнопку «Add page». Она добавляет в инфографику новую чистую страницу. Можно пойти по другому пути: дублировать текущую страницу, нажав на кнопку «Dublicate».

Меняем оформление

Давайте для начала изменим цветовую гамму и фон презентации. Для этого на панели инструментов справа рядом с миниатюрой страницы нажимаем на значок «шестерёнка». И вызываем меню «Settings» (Настройки).

В разделе «Page background» можно изменить цвет фона. Чтобы установить в качестве фона картинку, нажимаем на кнопку «Add background image».

В качестве фона можно загрузить картинку с ПК (Upload). У сервиса есть небольшая библиотека бесплатных картинок для фона c возможностью поиска на английском языке.

Если нажать на кнопку «Main settings», можно изменить формат и размер проекта (Size).

По умолчанию выставлен размер 700х2200 пикселей (Infographics), но можно выбрать из выпадающего списка любой другой или вписать точные параменты работы: ширину и выcоту в пикселях.

Тексты и таблицы

Переходим к левой панели инструментов. Верхняя кнопка, «Add text», добавляет текстовые надписи — для этого выбираем нужный шаблон и нажимаем «Insert».

Сервис предлагает добавление заголовков, подзаголовков, обычного текста, цитат и подписей, фактов и таблиц.

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

Редактирование таблицы немножко посложнее. Во вкладке «Settings» настраиваем её оформление: цвет, размер, шрифт, анимация, формат данных…

А вот в разделе «Edit data» редактируем сами данные, внесённые в таблицу. Можно упростить задачу, загрузив файл Excel c данными с ПК или добавив Google-таблицу со своего Google-диска.

У блока «Facts & Figures» можно изменить размер, местоположение, анимацию, прозрачность.

Если в состав блока входит фигура (например, при оформлении цитата или факта), то можно её перекрасить, анимировать и даже снабдить всплывающим окном с текстовой информацией.

Графики и карты

Добавление графиков и диаграмм примерно такое же, как и добавление таблиц. Сначала нажимаем на кнопку «Add chart», выбираем подходящий график. Жмём «Insert».

Во вкладке «Settings» настраиваем  оформление: цвет, размер, шрифт, анимацию, формат данных…

А вот данные для графика добавляем в разделе «Edit data». Поддерживается загрузка Google-таблицы или Excel-файла.

Чтобы добавить в проект, карту, нажимаем на кнопку «Add map». К сожалению, бесплатно можно вставить только карту мира или карту США. Остальное — платная опция. Нажимаем «Insert».

И снова открывается знакомый конструктор. Во вкладке «Settings» настраиваем  оформление: цвет, размер, шрифт, анимацию, формат данных…

Статистические данные для карты А вот добавляем в разделе «Edit data». Поддерживается загрузка Google-таблицы или Excel-файла.

Изображения,  элементы и видео

Чтобы добавить в инфографику изображение или видео, нажимаем на кнопку «Add graphics». Все картинки рассортированы здесь по категориям: есть иконки, стикеры, фотографии, GIF-анимация, видеофоны и флаги. Есть поиск нужного (на английском языке).

Можно загрузить свои картинки и видео с ПК.

Выбираем нужный объект и добавляем его в инфографику, нажав на знакомую кнопку «Insert».

Так выглядит редактор иконок: можно поменять цвет, размер, расположение, добавить анимацию и всплывающий текст.

У всех остальных картинок редактор побогаче: кроме ранее перечисленных возможностей, можно добавить фильтры, рамки, обрезать изображение, закруглить его углы.

А так выглядит редактор видео. Можно запустить его по кругу или проиграть только один раз.

Как внутрь инфографики добавить видео с YouTube, Для этого нажимаем на кнопку «Add video» и выбираем вариант «YouTube».

Можно загрузить свой видеоролик с ПК в формате mp4.

В открывшееся окошко вписываем ссылку на видео и нажимаем «Insert». К загруженному видеоролику можно применить анимацию.

Чтобы добавить в проект сразу целый блок элементов, нажимаем на кнопку «Add element». Среди блоков — ленты времени, списки, схемы, фотогалереи, блоки с картинками и иконками и многое другое. 

Особенно удобно использовать элементы, если мы создаём инфографику с «нуля».

Порядок действий знакомый — выбираем нужный блок и нажимаем «Insert».

Как редактировать группу элементов? Щёлкаем «мышкой» по отдельным объектам — справа открывается конструктор для редактирования. 

Осталось рассказать, как добавить в инфографику фигуру. Для этого нажимаем слева на кнопку с изображением стрелки и из выпадающего спика выбираем «Add shape».

Выбираем нужный вариант и нажимаем «Insert».

Редактор фигур такой же, как и у иконок. Можно поменять цвет, размер, расположение, добавить анимацию и всплывающий текст.

Полезные функции

При редактировании презентации удобно использовать контекстное меню: выбираем объект для редактирования и щёлкаем по нему правой клавишей «мыши». С помощью появившегося меню мы можем копировать — вставлять — удалять объекты, перемещать их на передний и задний план и даже закреплять на «слайде».

Публикация. Совместная работа. Демонстрация

Осталось сохранить презентацию и опубликовать её в Сети.

Можно открыть в проект для предварительного просмотра с помощью кнопки «Present in full screen» справа вверху. Чтобы опубликовать работу и получить ссылку на неё, нажимаем на кнопку «Share».

Теперь можно скопировать получившуюся ссылку.

А если нужен код для встраивания работы на страницу сайта или блога? 

Тогда идём в личный кабинет, находим проект и нажимаем на значок с тремя точками. Из выпадающего списка выбираем «Sharing and privacy».

Код для встраивания скрывается под кнопкой «Embed». 

Здесь же есть окно для приглашения соавторов для работы над презентацией. Для этого вписываем в окошко адрес электронной почты будущего соавтора и даём ему доступ к презентации как редактора (can edit). После этого нажимаем «Add». Приглашение отправлено.