Блог: статьи
Конический градиент в Adobe Illustrator. Часть III. Хэпи Енд
В нашем любимом Illustrator’е все-таки можно сделать нормальный конический градиент. Методика это была найдена в виде файла konischer-verlauf.zip с описанием на немецком языке. Уверен, многие из вас уже скачали и досконально изучили его. Настоящая заметка целиком посвящена содержанию этого файла, но на русском языке, а также с уточнением ряда моментов.
Для тех, кто присоединился к нам недавно, должен отметить, что эта третья заметка из цикла «Конический градиент в Adobe Illustrator». Очень надеюсь, что последняя. Предыдущие заметки вы можете найти тут:
Самый сложный и непонятный элемент в вышеупомянутом файле — хитрая окружность, которая служит основанием для всего. Я долго не мог сообразить, как мне сделать такую же. К счастью, нашлась заметка, где описывается долгий и сложный процесс ее создания. Опять же на непонятном языке, но зато с картинками. Однако, есть способ проще, заметно проще!

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

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

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

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

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

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

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

Вы не поверите своему счастью, но вы все еще имеете возможность редактировать тот самый линейный градиент, который лег в основу конического: Object → Envelope Distort → Edit Envelope. Чтобы выйти из режима редактирования, просто повторите это действие.
Несмотря на то, что заметка заняла далеко не пару строк, эта методика рисования конического градиента очень простая и быстрая. На все про все уходит не больше минуты.
Связанные записи
Категории
- Adobe Illustrator (15)
- Adobe Photoshop (4)
- Basecamp (3)
- iPhone (2)
- Будущее (4)
- Визуальный стиль (4)
- Десктоп (2)
- Дизайн иконок (25)
- Инструментарий (14)
- Книги (3)
- Критика (6)
- Маркетинг (2)
- Мастер-класс (22)
- Обзоры (13)
- Организация работы (4)
- Основы (9)
- Проекты (11)
- Скринкасты (7)
- Турбомилк (3)
- Юзабилити (7)
- Юмор (1)


Комментарии
переход цвета остается плавным если сделать тоже самое но 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
Как ни старнно – актуален. Я было понадеялся, но… опаньки. Если меня ткнут пальцем где я проглядел – буду счастлив
Ответить _portos_, 25 ноября 2008
Напишите комментарий
Вы можете использовать ваш twitter или facebook. Для этого вам нужно будет авторизоваться на одном из этих сайтов, после чего вы сможете оставлять комментарии.
Если у вас есть OpenID (например, myopenid.com), воспользуйтесь им для авторизации.
Авторизуйтесь при помощи аккаунта Турбомилк. Вы также можете зарегистрироваться на нашем сайте.