Инструменты Adobe Illustrator. Эффекты

more-effects

Вы когда-нибудь вдавались в нюансы работы с эффектами в Adobe Illustrator? Знаете ли вы, насколько это мощный инструмент? Знаете как например, придать изображению эффект рисунка «от руки»? Прочитайте эту статью и научитесь эффективной работе с эффектами Illustrator’а.

Стрелки

Давайте начнем с основного эффекта Add Arrowheads. Используйте Pen Tool или Line Segment Tool, чтобы нарисовать прямую линию. Перейдите на Effects > Stylize > Add Arrowheads и настройте стиль стрелки.

arow

Appearance

Одна из самых приятных вещей в Иллюстраторе — это легкость изменения оформления. В палитре Appearance, нажмите на Add Arrowheads, так можно легко изменить стиль нашей стрелкт. Этот эффект очень полезен для построения диаграмм.

apperance

Без эффекта?

При работе со стрелкой без эффекта она будет искажаться при изменении ее размеров. С эффектом, я могу легко регулировать длину стрелки, не искажая ее.

distort

Круглые уголки

Нарисуйте прямоугольник и перейдите на Effects > Stylize > Round Corners. Введите значение радиуса.round-corners

Без эффекта скругленных углов?

round-corners-strech

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

round-corners-icons

Zig Zag

Нарисуйте прямую линию, перейдите Effects > Distort & Transform > Zig Zag. Введите значения размера и частоты сегментов.zig-zag

Волнистая линия

Нарисуйте прямую линию, примените эффект Zig Zag, выберите сглаживание, и вы получите симметричную волнистую линию.волна

Значки

Нарисуйте круг и примените эффект Zig Zag с настройкой, как показано ниже, и вы получите форму значка.значок

Поэкспериментируйте с параметрами Zig Zag, и вы можете получить эти формы:

zig-zag-примеры

Pucker & Bloat

Нарисуйте круг, перейдите в Effects > Distort & Transform > Pucker & Bloat, введите -55% (Pucker), и вы получите ромбовидную форму.pucker

Теперь нарисуем многоугольник  применим эффект:

pucker-2

А вот так из того же многоугольника можно получить вполне симпатичный цветочек.

pucker3

Transform

На картинке ниже я простыми движениями мыши сделал 12 копий объектов (с поворотом на 30 градусов).

Для этого идем в Effects > Distort & Transform > Transform…

transform

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

transform-styles

Roughen

Нарисуем елочку и посмотрим что нам даст этот эффект. Effects > Distort & Transform > Roughen….

roughen

Scribble

Приведенный ниже пример показывает, чего можно добиться применив эффекты Scribble ( Effects > Stylize > Scribble ) и Roughen.scribble

Иконки «от руки»

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

Настройте все необходимые вам эффекты, выберите объект и перетащите его на панель Graphic Styles. Будет создан соответствующий стиль.

styles

Теперь выберите объект, к которому вы хотите применить стиль. Нажмите на стиль который вы только что создали. При необходимости можно изменить цвет заливки и обводки, поменять параметры эффектов. Текст, к слову, останется редактируемым.styles-icon

Заключение

Я показал только базовые эффекты Illustrator. На самом деле существует куча других полезных эффектов. Не бойтесь изучать меню и экспериментировать с эффектами (например с Warp и 3D).

more-effects

Подсказки по использованию эффектов Illustrator

  • Graphic Styles – сэкономят вам время.
  • Палитра Apperance – в ней можно на ходу изменять параметры эффектов и удалять их.
  • Видимость в Apperance — вы можете включить и выключить определенный эффект (нажмите на иконку глаза) и понаблюдать его влияние на объект.
  • Нажмите D, чтобы быстро удалить все эффекты.
  • Разобрать оформление — если вы хотите преобразовать эффект в кривые, то перейдите к Object> Expand Appearance. Примечание: после этого, невозможным станет редактирование эффекта.


Подписка по РСС
Мой твитер

11 комментариев

  1. Павел

    Спасибо) Как раз в скором времени собираюсь Illustrator изучать. Возьму на заметку))

  2. Maksim Shaihalov

    Павел:

    Спасибо) Как раз в скором времени собираюсь Illustrator изучать. Возьму на заметку))

    Тогда советую прочитать всю серию уроков и ждать будущих 🙂

  3. Павел

    Непременно)))

  4. Artem

    Это примеры как применить эффект, а как допустим его убрать. Например, нужно убрать тень под фигурой?

  5. Maksim Shaihalov

    Artem:

    Это примеры как применить эффект, а как допустим его убрать. Например, нужно убрать тень под фигурой?

    В иллюстраторе? Просто уберите эффект в палитре Apperance.

  6. [...] Инструменты Adobe Illustrator. Эффекты [...]

  7. [...] чаще всего, много времени уходит на манипуляции со специальными эффектами и фильтрами. Хотя это и полезно, это обычно значит, что вы не до [...]

  8. Борис

    Начал читать, сразу же встала обучение потому что у меня в Illustrator CC Effects > Stylize > нет эффекта Add Arrowheads.

    • Максим Шайхалов

      Урок написан (если мне не изменят память) по CS4 или CS5.

      Чтобы сделать стрелки в Illustrator CC нужно открыть панель Window > Stroke. После этого включить Show options, а там найти раздел Arrowheads и настроить стрелки как нужно.

      Или пойти в панель Appearance и настроить в ней параметр Stroke.

      • Алекс

        Cтрелки в Illustrator CC назначит на контур, конечно, можно из панели Window > Stroke > Show options > Arrowheads... Однако это стрелки не редактируемые (нельзя задать величину соотношения наконечник стрелки к контуру в %!). А как сделать редактируемую стрелку (как в CS4 или CS5), чтобы появился редактируемый атрибут в панели «Appearance»?

  9. Алекс

    Sorry... Поторопился ))))

    Стрелки редактируемые (под назначением вида стрелки окошки с процентами «Scale»), но в панели «Appearance» (чтобы вызвать окно настройки «Add Arrowheads») как в прошлых версиях Illustrator не появляются...

Оставить коментарий

Суперрассылка!

Введите почту и будьте в курсе