Когда-то давным давно (а на самом деле всего полтора года назад) мне пришлось начать осваивать иллюстратор. Про слои мне было известно, кривые кое-как победила, и тут уткнулась носом.
Что меня ужасно бесило в иллюстраторе - это его манера работать с цветом. Возможно это лично мои тараканы, но когда я села изучать Илл, имея за плечами хорошее знание фотошопа и флеша (где и рисовала на тот момент весь вектор) выбор цвета и градиента ставили в абсолютный тупик. Пока до меня не дошло:
Берем, переносим и бросаем!
Итак, давайте по частям:
1. палитра слева (контур и заливка)
Это даже не совсем палитра, но для простоты назову ее так.
В иллюстраторе, при создания объекта, вы можете задать ему контур, заливку и каждому из них цвет. Все это делается именно здесь.
У палитры есть два положения: активна заливка (квадрат поверх контура) или активен контур (контур поверх квадрата).
Как можно брать цвет:
а. в палитре, ткнув в нужный паттерн мышкой.
б. взяв пипетку (I) и выбрав нужный цвет на рисунке.
в. кликнув два раза на палитре (в панельке инструментов) и выбрать его вручную или прописать.
А теперь о маленьких подлянках:
Иллюстратор всегда хочет знать с чем именно вы хотите работать. С заливкой или с контуром. Поэтому если вы берете цвет внимательно смотрите, что окрашивается в палитре. Для исправления ошибок есть двойная стрелочка в правом углу которая меняет цвета местами перекидывая их с контура на заливку и обратно.
2. процесс покраски
Выглядит так же как и взятие цвета, только здесь мы чаще берем и перетаскиваем. Мы можем взять полученный цвет из менюшки слева и кидать на рисунок.
внимательно следите контур или заливка у вас активны. В зависимости от активности иллюстратор будет окрашивать у рисунка либо контур, либо заливку.
Вот так
3. создание градиента
Происходит так же, как и покраска рисунка. Мы берем цвет и перетаскиваем его на градиент расставляя так, как нам надо.
В зависимости от версии вашего иллюстратора работа с градиентом может отличаться. В CS3 выставлять его приходилось интуитивно. В CS5 градиент, присвоенный объекту, можно модифицировать с помощью специальной линейки с маркерами.
Начнем с простого, как вообще сделать градиент. Для начала я вас советую не убирать панельку градиента в правое меню. Обратите внимание как это устроено у меня (смотрите туда, где показано окно CS5). Дело в том, что для создания градиента надо будет хватать цвет в swatches и тащить прямо на панельку gradient. Но правое меню так устроено, что при открытой одной панели вторая закрывается. Вы откроете swatch и у вас тот час закроется gradient. Поэтому, что бы не мучиться, вытащите градиентую панель на рабочий стол целиком, не включая ее в меню.
1. "хватаем" мышкой цвет в swatch и тащим в градиент. Отпускаем так, что бы мышка в этот момент была примерно над полоской показывающий окрас градиента. Если вы все сделали правильно, у вас появится цвет и маркер указывающий где он без смешения.
2. Что бы окрасить нашим градиентом объект, мы беремся за квадратик представляющий как градиент выглядит и опять тащим, но теперь к объекту. Если у объекта была какая-нибудь заливка, то достаточно отпустить мышку над ней, если нет - то примерно над границей объекта.
Еще один способ - выделить объект кликом и уже после этого пойти делать градиент. Главное не кликните нигде лишний раз, что бы не сбросить выделение.
В CS5, если кликнуть по окрашенному объекту и нажать G (градиент), мы увидем вот такую линейку с ползунками, которые соответствуют маркерам на панельке gradient (извиняюсь за качество, пришлось фотографировать экран).
Двигая их туда сюда можно менять градиент не открывая его панельку. Довольно удобно, но после многолетней привычки настраивать градиент интуитивно изобретателей этой штуковины хочется прибить. В любом случае, если она вам мешает, ее можно отключить в меню: View / Hide Gradient Annotator (и тоже самое, если она у вас внезапно пропала, включается там же).
Создание градиентов в CS3 (Надеюсь кто-нибудь когда-нибудь научит меня писать происходящее с экрана и я смогу записать CS5 и создание в нем градиента)
Если на рисунке уже есть градиенты, можно тыкать в них пипеткой - они восстановятся в панельке градиента
4. Отключение заливки и контура
Для избавления от одного или другого (а то и всего сразу) нажимаем маленький перечеркнутый квадратик внизу палитры.
Разумеется в иллюстраторе есть встроенные палитры которыми часто пользуюсь. Добываются они очень просто - в плавающей палитре нажимаем маленький треугольничек (вверху палитры) и выбираем что нам нужно.
Как вынуть из градиента цвет находящийся между двумя другими цветами.
Допустим вы делаете градиент от желтого к синему выставив два цвета-бегунка. Вам нужен получившийся посередине зеленый.
Кликаете на нужном участке мышкой, иллюстратор выставляет бегунок. Кликаете по бегунку - в плавающей панельке Colors отразится нужный цвет. Берете его там и перетаскиваете куда вам нужно.
Как управлять градиентом
К сожалению управление в иллюстратор сделано довольно криво. Нужно выделить покрашенный градиентом элемент, выбрать заливку(G) и "вытягивать" ее из рисунка. Т.е. кликать, тянуть в сторону и смотреть, что получится. Говорят в CS4 появился инструмент облегчающий работу с градиентами, но пока у нас CS3...
С помощью зажатого Shift можно задавать строгий угол для градиента.
Еще один прием который я узнала совершенно случайно - иногда очень нужно сделать градиентную заливку не круглой, а овальной (например румянец на щеках). В таком случае мы заливаем элемент градиентом, потом растягиваем его по горизонтали. Заливка сплющится :)
Подбор цвета для бликов-теней
В иллюстраторе отчего-то нельзя задать частично прозрачный градиент. Точнее можно, но делается это маской. Довольно занудно и хлопотно. (В ЦС4 уже можно, но я пишу именно про ЦС3)
Как имитировать прозрачный градиент:
1. основа красится одним цветом - назовем его главным.
2. детали красятся градиентом - главный цвет + еще один. Для тени беру более темный. Для блика - более светлый.
3. залив деталь градиентом регулирую заливку так, что бы на одном ее конце главный цвет сливался с главным цветом на детальке.
кстати именно так и покрашена голова осьминога, и его "юбка" закрывающая ноги.
Все статьи Быстрого Погружения:
3. Цвет
