Как нарисовать трехмерную инфографику


    Инфографика всегда пользуется хорошим спросом, особенно на сайтах стоковых изображений. Красивая инфографика не только доносит информацию, но и радует глаз. Один из ярких примеров - трехмерная или изометрическая графика. В этом уроке мы узнаем, как можно быстро создать красивые информационные элементы, а так же попрактикуемся со стандартными фильтрами Adobe Illustrator.

    Как нарисовать трехмерную инфографику


    Шаг 1. Плоские элементы.

    Создадим новый документ (Ctrl+N). Нарисуем первые элементы инфографики в плоском виде.

    Как нарисовать трехмерную инфографику


    Очень желательно сразу группировать (Ctrl+G) все необходимые элементы, что бы избежать дальнейших неожиданностей. Далее добавим немного магии. Идем в меню Эффекты и выбираем Effect > 3D > Rotate. В появившемся окне выставляем следующие параметры.

    Как нарисовать трехмерную инфографику


    Тени и объем нам не нужны, так что обязательно снимаем эту опцию.

    Как нарисовать трехмерную инфографику


    Обратите внимание, что направление изометрии будет меняться, если вы будете вращать исходный объект. В тоже самое время вы можете свободно менять текст и он сразу будет написан "как надо".

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику



    Шаг 2. Фантазия

    Эффект трехмерного вращения позволяет создавать всевозможные графики. Например, нарисуем прямоугольник (М) и применим к нему данный эффект.

    Как нарисовать трехмерную инфографику


    Далее аккуратно продублируем результат. Зажав комбинацию клавиш Shift и Alt поднимем прямоугольник вертикально. Получим его копию. Далее при необходимости с помощью комбинации Ctrl+D можем легко продублировать результат с сохранением расстояний.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику



    Шаг 3. Объем

    Применим полученные знания к разным фигурам и немного усложним задачу.

    Как нарисовать трехмерную инфографику


    Будем "выдавливать" данные фигуры с помощью Effect > 3D > Extrude & Bevel. Важно: если вы рисуете для стоков, не ставьте на этом шаге никаких градиентных заливок. После всех преобразований, вам необходимо будет Развернуть объекты, убрав все эффекты и превратив в обычные кривые. В результате могут получиться или растровые объекты или множество разноцветных блоков. Заливку следует делать в самом конце работы.

    Как нарисовать трехмерную инфографику


    В результате мы получим объемные объекты. Для красоты, можем немного повращать исходные фигуры.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику


    Самое время переходить к работе с поверхностями. Для этого, как писалось выше, мы должны преобразовать фигуры в обычные векторные объекты. Идем в окно настроек эффекта, что бы убедиться, что у нас нет эффекта теней.

    Как нарисовать трехмерную инфографику


    Далее Разворачиваем объекты с помощью Object > Expand Appearance. Теперь мы можем залить каждую грань фигуры желаемым цветом.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику



    Шаг 4. Пирамидки

    Вновь возьмем базовые фигуры. Повернем их в изометрическую плоскость и Развернем.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику


    Над центром каждой фигуры поставим точку с помощью инструмента Перо (Р).

    Как нарисовать трехмерную инфографику


    Это будет вершина пирамиды. От нее мы нарисуем пером грани пирамид. Для создания конуса можно воспользоваться бесплатным скриптомFree SubScribe plug-in.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику



    Шаг 5. Графики

    Расставим наши фигуры. Проведем линию и повернем её на 60 градусов (Object > Transform > Rotate или правой кнопкой мыши).

    Как нарисовать трехмерную инфографику


    Продублируем вдоль линии нашу пирамидку и придадим новым объектам разную высоту.

    Как нарисовать трехмерную инфографику

    Как нарисовать трехмерную инфографику


    Аналогично поступим с другими фигурами и добавим информацию.

    Как нарисовать трехмерную инфографику



    Шаг 6. Круговая диаграмма

    Нарисуем круг. Поделим его на 4 части и зальем разным цветом.

    Как нарисовать трехмерную инфографику


    Повернем его в изометрическую плоскость и Развернем.

    Как нарисовать трехмерную инфографику


    Далее продублируем желтый сегмент.

    Как нарисовать трехмерную инфографику


    И с помощью Пера дорисуем первый сегмент диаграммы.

    Как нарисовать трехмерную инфографику


    Для создания красного сегмента нам понадобится помощь скрипта Free SubScribe plug-in.

    Как нарисовать трехмерную инфографику


    В результате мы получим половинку от нужного сегмента. С помощью панели Pathfinder соединим результат с нижним сегментом.

    Как нарисовать трехмерную инфографику


    Переместим результат на уровень ниже (Ctrl+[ ). А затем нарисуем боковой сегмент.

    Как нарисовать трехмерную инфографику


    Аналогичным образом дорабатываем оставшиеся сегменты и добавляем информацию.

    Как нарисовать трехмерную инфографику


    Наш набор элементов для инфографики готов!

    Как нарисовать трехмерную инфографику



    Автор урока Ярослав Лазунов

     


     

    Смотрите также

    Информация

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Стоит посмотреть
Новое


Развитие


Афиша
26.01 20:00
The Road Brothers
Днепр
28.12 23:00
Lisa plays swing
Днепр


Подпишись!






Реклама

Используйте только лучшие стоковые изображения и видео в своей работе!



Зарабатывайте и творите без ограничений!