Урок № 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. Снимем выделение. После этого перетекание цвета будет происходить от красного к прозрачно - белому, т.е. к цвету фона. Очень важным является цвет прозрачного флажка, поскольку при одинаковом конечном результате будут различаться промежуточные цвета. Например, если цвет прозрачного флажка белый, как в нашем случае, то перетекание будет происходить от красного, постепенно белеющего и становящегося прозрачным, в полностью прозрачный; если же чёрным - то от красного, постепенно чернеющего и становящегося прозрачным, в полностью прозрачный. |
|||