 |
Основные теоретические сведения
|
|
|
|
Простейший тип заливки – это заливка цветом. При использовании этого способа пиксели в выбранной области заливаются определенным цветом в пределах выбранного цветового допуска.
Второй способ заливки – это заливка градиентом.
Градиент — вид заливки, в которой необходимо задать цвет и прозрачность определённых (ключевых) точек, а цвет и прозрачность остальных точек рассчитываются относительно них по определённым математическим алгоритмам. Таким образом можно получать плавные переходы из одного цвета в другой, задав координаты и цвет начальной и конечной точек.
Основные виды градиентов представлены на рисунках ниже.
Рисунок 7.1. Линейный градиент - ключевые точки располагаются на одной прямой.
Рисунок 7.2. Круговой градиент - относительно первой ключевой точки строятся концентрические окружности, цвет которых зависит от расположения остальных ключевых точек.
Рисунок 7.3. Угловой (конусный) градиент – относительно первой ключевой точки строятся образующие конуса. Цвета образующих переходят от одной ключевой точки к другой, а сами образующие располагаются по кругу изменяя угол.
Рисунок 7.4. Отражённый градиент - похож на линейный, но является осесимметричным и составляется из двух частей: линейного градиента и его отражения.
Рисунок 7.5. Ромбовидный (алмазный) градиент – область заливки делится на 4 сектора и в каждой из них реализуется переход цвета как в линейном градиенте.
Для того, чтобы выбрать тип градиента, его ключевые точки, или создать пользовательский градиент, следует сделать активным инструмент Gradient Tool (Градиент).
Щелчок по выпадающему списку 
позволяет вызвать диалоговое окно Gradient Editor (Редактор градиентов).
|
|
|
Рисунок 7.6. Gradient Editor (Редактор градиентов).
Внизу диалогового окна располагается текущий редактируемый градиент. Щелчок над полосой градиента добавляет ключевую точку прозрачности. Щелчок под полосой градиента добавляет ключевую точку цвета. Аналогичным образом Щелчок на уже существующей ключевой точке позволяет изменять ее прозрачность или цвет. Так же есть возможность задавать их положение и параметры не только на глаз, перетягиванием ползунков, но и численно.
Если над или под полосой более двух ключевых точек, их можно удалять. Чтобы продемонстрировать принципы создания градиентов приведем пример.
Рисунок 7.7. Здесь был создан градиент, включающий в себя 3 цвета и 2 прозрачности. По краям у ключевых точек непрозрачность 100% и черный цвет. В центре (50% положение) прозрачность не меняется, но цвет задан розовый.
Рисунок 7.7. Здесь был создан градиент, включающий в себя 4 цвета и 4 прозрачности. У всех точек кроме 3-й слева непрозрачность 100%. Это хорошо видно, когда градиент создается поверх какого-либо фона.
Третий способ заливки – это заливка пользовательским узором. Процесс заливки градиетном или узором будет разобран подробно в л/р№ 3. Здесь будет рассмотрен процесс создания бесшовного пользовательского узора.
Узор (паттерн, текстура) – это нарисованный и определенные прямоугольный фрагмент, который будучи повторенным встык множество раз, позволяет заливать большие площади.
Рисунок 7.8. Заливка паттерном. Направляющими выделен повторяющийся фрагмент.
Разумеется, создание паттернов с узнаваемым рисунком весьма сложно, так как в данном случае требуется производить согласование на границах паттерна таким образом, чтобы смысловая часть не потерялась. Для абстрактных же узоров создание бесшовных узоров выполняется достаточно просто с помощью стандартной процедуры перестановки.
|
|
|
Создается квадратный документ и на новом слое рисуется фрагмент абстрактного узора.
Рисунок 7.9. Фрагмент абстрактного узора.
После этого фрагмент делится на 4 части (мысленно, направляющими или по размерам).
Рисунок 7.10. Деление фрагмента.
Левая верхняя часть меняется с правой нижней местами. Правая верхняя часть меняется с левой нижней.
Рисунок 7.11. Замена частей.
После этого производится доводка узора в центре, таким образом, чтобы пиксели по краям ни в коем случае не были затронуты.
Рисунок 7.12. Окончательный узор.
После этого на основе изображения можно определить пользовательский узор и использовать его для заливки больших площадей.
Рисунок 7.13. Заливка пользовательским узором.
|
|
|
