Инструмент градиент

Оцените материал
(1 Голосовать)

Градиент — это цветовой переход, реализованный в одноименном инструменте рисования. Сферы его применения ограничены только вашим воображением. Где только его не используют!

  Параметры инструмента Gradient


Выполните следующие действия:
1. Активизируйте инструмент Gradient (Градиент). Как у всех инструментов рисования, на его панели параметров  присутствуют режим наложения и непрозрачность. По умолчанию режим наложения Normal (Нормальный), а непрозрачность — 100%. Все параметры градиента нужно задавать до его создания.


2. Откройте выпадающий список образцов. В нем находятся градиенты из набора по умолчанию. Для выбора градиента щелкните на нужном образце. Обрати-
те внимание, что первые в списке — служебные градиенты, которые соответствуют цветам Foreground и Background.

уроки по градиенту


3. Выберите образец градиента Foreground to Background (От основного к фоновому ). В качестве цветов растяжки программа будет использовать цвета переднего и зад-
него планов. Если изменить один из основных цветов, соответствующим образом изменится и цвет в образце градиента.
4. В состав градиента может входить прозрачность — образец Foreground to Transparent (От основного к прозрачному ) . Чтобы определенная в градиенте прозрачность ра-
ботала, необходимо на панели параметров проверить установку флажка Transparency (Прозрачность).

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

7. Выберите среди образцов градиент Black, White (Черный, белый) (третий по счету).
8. В панели параметров для одного градиента задаются различные типы. Выберите линейный градиент. Растяните его по изображению.

уроки по фотошопу

а — линейного;
б — радиального;
в — конусовидного;
г — зеркального;
д — ромбовидного
Если при использовании линейного градиента удерживать клавишу <Shift>, направление растяжки будет строго горизонтальным, вертикальным или кратно 45°.
9. Испытайте разные типы градиентов. Поэкспериментируйте с положением и наклоном линий градиента. При установленном флажке Reverse (Инверсия) порядок цветов в растяжке меняется на обратный.
10. Градиент может включать несколько цветов. В качестве примеров испытайте градиенты Violet, Green, Orange (Фиолетовый, зеленый, оранжевый) и Transparent Rainbow (Радуга на прозрачном). В состав последнего также входит и прозрачность.

Использование Gradient Editor


Было бы ужасно иметь только стандартный набор градиентов. В процессе работы необходимо создавать различные цветовые распределения. Как это сделать? Для таких
целей существует диалоговое окно Gradient Editor (Редактор градиентов ). Вызывается оно щелчком по виду градиента в панели параметров (рис. 4.4).

Рассмотрим диалоговое окно Gradient Editor (Редактор градиентов). Создание своего цветового перехода Выполните следующие действия:
1. Вызовите диалоговое окно Gradient Editor (Редактор градиентов).
2. Выберите среди образцов градиент Black, White (Черный, белый) — третий по счету.

На цветовой полосе задаются две составляющие градиента: Color (Цвет) и Opacity (Непрозрачность). В разделе Stops (Контрольные точки ) настраивается выделенный
маркер цвета или непрозрачности.

Изменение цветовых составляющих градиента


С помощью нижних маркеров устанавливаются цвета. Выбранный нами градиент состоит из двух цветов. Для изменения цвета щелкните по левому маркеру (его указатель станет черным). У каждого маркера есть два параметра: его цвет, задаваемый в поле Color (Цвет), и положение на шкале — поле Location (Позиция).

Поле Color


Изменим черный цвет на другой. Это можно сделать разными способами при активном маркере цвета:
скопировать цвет щелчком мыши на изображении;
выбрать цвет щелчком мыши в палитре Swatches (Образцы) или на цветовой полосе палитры Color (Цвет);
определить цвет с помощью раскрывающегося списка Color (Цвет). В этом списке выберите вариант Foreground (Основной цвет), Background (Фон) или User Defined
(Заказной цвет). Если активен тип User Defined, щелкните на кнопке рядом со списком Color (Цвет) и определите цвет в открывшемся окне Color Picker (Палитрацветов).
В зависимости от выбора цвета вид ползунка будет различным.


а — ползунок цвета Foreground;
б — ползунок цвета Background;
в — ползунок цвета
Между каждой парой маркеров есть средняя точка смешивания. Это точка на линии градиента, в которой соседние цвета смешиваются в равной пропорции. Сместите среднюю точку для любой пары цветовых ползунков. Чем она ближе к одному из ползунков, тем более резким будет переход.

 

Поле Location

Второй параметр у выделенного маркера цвета — его положение на шкале — поле Location (Позиция). Первоначально его значение равно 0. Значение в поле можно изменять или перетаскиванием маркера мышью, или вводом его с клавиатуры. Значения могут изменяться от 0 до 100 через единицу. Перетащите ползунок. Вид растяжки меняется соответственно.
Как добавить или удалить маркер?
При перетаскивании с нажатой клавишей <Alt> происходит дублирование маркера, и на растяжке появляется еще один маркер. Для добавления нового маркера достаточно щелкнуть мышью на полосе. Чтобы удалить маркер, стащите его мышью вниз со шкалы.

 

Изменение непрозрачности градиента


Наряду с цветовым переходом в градиенте можно устанавливать переход прозрачности. Прозрачностью управляют ползунки над цветовой полосой. У каждого маркера есть две составляющие: Opacity (Непрозрачность) и положение ползунка — поле Location. Ползунки непрозрачности перемещают, редактируют, удаляют и добавляют точно так же, как ползунки цветов. Вы можете менять и положение средней точки. Черный цвет ползунка означает непрозрачность, белый — полную прозрачность (появляется «клетка», которая показывает прозрачность). Оттенки серого соответствуют разной степени прозрачности.

Сохранение градиента

Когда градиент достигнет желаемого вида, введите его название в соответствующем поле и запишите в конец списка градиентов щелчком по кнопке New (Новый). Чтобы
сохранить весь текущий набор градиентов, воспользуйтесь кнопкой Save (Сохранить). Кнопка Load (Загрузить) служит для загрузки градиентов. По окончании работы нажмите на кнопку OK. Градиент, редактируемый последним, станет текущим. Если нажать на кнопку Cancel (Отмена), сохраненные градиенты останутся в списке, но текущим будет градиент, активный до открытия окна. Где можно применить на практике эти знания?

 

Пример создания градиента: стальная труба


Создадим новый документ. Предположим, нам поручили нарисовать стальную трубу. Из каких цветов и областей прозрачности состоит труба? Обычно отвечают: «Серый». Нет, не серый, а только белый и черный цвета. Серый и его градации образует градиент. Теперь прозрачность. Сама труба непрозрачна, но близлежащие предметы все видны, т. е. должна быть и прозрачность. Итак, наше задание состоит из двух частей: создать цвета, входящие в градиент, и разобраться с областью прозрачности.

 

Шаг 1. Цвета стальной трубы


Активизируйте инструмент Gradient (Градиент). Вызовите редактор градиентов.

1. Возьмем из набора предложенных программой образцов третий — Black, White (Черный, белый). Так нам удобно, поскольку наши основные цвета — тоже черный и белый. Цветов, входящих в наш градиент, должно быть три: два черных и один белый.
2. Добавим еще один черный цвет. При перетаскивании с нажатой клавишей <Alt> происходит дублирование маркера, и на растяжке появляется еще один черный маркер.
3. Последовательно выделяя цветовые маркеры, задайте каждому из них положение (вводя числа в поле Location (Позиция).
• Первый маркер — черный цвет, положение — 80.
• Второй маркер — белый цвет, положение — 85.
• Третий маркер — черный цвет, положение — 90.


Шаг 2. Задание непрозрачности


Первоначально в выбранном нами градиенте Black, White (Черный, белый) всего два черных маркера по краям шкалы, т. е. наш градиент полностью непрозрачен.
Нам необходимо сделать непрозрачной только область трубы, остальное — прозрачные зоны. Сама труба занимает положение от 80 до 90. Она должна быть четко зафиксирова-
на двумя маркерами непрозрачности (черный цвет). Они уже есть. Изменим их положение.
1. Выделите один черный маркер (у него положение 0) и введите в его поле Location
значение 80.
2. Выделите второй черный маркер (у него положение 100) и введите в его поле Location
значение 90.

До трубы (до 80) должна быть область прозрачности, поэтому требуется добавить еще один маркер. Щелчком по шкале добавьте маркер. Так как последний выделен-
ный маркер был черного цвета, новый будет таким же.

4. Измените его цвет на белый, введя в поле Opacity значение 0 (белый маркер — полная прозрачность). Появилась «клетка» с одной стороны градиента — это имитация прозрачной зоны.
5. Установите у нового белого маркера параметр Location в значение 79.
6. То же и с другой частью трубы: добавьте щелчком по шкале новый маркер. Маркер
добавлен, он белый.
7. Измените параметр Location на 91.
Итоговые прозрачность и координаты маркеров:
первый маркер (белый) — Opacity 0, Location 79;
второй маркер (черный) — Opacity 100, Location 80;
третий маркер (черный) — Opacity 100, Location 90;
четвертый маркер (белый) — Opacity 0, Location 91.


Когда градиент достигнет желаемого вида, введите в поле Name (Имя) «Стальная труба» и сохраните щелчком по кнопке New (Новый).


Шаг 3. Применение градиента


Закрыв редактор градиентов, установите в панели параметров линейный тип градиента и проведите линию по документу. Выберите другие типы градиентов. Результат

Вы уже умеете создавать и настраивать сложные области прозрачности. Возник ли у вас вопрос: почему мы стараемся создавать маркеры цвета в конце шкалы и так близко располагаем их?
Ответ достаточно прост. Когда вы растягиваете по документу уже готовый градиент, то задаете радиус растяжки. Этот радиус фактически равен самому градиенту (вид в панели параметров).
Посмотрите на — я провел по документу градиентом, и труба легла чуть
ниже конечной точки растяжки.



Проведите эксперимент: поставьте флажок Reverse (Инверсия) в панели параметров градиента и проведите градиентом «Стальная труба» по документу. Так как радиус
очень мал, труба выглядит маленькими колечками. Снимите флажок Reverse (Инверсия).

Прочитано 837 раз Последнее изменение Воскресенье, 19 февраля 2017 16:54
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Wix.com INT

TemplateMonster

Поиск по сайту

Kwork

Google+