Фон для сторис в Instagram*: цвет, градиент и фото за текстом

Какой фон для сторис выбрать

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

Вариантов три, и у каждого своя задача:

• Однотонный фон. Подходит для объявлений, цитат, цен, расписания. Текст на нём читается лучше всего.
• Градиент. Плавный переход двух цветов выглядит живее, чем сплошная заливка, и годится для анонсов, опросов, подборок.
• Фото на заднем плане. Нужно, когда история строится вокруг картинки: поездка, товар, закулисье. Тут важно не перегрузить кадр и оставить место для текста.

Если вы только начинаете оформлять ленту историй, загляните ещё в материал как сделать красивые сторис: там разобраны общие принципы стиля, а здесь займёмся именно фоном.

Как сделать фон для сторис однотонным

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

1. Откройте создание истории: свайп вправо от ленты или значок «+» в углу, затем «История».
2. Выберите режим «Создать» (на значке буквы «Aa») или сделайте любое фото и загрузите его.
3. В режиме «Создать» нажмите на кружок с цветом в верхней части экрана: при каждом нажатии цвет фона меняется.
4. Если нужного цвета нет в палитре, откройте инструмент рисования (значок кисти), выберите цвет в нижней панели и зажмите палец на экране на пару секунд. Весь кадр зальётся выбранным цветом.
5. Теперь добавьте текст, стикеры или фото поверх.

Чтобы взять оттенок точно из фирменной палитры, в панели цветов есть пипетка: ей можно «снять» цвет с любой точки загруженного фото. Это удобно, когда нужно, чтобы фон совпадал с логотипом или одеждой на снимке.

Как залить фон поверх фото

Если вы хотите, чтобы фото было на цветном фоне, а не во весь экран, сделайте так: загрузите снимок, выберите кисть и залейте весь экран нужным цветом долгим нажатием. Фото исчезнет, но его можно вернуть: возьмите ластик и сотрите краску в той области, где снимок должен остаться. Края получатся мягкими, как у рамки.

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

Градиент и красивые переходы цвета

Градиент выглядит дороже сплошного цвета, при этом создаётся быстро. В режиме «Создать» у цветового кружка есть вариант градиентной заливки: нажимайте на него, пока не увидите подходящую пару оттенков. Instagram предлагает готовые сочетания, поэтому нечего подбирать вручную.

Нужен собственный градиент? Есть два рабочих пути:

• Сделать его вне Instagram в любом графическом редакторе или приложении для заметок с цветными шаблонами, сохранить картинку в формате 9:16 и загрузить в историю как обычное фото.
• Нарисовать в редакторе: залить экран одним цветом, затем широкой полупрозрачной кистью (в настройках кисти есть маркер) провести другим цветом по краю. Получится мягкий переход.

Совет: не берите два контрастных цвета с противоположных концов палитры. Красный и зелёный или синий и оранжевый вибрируют, и по тексту на таком фоне взгляд «скользит». Надёжнее работают соседние оттенки: персиковый и розовый, синий и бирюзовый, графитовый и серо-голубой.

Фото на заднем плане: как не потерять текст

Фото во весь экран выглядит эффектно, но чаще всего портит читаемость. Вот приёмы, которые спасают ситуацию:

• Затемните или осветлите снимок. Залейте кадр чёрной или белой кистью с низкой непрозрачностью. Для этого в настройках кисти уменьшите плотность цвета, затем зажмите палец на экране: фото останется видно, но фон станет спокойнее.
• Используйте плашку под текстом. В тексте есть режим с цветной подложкой: нажмите на значок «A» с рамкой в верхней части редактора. Текст окажется на цветном прямоугольнике, который читается на любом снимке.
• Размойте часть кадра. Если у вас стоит фото-стикер с портретом, а за ним то же фото, увеличенное и размытое в редакторе стороннего приложения, получится аккуратный «студийный» фон.
• Оставляйте воздух. Выбирайте фото, где сверху или снизу есть однородная область: небо, стена, стол. Туда и ставьте текст.

Отдельно про размер. Родной формат истории: соотношение сторон 9:16, то есть 1080 на 1920 пикселей. Горизонтальное фото в такую рамку встанет с чёрными полосами, и фон тут как раз спасает: залейте их цветом или градиентом. Подробнее о габаритах и безопасных зонах написано в статье размер сторис.

Типичные ошибки с фоном

• Пёстрый узор под мелким текстом. Хороший тест: прищурьтесь. Если слова не видны, нужна плашка или другой фон.
• Каждый день новый стиль. Подписчики узнают вас по оформлению. Выберите 2-3 цвета и держитесь их.
• Белый текст на светлом фоне. Проверяйте на телефоне при разной яркости экрана.
• Важное у самого края. Сверху и снизу интерфейс закрывает по 200-250 пикселей, не размещайте там заголовок.
• Слишком много стикеров на цветном фоне. Фон должен подчёркивать, а не добавлять ещё один слой шума.

Как проверить фон перед публикацией

Перед тем как нажать «Поделиться», потратьте десять секунд на проверку. Она экономит больше времени, чем исправление уже опубликованной истории: удалить и перезалить кадр можно, но первые зрители уже увидят неудачный вариант.

1. Уменьшите яркость экрана до минимума и посмотрите, читается ли текст. Так видят историю люди на улице при солнце.
2. Включите тёмную тему телефона, если пользуетесь светлой, и наоборот: интерфейс по краям меняется, а фон остаётся прежним.
3. Попросите кого-нибудь прочитать надпись с расстояния вытянутой руки. Если запнулся, увеличьте шрифт.
4. Посмотрите, не закрывает ли фото-стикер или лицо на заднем плане строку с текстом.

Для цветных фонов полезно правило одного акцента: один яркий цвет на кадр, остальное нейтральное. Тогда глаз сразу находит главное, а история выглядит собранной.

Готовые шаблоны и единый стиль

Если выкладываете истории регулярно, один раз сделайте набор фонов и сохраните их в отдельный альбом в галерее телефона: 4-5 однотонных, 2-3 градиента, пара фото-текстур. Дальше остаётся открыть нужный и добавить текст. Заготовки для разных ситуаций собраны в шаблонах для сторис.

Ещё один плюс единого стиля: когда сторис выглядят цельно, их охотнее досматривают и репостят. Живые репосты ваших публикаций, которые можно получать, например, в PeachPost за собранные персики, особенно хорошо работают именно на узнаваемой картинке: пост сразу виден в чужой ленте.

Фон не обязан быть сложным. Хватит одного спокойного цвета, контрастного текста и понятной мысли на кадр. Сделайте две-три пробные истории и посмотрите в статистике, на каком оформлении люди досматривают дольше.