Урок № 7. Градиентные заливки
Следующие два урока мы посвятим знакомству с градиентными заливками. На этом уроке мы изучим линейный и радиальный градиенты. А на следующем попробуем их применить при создании простой, но содержательной картинки. Как вы уже, наверное, знаете, градиент - это плавное перетекание одного цвета в другой. Цветов может быть и больше двух.
1. Рассмотрим линейный градиент.
1.1. Добавим новый слой (Insert||Layer) (Вставка||Слой).
1.2. В нижнем слое нарисуем синий прямоугольник во всю рабочую область.
1.3. Выберем верхний слой и нарисуем чёрный прямоугольник.
1.4. Выделим контур прямоугольника и удалим его.
1.5. Выделим прямоугольник и в окне Микшер (Mixer) выберем Linear Gradient.
Полоска является диапазоном градиента.
Ниже диапазона расположены флажки, в данном случае два: чёрный и белый. Так как флажки расположены на концах диапазона, то перетекание цвета будет происходить от чёрного к белому по всему прямоугольнику. Примерное изображение градиента показано слева от диапазона. Если выбрать флажок, то в правой части окна покажется цвет флажка. При желании его можно изменить. Также флажки можно перетаскивать по диапазону, изменяя конечное изображение.
1.6. Нажмём кнопкой мышки посередине и чуть ниже диапазона градиента. При этом появится новый флажок.
1.7. Справа в поле Gradient Color (Цвет градиента) укажем цвет флажка - красный (цвет можно указать и в двоичном виде, введя его в соответствующее поле). После этого перетекание цвета будет происходить от чёрного к красному и от красного к белому. Таких флажков можно поставить сколько угодно, создав сложный линейный градиент.
1.8. Чтобы изменить направление градиента, а также определить его центр, необходимо воспользоваться инструментом Transform Fill (преобразование заливки). Для этого выберем инструмент Transform Fill на панели инсрументов.
1.9. Выделим прямоугольник. Появятся якорные точки, с помощью которых можно изменить угол градиента, сместить центр градиента и изменить его размеры.
1.10. Изменим угол так, чтобы градиентная заливка шла не справа налево, а сверху вниз.
2. Теперь рассмотрим радиальный градиент.
2.1. Создадим новый мультик.
2.2. Добавим новый слой (Insert||Layer). В нижнем слое нарисуем синий прямоугольник во всю рабочую область.
2.3. Выберем верхний слой и нарисуем чёрный круг.
2.4. Выделим круг и на панели Микшер выберем Radial Gradient (Радиальный градиент).
2.5. Вставим новый флажок, как мы это делали при создании линейного градиента. В поле Gradient Color (Цвет градиента) укажем цвет флажка - красный.
Так же, как и у линейного градиента, у радиального можно изменять угол, смещать центр градиента и изменять его размеры.
3. Теперь сделаем так, чтобы цвет, перетекая от красного до белого, становился прозрачным.
3.1. Выберем круг.
3.2. В окне Mixer (Микшер) выберем на диапазоне градиента белый флажок; в поле Alpha (Альфа) поставим значение "0".
3.3. Снимем выделение.
После этого перетекание цвета будет происходить от красного к прозрачно - белому, т.е. к цвету фона. Очень важным является цвет прозрачного флажка, поскольку при одинаковом конечном результате будут различаться промежуточные цвета. Например, если цвет прозрачного флажка белый, как в нашем случае, то перетекание будет происходить от красного, постепенно белеющего и становящегося прозрачным, в полностью прозрачный; если же чёрным - то от красного, постепенно чернеющего и становящегося прозрачным, в полностью прозрачный.