Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Град заливки и текстоывые маски
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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

библиотека
материалов

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

Выполняя эту работу можно научиться:

• создавать новые градиенты;

•  редактировать градиентную заливку одного или нескольких объектов;

• добавлять в градиент цвета, в том числе плашечные, и изменять положение цветов в градиенте;

использовать оба типа градиента: радиальный и линейный.

Создание градиентной заливки.

Градиенты можно использовать для заливки объектов. Градиентная заливка-это плавный переход между двумя или более цветами или оттенками одного цвета.

Создадим новую hello_html_m668b1bdd.pnghello_html_m265faba7.pngградиентную заливку.

  1. Откроем новый файл (File > New).

  2. Активизируем какой-либо из инструментов для рисования и нарисуем замкнутый контур. Не отменяем выделение.







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







Она находится ниже полей заливки и обводки, между кнопками Solid Color (Цвет) и None (Без атрибута). По умолчанию в поле заливки появится черно - белый градиент.

Чтобы задать цвета для градиента, вызовем палитры Gradient

(Градиент) и Color (Синтез).

Эти палитры Stroke (Линия) и Swatches по умолчанию располагаются в правой части экрана. Палитра Gradient используется для создания собственных градиентов и-в сочетании с палитрами Color и Swatches-для редактирования существующих.

4. Откроем палитру Color. По умолчанию палитра Gradient сгруппирована с палитрой Stroke и появляется при открытии палитры Color.

5.  Откроем палитру Gradient.

6. Закроем палитру Info (Инфо)-она на этом уроке не понадобится.

7. Активhello_html_3b6b24dd.pnghello_html_7d6a3843.gifизируем щелчком палитру Gradient. Затем в меню палитры выберем Show Options (Показать параметры).

8. Переместим палитру Gradient так, чтобы одновременно видеть палитры Color, Swatches и Gradient на экране.

  1. Потянув указателем один из ползунков под шкалой в палитре Gradient, изменим соотношение белого и черного цветов. (Верхушка выделенного ползунка станет черной.)










  1. Ползунок начального цвета.

Б. Средняя точка цветов.

B. Ползунок конечного цвета.




Обратим внимание на изменение градиентной заливки выделенного объекта.

Левый ползунок под шкалой соответствует начальному цвету градиента, правый-конечному.Ползунки под шкалой обозначают который градиент меняет цвет. Ромб над шкалой обозначает срединную точку цветов, где оба цвета представлены одинаково.

В палитре Color цвет ползунка под полем заливки соответствует цвету текущего выделенного цвета градиента.

10. Пhello_html_m5bdd69b5.pngоместим указатель на цветовую полоску вниз палитры Color и тянем ползунки шкалы или при нажатой клавише Option / Alt щелкнем нужный цвет на палитре Swatches. Ползунок под полем заливки палитры Color соответственно изменит свой цвет.


















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

11. Выделим другой ползунок и изменим его цвет.

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











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










14. Применим к нашему объекту несколько различных

градиентов.

Заметим: у некоторых градиентов неhello_html_1f77e98e.pnghello_html_3da2a39a.pnghello_html_46c2c2f8.gifсколько цветов.

Корректировка градиентной заливки.

Изменим направление градиентной заливки.

1. Откроем файл Gradient, ai в папке Lesson 19. (Готовый рисунок см. в файле Gradient2. ai в папке Samples.)

2. Сохраним его под именем Gradient!, ai.

3.Активизируем инструмент «стрелка» и шелкним левый шарик на рисунке.














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

Изменhello_html_m4d37d31d.pnghello_html_m24c3c4f4.pnghello_html_4073eb82.gifhello_html_1926f635.gifим направление градиента.

4.Активизируем инструмент "градиент"













Этот инструмент работает только с выделенными объектами с градиентной заливкой.

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







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

Редактирование градиента.

Отредактируем градиент и добавим к нему несколько цветов. Но сначала изменим вид hello_html_m1691ff1.pnghello_html_30999561.pnghello_html_m6c50d4b1.pnghello_html_m21a0576.gifhello_html_m23942c27.gifпалитры Swatches,чтобы выбрать из нее любой цвет.

  1. Выделим шарик.

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

3. Для настройки средней точки тянем ромб над шкалой градиента вправо или влево.













Обратим внимание на изменение рисунка.

  1. Корректируем цвет одним из способов:

  •   Нажав клавишу Option / Alt, щелкним образец на палитре Swatches, присвоив этот цвет ползунку градиента. [Чтобы вывести все виды образцов на палитре Swatches, нажмем кнопку Show All Swatches (Показать все образцы) в нижней части палитры].

  • Создадим новый цвет, используя ползунки палитры Color или меняя значения составляющих цветов в их текстовых полях.

  • Щелкнем или потянем цветовую полоску в нижней части палитры Color, создавая новый цвет.

  • Активизируем инструмент "пипетка" и скопируем щелчком существуюhello_html_3bf7692f.pngщий цвет на нашем рисунке на ползунок градиента при нажатой клавише Shift.

Цвета градиента можно задавать в любой цветовой системе. При распечатке или цветоделении все цвета градиентов преобразуются в составные системы CMYK. Также можно добавлять в градиент промежуточные цвета, создавая заливки с множественными переходами между цветами.

5. В палитре Gradient после щелчка где-либо под шкалой градиента появится новый ползунок.

Цвета в градиент вводятся новыми ползунками. Между новым ползунком и соседними над шкалой градиента появляются ромбы, обозначающие средние точки цветов.






6. Повторим п. 4, чтобы выбрать цвет прмежуточного ползунка. Удаляем цвета из градиента, протягивая его ползунок вниз за пределы палитры.

Редактировать градиент можно, меняя порядок цветов.

7. Переменим местами цвета в градиенте, нажав клавишу Option / Alt и протянув один ползунок на другой.








Перемещая ползунок, запомнимhello_html_m48728dba.pnghello_html_m3acbbcca.png процентное значение в текстовом поле Location (Позиция).

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

  1. В меню Туре (Тип) выберем Linear (Линейный).










Градиенты бывают линейные или радиальные. В обоих случаях нужно задавать начальный и конечный цвета заливки. У радиального градиента начальная точка задает цвет центральной точки заливки, от которой цвет расходится наружу к конечной точке.

10. В меню Туре выберим Radial (Радиальный).

Теперь цвета градиента расходятся наружу от начальной точки.

11.  Чтобы сохранить созданный градиент на палитре Swatches, нажмем кнопку New Swatch.hello_html_m7596987d.png

Редактировать градиент можно также, копируя существующий и затем его меняя.

12.  На палитре Swatches выделим образец градиента, который хотели бы отредактировать. Затем скопируем его, нажав кнопку New Swatch.

13. Отредактируем градиент с помощью палитры Gradient.

  1. Сохраним отредактированный образец в палитре Swatches, нажав кнопку New Swatch или выбрав New Swatch в меню палитры.















Копируя образец, копию сохраняем.

Использование в градиентах плашечных цветов.

В градиентах можно использовать плашечные цвета и их оттенки.

1.  Чтобы изменить начальный цвет градиента, щелкним левый ползунок.

  1. Нажмем кнопку Show All Swatches на палитре Swatches, чтобы видеть образцы всех hello_html_5db5c815.pnghello_html_348f6aef.pngвидов.












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












Если плашечные цвета выводятся как образцы, они помечаются маленьким белым треугольником внизу, если по названиям-квадратиком с точкой в центре. [Режим вывода можно менять, выбирая в меню палитры Small Swatch (Маленькие образцы), Large Swatch (Большие образцы) или Name (По названиям)]. Палитра Color также выводит плашечные цвета по названям.

Примечание. Если мы создаем градиент между плашечными цветами, нужно отключить опцию Convert to Process (Преобразовать в составные) в диалоговом окне Separation Setup (Параметры цветоделения). Подробнее см. соответствующий раздел главы 16 Руководства пользователя или файлы помощи.

Создадим градиент между двумя оттенками одного плашечного цвета.

4.  Чтобы изменить конечный цвет градиента, щелкнем правый ползунок.

Создавая градиент между двумя оттенками плашечного цвета, зададим один и тот же плашечный цвет для начального и конечного цветов градиента, а затем отредактируем оттенки.

5. В палитре Swatches при нажатоhello_html_102ff431.pngй клавише Option / Alt выделим тот же плашечный цвет, что и в п. 3.

Оттенки плашечного цвета редактируем, используя палитру Color. Оттенок-это процентное содержание (густота) данного цвета.

6.  В палитре Color тянем ползунок Т (Tint, оттенок), задавая конечный цвет.









Присвоем созданный градиент заливке фона. 7. Инструментом "стрелка" выделим фон.

8.   Присваиваем градиентную заливку фону,нажав кнопку градиента на панели инструментов.

  1. Отменяем выделение.

Изменение градиента во всем рисунке.

Изменим градиент во всем документе, используя палитры Gradient и Swatches. Градиент, который мы хотим заменить, сначала сохраним как образец в палитре Swatches.

  1. Убедимся, что заменяемый градиент сохранен. При необходимости выделим инструментом "стрhello_html_m5a081247.pnghello_html_m58241abf.pnghello_html_46f2eb43.gifhello_html_m493eaefd.gifелка" нужный градиент. Выделив поле заливки на панели инструментов или образец в палитре Gradient, перетащим его в каталог палитры Swatches, чтобы сохранить образец градиента.













2.  Отменим выделение (например, щелкнув вне рисунка при нажатой клавише Command/Ctrl).

3. С помощью палитры Gradient создадим новый градиент.

4. Поместим указатель или на поле заливки панели инструментов, или на поле палитры Gradient, или на другой образец градиента палитры Swatches.

5.  Перетащим образец при нажатой клавише Option/Alt в каталог палитры Swatches поверх того градиента, который мы хотим заменить.












Градиент будет повсеместно заменен в данном документе.

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

Редактирование градиента нескольких объектов.

Присвоим текстhello_html_30c440d8.pngу градиентную заливку и откорректируем направление градиента.

  1. Инструментом "стрелка" и клавишей Shift выделим все объекты, образующие надпись Milano. Работая с собственным текстом, выделим его как объект и выберим Туре (Текст) > Create Outlines (Преобразовать в контуры). Эта команда преобразует текст в объекты, которым можно присвоить градиентную заливку.

2. Выделим градиент в каталоге палитры Swatches. Каждый объект группы получил градиентную заливку.

  1. Активизируем инструмент "градиент" ( П ) и протянем через все объекты слева направо, чтобы задать единыеhello_html_19e92a10.pnghello_html_m666c4cc3.png начальные и конечные точки градиента.









  1. Отменим выделение.

5. Закрыть файл.





















Практическое применение. Текстовые маски.

  1. В новом файле пишем текст, формируем его.

  2. Переносим текст в работу с градиентом.

  3. Выделяем всё: весь рисунок и текст инструментом "стрелка".

  4. Не снимhello_html_mff83673.pnghello_html_1af5adf9.pnghello_html_1e1a65b7.pngая выделения, используем команду Object (Объект)- Clipping Mask - Make.















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








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

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

Автор
Дата добавления 25.12.2015
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров146
Номер материала ДВ-284125
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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