Текст

Надписи нужны почти везде: заголовок, подпись на кнопке, счёт в игре, цена в калькуляторе. Берёте инструмент текст, кликаете по холсту и печатаете. Готово — но самое интересное начинается дальше.

Текст в Formo бывает живым. В надпись можно вставить не застывшие буквы, а значение, которое меняется само: счёт растёт, цена пересчитывается, имя подставляется. Один раз настроили — дальше обновляется без вас.

Добавить надпись

Кликнули инструментом текста — появился курсор, печатаете. Чтобы поправить написанное, заходите в надпись двойным кликом, как в обычном текстовом поле.

Блок умеет жить двумя способами: подгоняться под текст (растёт вместе с буквами) или иметь фиксированную ширину (тогда длинный текст переносится на новую строку, как абзац).

Шрифты и оформление

Шрифт выбирается из большого списка (подключены Google Fonts) — от строгих до рукописных. Дальше — привычное оформление:

• жирный, курсив, зачёркнутый;
• выравнивание по левому краю, по центру, по правому;
• размер, межстрочное расстояние.

Пример: крупный жирный заголовок по центру и мелкая подпись под ним.

Цвет текста

Текст красится так же, как фигуры, — заливкой. А значит, ему доступен и градиент: буквы могут плавно перетекать из цвета в цвет. Пример: золотой заголовок с переходом от светлого к тёмному.

Живой текст — главное

Обычная надпись показывает то, что вы вписали. Но можно показать значение, которое считается само. Тогда вместо букв вы задаёте правило — а Formo подставляет результат и обновляет его на лету.

Где это нужно:

• Счёт в игре — число растёт, когда игрок собирает монеты.
• Цена в калькуляторе — количество × цена, итог пересчитывается, пока двигают ползунок.
• Имя пользователя — подставляется в приветствие.
• Таймер или часы — цифры идут сами.

Делается это формулой — тем же простым правилом, что и всё интерактивное в Formo. Подробно — в статье про формулы; здесь главное запомнить, что надпись не обязана быть застывшей.

Пример: текстовый блок с правилом «Очки: счёт» — и во время игры он сам показывает Очки: 27, Очки: 28…

Что запомнить

• Текст добавляется инструментом и правится двойным кликом.
• Блок подгоняется под текст или держит фиксированную ширину с переносом.
• Шрифты, начертания, выравнивание и градиент — всё на месте.
• Главное: надпись может быть живой — показывать значение, которое меняется само.

Дальше — Эффекты: тень, размытие и другие украшения поверх рисунка.