Заливка Fill (Add Fill) может быть у фрейма, шейпа или текстового слоя. В этой главе рассмотрим, какие бывают режимы заливки, и научимся их применять на практике.
В верхнем левом углу развёрнутой палитры отображается режим заливки фона, который изначально выбран в Solid.
Левее радужного фейдера размещена кнопка с пипеткой, позволяющей снимать цвета в любом месте холста. Клавиша пипетки: Ctrl C. Мнемоника: Color. На Windows – I.
Я расскажу о полезном приёме, который сделает работу с градиентами значительно комфортнее.
Создаём несколько прямоугольников, R, которым настроим цвета. Чтобы настроить градиент, будем снимать пикером цвета с этих пробников. Когда развёрнута панель градиентов, в ней не очень удобно оценивать выбранный цвет, потому что окошки контрольных точек градиента маленькие. Поэтому переход цвета получается недостаточно точным. Если мы заранее определим каждый цвет, а затем снимем их в градиенте, результат будет более предсказуемым.
Особенно это удобно при работе со сложными градиентами, состоящими из нескольких цветов.
Solid [сóлид] — режим заливки сплошным цветом, который можно задавать как шестнадцатиричный код (HEX-код от слова hexadecimal) от белого #FFFFFF, до #000000 чёрного.
Linear [линиар] — режим заливки линейным градиентом, в котором могут быть две или больше контрольных точек цвета.
Radial [рэдиал] — режим заливки радиальным градиентом, в котором один конец шкалы градиента ассоциируется с центром круга, а другой с его краями. От центра к краям можно настраивать плавный переход.
Angular [энгюлар] — режим заливки градиентом, в котором шкала от начала до конца градиента вращается вокруг определённой точки на заливаемой фигуре.
Diamond [даймонд] — режим заливки радиальным градиентом с 4 лучами. Позволяет настраивать градиенты с прямоугольной текстурой.
Image [имидж] — режим заливки растровым изображением. Применяется для вставки растровых слоёв в Figma. Если вставить PNG или JPG-файл в окно редактора, он появится на холсте как прямоугольник с заливкой этого типа.