Урок 3. Заливка цветом

Заливка цветом

Нарисуйте любой прямоугольник и выделите его.

Выберите иконку «изменить заливку объекта» (SHIFT+CTRL+F)

Справа откроется окно настройки заливки и обводки.

В этом окне есть три основные вкладки:

1) Заливка

2) Обводка

3) Стиль обводки

Разберем первую вкладку «Заливка». Здесь есть восемь основных видов заливки.

Заливка сплошным цветом

Сплошной цвет позволяет окрасить объект с помощью пяти цветовых режимов. Самыми распространенными являются три основных, это RGB, HSL, CMYK.

Цветовая модель RGB представлена в виде четырех строк: R – red (красный), G – green (зеленый), B – blue (синий) и A - Alpha channel (альфа канал, отвечает за прозрачность цвета заливки) с интенсивностью от 0 до 255. Выбор цвета здесь зависит от того насколько больше или меньше выбрано значение R, G, B от 0 до 255. Например, если поставить R=255, а параметры G и B равные 0, то получится чистый красный цвет. Все остальные оттенки получаются при смешивании этих значений. Черный цвет выставляется, когда R, G, B равны 0.

Ниже расположены параметры размытия и непрозрачности объекта. Двигая ползунок по этой шкале можно задать объекту необходимую прозрачность и размытие от 0 до 100%.

Цветовая модель HSL представлена четырьмя параметрами это, H – Hue (оттенок), S – Saturate (насыщенность), L – Lightness (светлота или яркость) и A – Alpha channel (альфа канал, отвечает за прозрачность цвета заливки). Эти значения регулируются от 0 до 255.

Цветовая модель CMYK (Cyan, Magenta, Yellow, Black) часто применяется в полиграфии, использует голубой, пурпурный и жёлтый цвета в роли основных, а также чёрный цвет. Параметры варьируются от 0 до 100. Меняя эти соотношения можно получить различные цветовые оттенки.

Линейный градиент

Заливка линейным градиентом позволяет выполнить плавный переход от одного цвета в другой.

Нарисуйте любой прямоугольник и выберите заливку «линейный градиент».

По умолчанию градиент настроен на плавное угасание насыщенности основного цвета. Это можно увидеть если перейти в его настройки, нажав на значок «edit gradient».

На объекте появится тонкая линия с двумя белыми точками на ее концах.

Нажмите на точку 1. Справа появятся настройки выбора цвета. Обратите внимание что альфа канал стоит на значении 255. Теперь нажмите на точку 2. Здесь видно, что значение непрозрачности и альфа канала стоят на 0. В этой точке цвет становится абсолютно прозрачным. То есть цвет становится постепенно прозрачным двигаясь от точки 1 до точки 2.

Поставьте A=255, и вы увидите, что градиент стал сплошным цветом, потому что цвет в первой точке и во второй имеет одинаковые значения по непрозрачности. Непрозрачность цвета варьируется от 0 до 255.

Находясь в точке 2 нажмите на строке H – Hue (оттенок) ЛКМ или введите любое число от 0 до 255. Вы увидите, как произошло перетекание одного цвета в другой

Если подвести курсор мыши к линии пути градиента, то возле курсора появится значок «+» означающий добавление новой точки градиентного перехода. Нажмите по середине линии градиента 2 раза ЛКМ. В середине линии появится новая точка.

Теперь для этой точки можно задать новый цвет градиента. Например, вот так:

Таким образом можно создавать множество точек на линии градиента и каждой из них задавать свои цветовые значения.

Удалить точку на линии градиента поможет клавиша Delete.

Точки на линии градиента можно перемещать, зажимая ЛКМ. А концы точек самой линии размещать в нужном положении.

Радиальный градиент

В отличие от линейного градиента, радиальный имеет центральную точку от которой идут две перпендикулярные линии в виде радиусов. На этих линиях можно выставить дополнительные градиенты с помощью команды «edit gradient». Удалять точки на линии можно также с помощью клавиши Delete. Удаляя точку на одной линии автоматически удаляется эта же точка градиента и на другой перпендикулярной линии.

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

Заливка текстур

Этот режим позволяет окрашивать выбранный объект текстурной заливкой. Нарисуйте прямоугольник любого размера и перейдите во вкладку «Текстура». Здесь в выпадающем списке можно выбрать различные варианты окрашивания в текстуру в виде полос, шахматных клеток и т.д.

Упражнение 2