Цвет, заливки и обводки
Фигура нарисована — пора её раскрасить. В Formo у любого объекта две независимые «одёжки»: заливка — то, чем он закрашен внутри, и обводка — линия по его краю. Их красят по отдельности, и у каждой свои настройки.
Заливка — внутри, обводка — по контуру. У фигуры может не быть заливки (только контур), не быть обводки (только пятно цвета) или быть и то, и другое.
Заливка — цвет внутри
Выделяете фигуру, открываете заливку в панели свойств, выбираете цвет — фигура закрашивается. Это самый частый шаг: залить кнопку, лицо, фон.
Как выбрать цвет
Цвет выбирается в палитре: большой квадрат с оттенками, ползунок прозрачности и поле для точного кода (например, #16B0A6). Можно ткнуть мышкой примерно, можно вписать точное значение.
Для тех, кому нужна точность, палитра умеет работать в нескольких режимах (RGB и более «честные к глазу» LAB и OKLCH). Если эти слова ничего не говорят — не страшно: обычного выбора мышкой хватает в большинстве случаев.
Градиент — плавный переход
Вместо одного цвета заливку можно сделать градиентом — плавным перетеканием одного цвета в другой. Это даёт объём и мягкий свет.
Виды перехода:
- линейный — слева направо (небо, фон);
- радиальный — из центра кругами (блик, подсветка);
- угловой и ромбовидный — для более сложных эффектов.
На полоске градиента стоят точки-стопы: добавляете их, двигаете, красите — и переход меняется. Пример: из тёмно-синего вверху в светло-голубой внизу — готовое небо.
Обводка — контур
Обводка — линия по краю фигуры. У неё свои настройки:
- толщина — от тонкого волоска до жирной рамки;
- пунктир — сплошная линия или штрихи;
- положение — линия идёт по центру края, снаружи или внутри.
Пример: пунктирная рамка вокруг блока «вырежи по линии».
Картинка вместо цвета
Заливкой может быть не только цвет, но и картинка — фотография или текстура. Перетащили изображение на фигуру — оно стало её заливкой. Дальше выбираете, как оно ложится:
- вписать целиком,
- заполнить с обрезкой по краям,
- плиткой — повторять узором.
Пример: круг с фотографией внутри — готовый аватар.
Несколько заливок сразу
Заливок у одной фигуры может быть несколько — они складываются стопкой, одна поверх другой. Так получают сложный цвет: например, картинка снизу и полупрозрачный градиент сверху для затемнения.
Что запомнить
- У фигуры две независимые одёжки: заливка внутри и обводка по краю.
- Цвет выбирается в палитре: мышкой или точным кодом.
- Градиент — плавный переход цвета; виды: линейный, радиальный и другие.
- Заливкой может быть картинка; заливок можно сложить несколько.
Дальше — Текст: как добавить надписи — в том числе такие, что меняются сами.