• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Инструменты

Как делается современная инфографика. Урок в Illustrator 6

5
Comments
Linkedin
6
ВКонтакте
0
Pocket
Описание урока:
  • Программа Adobe Illustrator CS4
  • Уровень сложности: средний
  • Оценочное время прохождения: 3 часа
  • Автор: Jonathan Patterson

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

На примере вот этого изображения описывается процесс работы

как создавать инфографику

И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:

Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):

А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.

Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.

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

как делается инфографика

как делается инфографика

Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.

А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.

Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.

И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus

Авг 29, 2011Ирина Доброва
Статья была интересной?
  • Поделюсь (0)
  • Полезно (4)
  • Бесполезно (4)
  • Банально (0)
Изобрели новый вид диаграмм для сравнения плана и факта!Массивы данных как искусство
Главная Книги Как делается современная инфографика. Урок в Illustrator
Статья10 г. назад 5 Инструментыpie chart, графики и диаграммы, инструменты визуализации, теория информационного дизайна, типы диаграмм
facebook-profile-picture
Ирина Доброва

Основатель и идеолог агентства Infographer

Сайт Фейсбук Instagram
  • Vladimir Luzhbin

    не думал, что на инфографере вместо «столбчатой» диаграммы напишут «столбиковую»

    • Макс Горбачевский

      Владимир, Яндекс расценивает Ваш сайт (или сайт, откуда подкачивается Ваш аватар, хттп://ввв.w_y_f.net.ru/vladlug) как фишинговый. Это так, к слову.

  • Irina Dobrova

    Честно говоря, я не вижу разницы как перевести Column chart. Мы недавно озаботились реестром диаграмм, так вот она будет в зависимости от источника гистограммой, столбиковой, стобчатой и даже ленточной и линейчатой.
    Смысл не поменяется

  • Irina Dobrova

    а вообще я не перестаю удивляться что может привлечь внимание читателей… пишешь об одном, а дискуссия разворачивается вокруг чего-то другого

  • Alexey-Olga Volchkov

    Ирина, не обращайте внимания.
    Пост необыкновенно интересный и нужный (лично для меня).
    Спасибо большое!

  См. также  
Инструменты, Примеры визуализации

Диаграмма Sankey — страсть этого сезона

Диаграмма Санкей особенно незаменима когда нужно показать поток - куда он идет и его ширину. 1

Инструменты

PowerPoint для работы с текстами, набросками и макетами

Большинство документов создается в текстовых редакторах. 9

Примеры визуализации

Грабим банк?

Для развлечения — инфографика на тему «Когда и с кем брать банк» по статистике FBI. Полный размер при клике на картинку. 0

Инструменты, Новости

Visual.ly привлёк инвестиции

Стартап visual.ly, выступающий в качестве коллекции инфографики и инструмента для создания своей собственной, привлёк в прошлом месяце... 0

Инструменты

Строим спидометр в Excel

Не случайно ее очень часто используют в дэшбордах – ведь по аналогии с автомобильным спидометром, водитель (аналитик) лишь по одному взгляду... 2

Инструменты, Теория

Box & Whisker, Treemap, Sunburst — Новые диаграммы для Office 2016 (Часть 2)

Как мы уже писали, скоро выходит новый Office 2016, и в нем будут новые диаграммы. 1

Книги, Теория

Краткая история визуализации информации

Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. 1

Примеры визуализации

Про юмор в инфографике от Найджела Холмса

Из книги Найджела Холмса Wordless Diagrams Из диалога с Найджелом: Я давно ратую за юмор в инфографике. 1

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+