Хорошая штука — инфографика! Можно просто и наглядно представить самые сложные предметы и явления и даже самую скучную информацию подать ярко и необычно.

К услугам начинающих создателей инфографики — более 10 различных онлайн-сервисов. Один из самых простых — Easel.ly

Всего минут за 20 у меня получилась вот такая симпатичная краеведческая инфографика.

Easel.ly – это онлайн-сервис для быстрого создания инфографики с использованием готового шаблона или «с нуля». Cервис англоязычный, но с понятным интерфейсом, в котором несложно разобраться.

Можно начать работу как с готового шаблона, так и с пустой страницы, на которую добавляем нужные элементы и оформление. Можно загружать и свои изображения (до 60).

Инфографикой можно поделиться в социальных сетях c помощью ссылки или сохранить на свой ПК (в невысоком разрешении). Зато с помощью html-кода её можно вставить на любую страницу блога или сайта.

Регистрация

Заходим на сайт сервиса и проходим регистрацию, нажимая «Create Your Free Account». В дальнейшем для входа на сайт используем кнопку «Login».

Для регистрации указываем адрес электронной почты (Email), придумываем пароль (Password). Далее нажимаем «Sign Up». Также можно войти в сервис, используя аккаунт Google.

Чтобы создать первый проект, нажимаем на кнопку «+ New Design».

Создание инфографики

На следующем этапе работы выбираем шаблон для будущей инфографики из предложенных (Choose a template). Можно начать «с нуля», выбрав «+Create Blank Page».

В последнем случае выбираем размер будущей инфографики. Можно вручную установить нужные размеры или выбрать вариант из предложенных. Нажимаем «Create».

Создание инфографики

В бесплатном варианте сервис предлагает около 20 шаблонов для создания инфографики. Любой из них можно открыть в предварительном просмотре (Preview) и начать редактировать (Edit Graphics).

Открываем рабочее поле сервиса. Здесь в будущую инфографику можно добавить тексты и изображения. Слева расположена панель с рабочими инструментами. «Templates» позволяет поменять один шаблон на другой.

В разделе «Graphics» можно выбрать «героев» будущей инфографики. Во вкладке «Icons» все изображения рассортированы по категориям. Есть поиск (на английском языке).

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

Во вкладке «Upload» можно загрузить свои картинки. 

Вкладка «Text» отвечает за добавление текстовых надписей (заголовок, подзаголовок и обычный тексты, разные виды списков).

Кнопка «Backgrounds» позволяет менять фоновое изображение (в сервисе представлено 8 различных «подложек»).

Можно выбрать цвет фона и загрузить своё изображение в качестве «подложки».

Через вкладку «Charts» добавляем диаграммы и графики. 

Кнопка «Pictogram» нужна для добавления небольших иконок-пиктограмм, чтобы наглядно изобразить какие-либо проценты и другие цифровые показатели, например, «один из пяти», «пять из десяти», «двадцать из 100» и т.д. Есть одиночные и множественные пиктограммы.

С помощью кнопки «Video» в инфографику можно встроить видео с YouTube (по ссылке).

Редактируем объекты

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

Картинку можно расположить на заднем или переднем плане (Рosition), сделать прозрачной (Оpacity) или «клонировать» (Copy). Чтобы закрепить объект на «холсте», нажимаем на кнопку «Lock». Чтобы удалить картинку – на значок «мусорной корзины» (Delete). К картинке можно прикрепить ссылку (Link).

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

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

Чтобы отредактировать диаграмму, выделяем её и нажимаем на кнопку «Edit».

В разделе «Data» заполняем таблицу с данными, на основе которой будет построена диаграмма.

В разделе «Options» настраиваем получившуюся диаграмму. Изменения сохраняем нажатием на кнопку «Apply Changes».

Последние штрихи

Чтобы изменить размер инфографики, нажимаем на кнопку «Resize». Можно выбрать один из предложенных вариантов или установить точные размеры работы.

Сохраняем работу с помощью зеленой кнопки «Save»

Чтобы скачать работу, в режиме редактирования выбираем из меню «Download» — «Low Quality». Остальные опции — платные.

Чтобы поделиться инфографикой или опубликовать её в Интернете, выбираем вкладку «Share». Можно получить ссылку на созданную работу и код для встраивания её на страницу сайта или блога.

Совместная работа

У сервиса есть возможность организовать совмсетную работу по редактированию инфографики. Для этого нажимаем на кнопку «Share»- «Invite a friend to edit».

В открывшееся окошко вписываем адрес электронной почты и нажимаем «Send».

Так мы рассылаем приглашения для соавторов. Они переходят по ссылке, которая придёт им в письме, зарегистрируются в сервисе и смогут присоединиться к совместной работе.