Блог: статьи

Конический градиент в Adobe Illustrator. Часть III. Хэпи Енд

Дмитрий ЖуковАвтор: Дмитрий Жуков
28 марта 2007

Cone Gradient in Adobe IllustratorВ нашем любимом Illustrator’е все-таки можно сделать нормальный конический градиент. Методика это была найдена в виде файла konischer-verlauf.zip с описанием на немецком языке. Уверен, многие из вас уже скачали и досконально изучили его. Настоящая заметка целиком посвящена содержанию этого файла, но на русском языке, а также с уточнением ряда моментов.

Для тех, кто присоединился к нам недавно, должен отметить, что эта третья заметка из цикла «Конический градиент в Adobe Illustrator». Очень надеюсь, что последняя. Предыдущие заметки вы можете найти тут:

Самый сложный и непонятный элемент в вышеупомянутом файле — хитрая окружность, которая служит основанием для всего. Я долго не мог сообразить, как мне сделать такую же. К счастью, нашлась заметка, где описывается долгий и сложный процесс ее создания. Опять же на непонятном языке, но зато с картинками. Однако, есть способ проще, заметно проще!

Окружность с простым радиальным градиентом

Рисуем окружность, заливаем ее самым простым радиальным градиентом. Не забудьте убрать stroke, он вам ни к чему. Далее вызываем Object → Expand и преобразуем радиальный градиент в Mesh Grid.

Expand

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

Прицел

Теперь нам нужен объект с названием Mesh, который лежит в самом низу. Вы можете или просто вытащить его наверх в панельке Layers, или нажать Ctrl+Alt+7 и Ctrl+Shift+g в любой последовательности. Все лишнее удаляем.

То что нам надо

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

Во всей красе

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

Перед финальным броском

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

Envelope option

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

Конический градиент

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

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

Связанные записи

Условия использования

Данные материалы можно использовать в некоммерческих целях, с обязательным указанием автора.

Комментарии

переход цвета остается плавным если сделать тоже самое но c окружностью размером, скажем, 32×32?
вот как градиент выглядит в win-иллюстраторе
http://www.mezich.ru/lj/cone_grad_part3.png

Ответить Юрий Мезенцев (mezich), 28 марта 2007

Это проблема не метода, а движка который это все растеризует. Сделай ему expand еще раз в Mesh и увидишь, что все такое-же кривоватое. Слишком резкий цветовой переход для такого маленького количества цветов.

Можешь положить на этот объект Rasterize, должно помочь.

Ответить joukov, 28 марта 2007

дима, rasterize не помогает. во всяком случае в win версии. потому интерсует как оно под маком рендерит.

Ответить Юрий Мезенцев (mezich), 30 марта 2007

Скорее всего ты просто забыл выставить правильные настройки у Rasterize.

Вот смотри и качай.

Оба объекта Envelope, на правом лежит Rasterize.

Ответить joukov, 30 марта 2007

Спасибо, очень помог пост, замучился с иллюстратором разбираться

Ответить Yuzle, 1 апреля 2007

Все так просто и все так сложно. Нужно просто догадаться. Спасибо, попробовал, получился конус

Ответить Max, 10 мая 2007

спасибо, отличный метод

Ответить slavka, 23 мая 2007

Да, действительно, метод хороший, но, кажется, с прихдом СS4 уже не актуален.
Спасибо.

Ответить artaxata, 16 октября 2008

Спасибо большое, я давно ломала голову, как это сделать .

Ответить Akira, 18 мая 2009

Спасибо. А можно ли как то применить такой градиент к более сложному объекту, чем круг. Например к шестеренке?

Ответить kashmir1, 28 декабря 2012

Да можно, нужно только засунуть этот объект с граидиентом в Clipping Mask.

Ответить Дмитрий Жуков, 28 декабря 2012

Как ни старнно – актуален. Я было понадеялся, но… опаньки. Если меня ткнут пальцем где я проглядел – буду счастлив

Ответить _portos_, 25 ноября 2008

Напишите комментарий

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

Connect with Facebook

Если у вас есть OpenID (например, myopenid.com), воспользуйтесь им для авторизации.

Авторизуйтесь при помощи аккаунта Турбомилк. Вы также можете зарегистрироваться на нашем сайте.

Закрыть