30 июн. 2014 г.

Уроки Adobe Illustrator: как в иллюстраторе сделать конический градиент

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

Чтобы сделать этот урок, вам понадобятся начальные навыки работы в Adobe Illustrator. Если вы всего пару дней назад открыли Adobe Illustrator, то лучше пройти курс "Изучи Adobe Illustrator за 30 дней!", а затем уже приступать к этому уроку. Если возникнут какие-либо вопросы, вы можете задавать их в комментариях к статье.

Автор: Сергей Логвинюк
Уровень: для начинающих
Версия Adobe Illustrator: любая

А вот, что должно получиться в результате нашей работы.


1. Рисуем окружность, заливаем ее самым простым радиальным градиентом. Не забудьте убрать stroke, он вам ни к чему.


2. Далее вызываем Object > Expand и преобразуем радиальный градиент в Mesh Grid.


3. Если вы сделали все верно, должна получиться конструкция отдаленно напоминающая прицел.


4. Во время работы появляется Clipping Mask. Но нам нужен объект с названием Mesh, который лежит в самом низу. Вы можете или просто вытащить его наверх в панельке Layers, или нажать Ctrl+Alt+7 и Ctrl+Shift+g в любой последовательности. Все лишнее удаляем, для этого выполните команду Object > Path > Clean Up.


5. Но нам не нужен прицел! Скажу по секрету, нам нужно что-то похожее на логотип BMW. Как видно на рисунке, в нашем Mesh’е есть лишняя окружность. Ее можно удалить при помощи Mesh Tool (U). Наводим курсор на эту окружность (но не на точки). Один клик мышкой с зажатым Alt — и лишняя линия исчезает.


6. Для финального рывка нам потребуется еще прямоугольник с линейным градиентом. Чтобы сэкономить время, выбирайте линейный градиент так, чтобы он максимально соответствовал желаемому коническому. Чаще всего начальная и конечная точки градиента должны быть одного цвета. Переложим прямоугольник в самый низ (Ctrl+Shift+[). Вот теперь мы готовы.


7. Теперь нужно выставить правильные параметры Object > Envelope Distort > Envelope Options. Это очень важный шаг, не забывайте про него! Просто выставите все значения, как на скриншоте.


8. Заключительный шаг: выделите оба объекта и Object > Envelope Distort > Make with Top Object (Ctrl+Alt+C). Вуаля! Ловкость рук и никакого мошенничества — самый настоящий конический градиент в Adobe Illustrator прямо перед вами.


Вы не поверите своему счастью, но вы все еще имеете возможность редактировать тот самый линейный градиент, который лег в основу конического: Object > Envelope Distort > Edit Envelope (Edit Contents). Чтобы выйти из режима редактирования, просто повторите это действие.

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

Поэтому если у вас Adobe Illustrator CS5 или более ранняя версия, где нет градиента по контуру, либо вы просто не хотите использовать эту функцию, то подобный способ будет очень полезен. Чтобы разобрать конический градиент в меш достаточно выполнить Object > Envelope Distort > Expand. Ещё в конце появятся Clipping Mask - удалите её, если она вам мешает.

Сергей Логвинюк специально для блога Записки микростокового иллюстратора
Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



4 комментария:

  1. Можно сделать еще проще....просто обводку сделать толщиной с радиус окружности и залить эту обводку линейным градиентом

    ОтветитьУдалить
    Ответы
    1. Так в самом начале урока написано "...В нашем любимом Adobe Illustrator всё-таки можно сделать нормальный конический градиент. Всё это благодаря замечательной функции Envelope Distort, а не градиентом по контуру как многие могли подумать в самом начале..."
      А ещё в конце есть дополнение "...Поэтому если у вас Adobe Illustrator CS5 или более ранняя версия, где нет градиента по контуру, либо вы просто не хотите использовать эту функцию, то подобный способ будет очень полезен..."

      Удалить
  2. Очень долго не могла в 5 пункте убрать окружность с помощью инструмента U, а потом в подслоях просто скинула в корзину. Наверное не получалось, т.к. я в 4 пункте не нажимала Clean Up.

    ОтветитьУдалить
  3. здорово! спасибо за урок,очень понравился!

    ОтветитьУдалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2016 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino