• 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
Статья11 г. назад 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

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

  См. также  
Инструменты

Нестандартные графики стандартными средствами

Как сделать график-термометр в Excel своими силами? Иногда его ещё называют индикатором "батарейки". 0

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

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

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

Инструменты

Prezi — альтернатива Power Point

cтруктура презентации, диктуемая Power Point не соответствует логике человеческого восприятия. 2

Примеры визуализации, Теория

Выбирай серый – не ошибешься!

Подбор цветов в инфографике — непростая задача. 3

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

Наука в основе визуализации данных

Каким образом абстрактные формы и цвета, порой способны передавать большие объемы данных эффективнее, чем таблицы с числами или абзацы текста? 16

Книги

СКАЧАТЬ: От правильного графика к успешной визуализации: практическое руководство

Вы в одном шаге от получения руководства! 1

Инструменты

План проекта и принципы визуального мышления. 10 шагов к плану, который работает

Качественный план проекта — это уже заявка на победу. 1

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

Инфо-шутка Лексуса

Лексус неплохо "проехался" по логотипам своих конкурентов. Из Mersedes, Audi и BMW получились отличные круговые диаграммы. 5

Мы в 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+