В Instories текст можно сделать выразительным: выбрать шрифт, добавить анимацию, поэкспериментировать с цветами (даже со своей палитрой), использовать готовые шаблоны или загрузить собственные шрифты. Здесь вы найдёте пошаговое руководство по созданию эффектного текста.
Как добавить текст:
Откройте проект и нажмите Text на нижней панели редактирования.
Введите текст.
Нажмите Done.
👉 Дважды нажмите на добавленный текст, чтобы открыть панель расширенных настроек. Здесь можно добавить анимацию, изменить шрифт, цвет или стиль и многое другое.
1. Цвета
Чтобы изменить цвет текста, дважды нажмите на текст — откроется панель редактирования.
Вы увидите несколько вариантов:
Готовая палитра. Просто выберите цвет из стандартного набора.
Свой цвет. Нажмите на разноцветный квадрат, чтобы вручную настроить оттенок и насыщенность, а затем сохраните новый цвет в избранное, нажав Add to Favourites внизу.
Пипетка. Нажмите на значок пипетки на панели цветов, наведите её на область изображения с нужным цветом и нажмите Done. Все цвета, выбранные пипеткой, автоматически сохраняются в избранное.
👉 Чтобы открыть список избранных цветов, нажмите на значок флажка или палитры. Здесь хранятся все сохранённые цвета и оттенки.
2. Шрифты
Чтобы изменить шрифт, нажмите Fonts на панели редактирования текста. В этом разделе можно листать вкладки со стилями шрифтов и найти тот, который лучше всего подходит к вашему дизайну. Учтите, что не все шрифты поддерживают все языки.
Как загрузить свой шрифт:
Скачайте нужный шрифт на телефон в формате .ttf или .otf.
Нажмите Fonts на панели редактирования текста.
Прокрутите список стилей шрифтов до упора влево и выберите Your Fonts.
Нажмите «+».
Откройте папку со скачанным шрифтом и нажмите на него, чтобы загрузить.
👉 Если после загрузки шрифт не появился в списке, не переживайте — скорее всего, всё в порядке. Разные начертания одного шрифта (например, жирный или курсив) автоматически объединяются в одно семейство.
Как найти нужный шрифт:
Выберите загруженный шрифт.
Перейдите на вкладку Format.
Там будут доступны все добавленные начертания шрифта.
3. Стиль
В этом разделе можно настроить Stroke, Shadow и Background текста.
Stroke
С помощью параметра Stroke можно настроить обводку текста. Вот как это сделать:
Дважды нажмите на текст и выберите Style.
Нажмите Stroke и выберите любой из доступных типов обводки.
Чуть ниже типа обводки можно задать её цвет любым способом из раздела Цвета выше.
Внизу настройте толщину обводки с помощью ползунка.
👉 Если передумаете добавлять обводку, просто выберите None — она исчезнет.
Shadow
Эффект Shadow добавляет тексту глубину и объём. Чтобы настроить его:
Дважды нажмите на текст и выберите Style.
Нажмите Shadow и выберите тип тени.
Задайте цвет тени любым способом из раздела Цвета выше.
Настройте прозрачность цвета чуть ниже области выбора цвета: перетащите ползунок рядом с надписью Opacity.
Чтобы сделать тень мягче, используйте эффект Blur для тени.
Чтобы изменить расстояние между тенью и текстом, используйте ползунок Distance.
С помощью параметра Angle задайте направление тени именно так, как вам нужно.
👉 Примечание: чтобы увидеть все расширенные настройки тени, прокрутите панель Shadow вниз.
👉 Если решите не использовать тень, просто выберите None — она исчезнет.
Background
Чтобы настроить фон текста:
Дважды нажмите на текст и выберите Style.
Нажмите Background.
Выберите цвет фона любым способом из раздела Цвета выше.
При необходимости настройте прозрачность с помощью ползунка.
4. Формат
На вкладке Format можно настроить основные параметры текста:
Начертание
Выравнивание текста
Межстрочный интервал
Opacity
👉 Все настройки расположены друг за другом на вкладке Format. Чтобы открыть эту вкладку, дважды нажмите на текст.
5. Текстовые шаблоны
Шаблоны — один из самых выразительных способов оформить текст. В готовых шаблонах уже есть анимация, подобранные шрифты и стильный дизайн. Здесь найдётся шаблон для любой задачи: ценники, скидки, сообщения в чате, макеты для соцсетей и многое другое.
Как применить шаблон:
Дважды нажмите на текст и откройте Templates.
Пролистайте категории и выберите шаблон, который лучше всего подходит для вашего проекта.
Краткий обзор категорий:
Timers — эффект обратного отсчёта, после которого на экране появляется ваш текст. Идеально для ограниченных по времени предложений.
Stylish — подборка самых трендовых и заметных эффектов, чтобы текст выделялся.
Bubble — текст внутри анимированной рамки (круга, овала или звезды). Отлично подходит для спецпредложений, сравнений «до/после» или новинок.
Commerce — привлекают внимание к части текста или изображения. Подходят, чтобы показать цены, детали товара или создать эффект списка с отметками.
Shop — идеально, чтобы выделить цены, скидки или другие спецпредложения.
Social — помогают выделить ваши аккаунты в соцсетях и призывы подписаться (для Telegram, WhatsApp, Facebook, Instagram, Pinterest, Twitter, TikTok, YouTube и других).
Digital — реалистичные цифровые элементы: сообщения в чате, кнопки подписки, счётчики лайков, которые растут со временем, строки поиска браузера и многое другое.
Subtitle — шаблоны, которые придают субтитрам особый вид.
Special — смелые и неожиданные эффекты, которые сразу притягивают взгляд.
👉 На вкладке Recent собраны все шаблоны, которые вы недавно использовали.
6. Анимация
С помощью параметра Animations позволяет добавить движение к уже оформленному тексту, не меняя его внешний вид. Применяется только анимация, а шрифт, обводка, тень и другие настройки остаются ровно такими, как вы их задали, — этим функция и отличается от готовых шаблонов.
Как применить анимацию:
Дважды нажмите на текст и выберите Animations.
Выберите стиль анимации в категории In, Loop или Out: In — как текст появляется, Loop — движение, пока текст на экране, Out — как текст исчезает.
👉 Чтобы убрать анимацию, нажмите на значок перечёркнутого круга рядом с вкладками стилей.
Дополнительные возможности
1. Дублировать текст
Нажмите на добавленный текст.
На дополнительной панели редактирования нажмите Duplicate.
2. Изменить размер текста
Нажмите на добавленный текст.
Потяните за правый нижний угол, чтобы увеличить или уменьшить текст.
3. Удалить текст
Нажмите на добавленный текст.
На дополнительной панели редактирования нажмите Delete.
4. Рисование текстом
Нажмите на добавленный текст.
На дополнительной панели редактирования нажмите Text Brush. Более быстрый способ описан здесь.