Град заливки и текстоывые маски

Выполняя эту работу можно научиться:
 создавать новые градиенты;
  редактировать градиентную заливку одного или нескольких объектов;
 добавлять в градиент цвета, в том числе плашечные, и изменять положение цветов в градиенте;
использовать оба типа градиента: радиальный и линейный.
Создание градиентной заливки.
Градиенты можно использовать для заливки объектов. Градиентная заливка-это плавный переход между двумя или более цветами или оттенками одного цвета.
Создадим новую градиентную заливку.
Откроем новый файл (File > New).
Активизируем какой-либо из инструментов для рисования и нарисуем замкнутый контур. Не отменяем выделение.






На панели инструментов нажмем кнопку Gradient (Градиент).






Она находится ниже полей заливки и обводки, между кнопками Solid Color (Цвет) и None (Без атрибута). По умолчанию в поле заливки появится черно - белый градиент.
Чтобы задать цвета для градиента, вызовем палитры Gradient
(Градиент) и Color (Синтез).
Эти палитры Stroke (Линия) и Swatches по умолчанию располагаются в правой части экрана. Палитра Gradient используется для создания собственных градиентов и-в сочетании с палитрами Color и Swatches-для редактирования существующих.
4. Откроем палитру Color. По умолчанию палитра Gradient сгруппирована с палитрой Stroke и появляется при открытии палитры Color.
5.  Откроем палитру Gradient.
6. Закроем палитру Info (Инфо)-она на этом уроке не понадобится.
7. Активизируем щелчком палитру Gradient. Затем в меню палитры выберем Show Options (Показать параметры).
8. Переместим палитру Gradient так, чтобы одновременно видеть палитры Color, Swatches и Gradient на экране.
Потянув указателем один из ползунков под шкалой в палитре Gradient, изменим соотношение белого и черного цветов. (Верхушка выделенного ползунка станет черной.)










Ползунок начального цвета.
Б. Средняя точка цветов.
B. Ползунок конечного цвета.



Обратим внимание на изменение градиентной заливки выделенного объекта.
Левый ползунок под шкалой соответствует начальному цвету градиента, правый-конечному.Ползунки под шкалой обозначают который градиент меняет цвет. Ромб над шкалой обозначает срединную точку цветов, где оба цвета представлены одинаково.
В палитре Color цвет ползунка под полем заливки соответствует цвету текущего выделенного цвета градиента.
10. Поместим указатель на цветовую полоску вниз палитры Color и тянем ползунки шкалы или при нажатой клавише Option / Alt щелкнем нужный цвет на палитре Swatches. Ползунок под полем заливки палитры Color соответственно изменит свой цвет.


















У каждого градиента минимум два цветовых ползунка. Редактируя цвета и положение каждого ползунка, а также добавляя ползунки, мы можем создать собственные градиенты.
11. Выделим другой ползунок и изменим его цвет.
Сохраним созданный градиент, перетащив образец из палитры Gradient в каталог цветов в палитре Swatches или нажав кнопку New Swatch (Новый образец).










13. Выведим в палитре Swatches только образцы градиентов, нажав кнопку Gradients (Градиенты).










14. Применим к нашему объекту несколько различных
градиентов.
Заметим: у некоторых градиентов несколько цветов.
Корректировка градиентной заливки.
Изменим направление градиентной заливки.
1. Откроем файл Gradient, ai в папке Lesson 19. (Готовый рисунок см. в файле Gradient2. ai в папке Samples.)
2. Сохраним его под именем Gradient!, ai.
3.Активизируем инструмент «стрелка» и шелкним левый шарик на рисунке.














У шарика радиальная градиентная заливка с переходом от желтого цвета в центре к оранжевому по краям.
Изменим направление градиента.
4.Активизируем инструмент "градиент"













Этот инструмент работает только с выделенными объектами с градиентной заливкой.
Тянем инструмент "градиент" через выделенный объект, меняя положение и направление начального и конечного цветов градиента.






Например, протянув внутри шарика, мы создадим короткий градиент с резким переходом цветов; протянув подальше за пределы шарика, мы создадим более длинный градиент с более мягким переходом цветов.
Редактирование градиента.
Отредактируем градиент и добавим к нему несколько цветов. Но сначала изменим вид палитры Swatches,чтобы выбрать из нее любой цвет.
Выделим шарик.
Gradient щелкнем желтый ползунок, чтобы изменить его цвет. Цвет текущего ползунка выводится в поле заливки палитры Color. Чтобы редактировать цвет градиента, щелкним ползунок под шкалой градиента.
3. Для настройки средней точки тянем ромб над шкалой градиента вправо или влево.













Обратим внимание на изменение рисунка.
Корректируем цвет одним из способов:
  Нажав клавишу Option / Alt, щелкним образец на палитре Swatches, присвоив этот цвет ползунку градиента. [Чтобы вывести все виды образцов на палитре Swatches, нажмем кнопку Show All Swatches (Показать все образцы) в нижней части палитры].
Создадим новый цвет, используя ползунки палитры Color или меняя значения составляющих цветов в их текстовых полях.
Щелкнем или потянем цветовую полоску в нижней части палитры Color, создавая новый цвет.
Активизируем инструмент "пипетка" и скопируем щелчком существующий цвет на нашем рисунке на ползунок градиента при нажатой клавише Shift.
Цвета градиента можно задавать в любой цветовой системе. При распечатке или цветоделении все цвета градиентов преобразуются в составные системы CMYK. Также можно добавлять в градиент промежуточные цвета, создавая заливки с множественными переходами между цветами.
5. В палитре Gradient после щелчка где-либо под шкалой градиента появится новый ползунок.
Цвета в градиент вводятся новыми ползунками. Между новым ползунком и соседними над шкалой градиента появляются ромбы, обозначающие средние точки цветов.





6. Повторим п. 4, чтобы выбрать цвет прмежуточного ползунка. Удаляем цвета из градиента, протягивая его ползунок вниз за пределы палитры.
Редактировать градиент можно, меняя порядок цветов.
7. Переменим местами цвета в градиенте, нажав клавишу Option / Alt и протянув один ползунок на другой.










Перемещая ползунок, запомним процентное значение в текстовом поле Location (Позиция).
Чтобы изменить порядок цветов, выделим ползунок и в текстовое поле Location введем новое значение в интервале от 0% (крайний левый цвет) до 100% (крайний правый цвет). Изменить вид градиента можно также, изменив его тип.
В меню Туре (Тип) выберем Linear (Линейный).










Градиенты бывают линейные или радиальные. В обоих случаях нужно задавать начальный и конечный цвета заливки. У радиального градиента начальная точка задает цвет центральной точки заливки, от которой цвет расходится наружу к конечной точке.
10. В меню Туре выберим Radial (Радиальный).
Теперь цвета градиента расходятся наружу от начальной точки.
11.  Чтобы сохранить созданный градиент на палитре Swatches, нажмем кнопку New Swatch.
Редактировать градиент можно также, копируя существующий и затем его меняя.
12.  На палитре Swatches выделим образец градиента, который хотели бы отредактировать. Затем скопируем его, нажав кнопку New Swatch.
13. Отредактируем градиент с помощью палитры Gradient.
Сохраним отредактированный образец в палитре Swatches, нажав кнопку New Swatch или выбрав New Swatch в меню палитры.














Копируя образец, копию сохраняем.
Использование в градиентах плашечных цветов.
В градиентах можно использовать плашечные цвета и их оттенки.
1.  Чтобы изменить начальный цвет градиента, щелкним левый ползунок.
Нажмем кнопку Show All Swatches на палитре Swatches, чтобы видеть образцы всех видов.











При нажатой клавише Option / Alt выделим какой-либо плашечный цвет.











Если плашечные цвета выводятся как образцы, они помечаются маленьким белым треугольником внизу, если по названиям-квадратиком с точкой в центре. [Режим вывода можно менять, выбирая в меню палитры Small Swatch (Маленькие образцы), Large Swatch (Большие образцы) или Name (По названиям)]. Палитра Color также выводит плашечные цвета по названям.
Примечание. Если мы создаем градиент между плашечными цветами, нужно отключить опцию Convert to Process (Преобразовать в составные) в диалоговом окне Separation Setup (Параметры цветоделения). Подробнее см. соответствующий раздел главы 16 Руководства пользователя или файлы помощи.
Создадим градиент между двумя оттенками одного плашечного цвета.
4.  Чтобы изменить конечный цвет градиента, щелкнем правый ползунок.
Создавая градиент между двумя оттенками плашечного цвета, зададим один и тот же плашечный цвет для начального и конечного цветов градиента, а затем отредактируем оттенки.
5. В палитре Swatches при нажатой клавише Option / Alt выделим тот же плашечный цвет, что и в п. 3.
Оттенки плашечного цвета редактируем, используя палитру Color. Оттенок-это процентное содержание (густота) данного цвета.
6.  В палитре Color тянем ползунок Т (Tint, оттенок), задавая конечный цвет.









Присвоем созданный градиент заливке фона. 7. Инструментом "стрелка" выделим фон.
8.   Присваиваем градиентную заливку фону,нажав кнопку градиента на панели инструментов.
Отменяем выделение.
Изменение градиента во всем рисунке.
Изменим градиент во всем документе, используя палитры Gradient и Swatches. Градиент, который мы хотим заменить, сначала сохраним как образец в палитре Swatches.
Убедимся, что заменяемый градиент сохранен. При необходимости выделим инструментом "стрелка" нужный градиент. Выделив поле заливки на панели инструментов или образец в палитре Gradient, перетащим его в каталог палитры Swatches, чтобы сохранить образец градиента.












2.  Отменим выделение (например, щелкнув вне рисунка при нажатой клавише Command/Ctrl).
3. С помощью палитры Gradient создадим новый градиент.
4. Поместим указатель или на поле заливки панели инструментов, или на поле палитры Gradient, или на другой образец градиента палитры Swatches.
5.  Перетащим образец при нажатой клавише Option/Alt в каталог палитры Swatches поверх того градиента, который мы хотим заменить.












Градиент будет повсеместно заменен в данном документе.
Чтобы заменить плашечный цвет во всем документе, используем тот же прием: выделив новый цвет, отменим выделение рисунка и щелкнем при нажатой клавише Option/Alt образец в каталоге палитры Swatches.
Редактирование градиента нескольких объектов.
Присвоим тексту градиентную заливку и откорректируем направление градиента.
Инструментом "стрелка" и клавишей Shift выделим все объекты, образующие надпись Milano. Работая с собственным текстом, выделим его как объект и выберим Туре (Текст) > Create Outlines (Преобразовать в контуры). Эта команда преобразует текст в объекты, которым можно присвоить градиентную заливку.
2. Выделим градиент в каталоге палитры Swatches. Каждый объект группы получил градиентную заливку.
Активизируем инструмент "градиент" ( П ) и протянем через все объекты слева направо, чтобы задать единые начальные и конечные точки градиента.








Отменим выделение.
5. Закрыть файл.





















Практическое применение. Текстовые маски.
В новом файле пишем текст, формируем его.
Переносим текст в работу с градиентом.
Выделяем всё: весь рисунок и текст инструментом "стрелка".
Не снимая выделения, используем команду Object (Объект)- Clipping Mask - Make.














При перемещении текста белой стрелкой, он будет менять цвета.







Работа завершена. Закроем файл.

КГОУ ДОД «Камчатский центр технического творчества»

КГОУ ДОД «Камчатский центр технического творчества»

ПДО Коноплина Ирина Григорьевна - 13 PAGE 14115-

ПДО Коноплина Ирина Григорьевна - 13 PAGE 14115-




















Default Paragraph FontTable Normal
No ListНижний колонтитул