19
Ноя

В этом уроке научимся работать инструментом Gradient Tool. Рассмотрим  линейный и радиальный градиенты. В иллюстраторе можно сделать и конический градиент, но описание его будет в отдельном уроке, т.к. его создание затрагивает еще несколько других инструментов.

На панели инструментов Gradient Tool обозначается вот такой кнопкой  и вызывается горячей клавишей G.

Настройки градиента находятся в окне Gradient:

Если у вас на экране нет этого окна его можно открыть через Window\Gradient (Ctrl+F9).

1. Линейный градиент

В окне Gradient выбираем тип Linear:

На панели инструментов выбираем инструмент Ellipse Tool , зажимаем  Shift и рисуем окружность:

Теперь поковыряемся в настройках, технически выражаясь, «поредактируем» и посмотрим, что можно делать с градиентом.

1) Для начала поменяем местами черный и белый цвет на панели Gradient. Зажмите черный маркер и перетяните его на место белого. Что, не получается? Так и задумывалось :). Зажмите клавишу Alt и повторите.

2) Добавим в градиент еще один цвет. Зажмите любой цвет на панели Swatches и перетяните на линию градиента в панели Gradient:

Что бы создать еще один маркер с таким же цветом, как уже есть, перетяните нужный маркер в сторону с зажатой клавишей Alt.

Поле Location служит для более точного управления позицией выделенного маркера или ползунка над маркерами. Ползунок на градиенте, находящийся между маркерами, управляет резкостью цветового перехода между маркерами. Попробуйте потягайте его влево-вправо. По умолчанию его позиция 50% в поле Location.

Примечание:
Что бы изменить цвет любого маркера в градиенте, надо выделить соответствующий маркер и в панели Colors поменять цвет. В Illustrator CS3 есть тематические библиотеки разных градиентов. Они находятся в Window/Swatch Libraries/Gradients. Покопайтесь, там много полезного. К ним можно добраться и через кнопку Swatch Libraries Menu:

3) Поменяем угол градиента. Выделите нарисованную окружность, выберите инструмент Gradient, кликните возле окружности и, неотпуская левую кнопку мышки, потягайте мышку в любую сторону. За курсором будет тянуться линия. Это линия градиента. Отпустите левую кнопку мышки.

Давайте для закрепления нарисуем такую металическую кнопку:

1. Выделите нарисованную окружность
2. Загрузите библиотеку градиентов Metals (Window/Swatch Libraries/Gradients/Metals)
3. Выберите четвертый градиент из списка (Silver)
Если у вас нету этой библиотеки то составьте примерно такой градиент:

Скопируйте эту картинку и импортируйте в документ. Скопировать цвета с нее можно пипеткой . Кликните пипеткой по маркеру на рисунке и перетяните полученный цвет из окошка Colors в окно Gradient на линию градиента. Повторите действия для остальных маркеров. Залейте полученным градиентом окружность.

4. Измените угол градиента по своему усмотрению.
5. Скопируйте окружность (Ctrl+C) и вставьте ее на тоже место (Ctrl+F).
6. Зажмите Shift+Alt и уменьшите немного новую окружность.
7. Измените цвет обводки малой окружности на белый.
8. Залейте малую окружность градиентом от серого к белому.

2. Радиальный градиент

В окне Gradient выбираем Radial:

Управление цветами градиента такое же, как и в линеарном градиенте. Понятия угла градиента в радиальном градиенте нету, но есть центр градиента. Плюс радиальный градиент имеет одну полезную функцию – он может деформироваться. Это может пригодиться если надо нарисовать тень, например, как на рисунке:

Делается это следующим образом:

1. Нарисуйте окружность и залейте ее радиальным градиентом центр которого синий и край белый  .

2. Сплющите окружность до необходимых размеров. Тенюшка готова.

Если вы хотите сохранить свой градиент, просто перетяните превью градиента с окна Gradient в окно Swatch. Затем нажмите на кнопку в правом верхнем углу окна Swatch и выберите там Save Swatch Library as AI или as ASE. Найти вашу библиотеку вы можете по этому пути Window/Swatch Libraries/User Defined.

Желаю удачи!

, ,

Add reply