Рейтинг Top-100 веб-студий СНГ. Разработчики мобильных приложений и сайтов. Новости IT-отрасли.

Социальные сети

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

В скором времени сторис могут стать основным видом контента в Инстаграм, но вместе с количеством историй растет и конкуренция. Нужно придумывать новые идеи для историй и способы оформления контента, чтобы выделяться.

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

Как изменить фон истории в Инстаграм

По умолчанию в редакторе сторис можно снимать видео или делать статичные истории с фоном. В качестве фона может быть картинка с телефона или градиент.

Чтобы добавить свою картинку, нажимаем на квадрат в левом нижнем углу и выбираем фото из галереи.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Чтобы использовать градиентную заливку, жмем внизу «Создать». О градиенте мы еще поговорим подробнее.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Лайфхаки по созданию фона для сторис

Иногда картинки или встроенного градиента может быть недостаточно для эффектной сторис. Как еще можно преобразить фон, используя редактор?

Однотонный фон

Иногда может понадобиться простой однотонный фон, например, чтобы сделать акцент на текст. Сначала нужно добавить фоном картинку из галереи (выше написано, как). После чего переходим в инструмент рисования — значок волнистой линии.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Выбираем крайний левый значок маркера, а внизу выбираем нужный цвет, например, зеленый. Или можно использовать инструмент пипетки.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Затем зажимаем пальцем любое место на фото и держим, пока фон не стал однотонным. Точно также можно изменить цвет, если передумали — выбираем другой из палитры и опять зажимаем пальцем экран, пока цвет не поменялся.

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

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

P.S. Если недостаточно предлагаемой палитры, то можно зажать любой цвет и появится более разнообразная.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Прямоугольники из текста

Этот трюк можно использовать, чтобы добавить элементы дизайна. Берем фотографию из галереи или делаем однотонный фон. Нажимаем на иконку добавления текста. Ставим точку (можно другой знак, главное, небольшой), потом 10-15 пробелов и еще одну точку. Добавляем задний фон к тексту — значок А.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Получается цветной прямоугольник.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Теперь растягиваем и перемещаем прямоугольник в угол.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

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

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

P.S. Чем больше пробелов, тем меньше нужно растягивать прямоугольник, и тем уже получается полоска.

Градиент

Мы уже писали выше, что градиент — это стандартная функция редактора. Когда мы нажимаем «Создать», открывается градиент, чтобы его поменять, нужно нажать на значок градиента в нижнем правом углу.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Всего в редакторе 5 видов градиента.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

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

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Растягиваем эмоджи так, чтобы получился цвет.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Проделываем то же самое с другим эмоджи, а затем совмещаем их.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

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

Другой способ — это использовать прямоугольники текста (предыдущий пункт). Делаем однотонный фон — выбираем основной цвет. Затем делаем прямоугольник из текста другого цвета. Цвет лучше выбирать из расширенной палитры.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Теперь увеличиваем прямоугольник и наклоняем его под нужным углом. Осталось добавить текст. Этот способ лучше, чем градиент из гифок, так как тут более плавный переход цветов.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Полупрозрачный фон

Полупрозрачный фон пригодится, если не хочется использовать просто картинку или однотонный фон. Добавляем нейтральную картинку из галереи. Идем в инструмент рисования (значок волнистой линии) и находим там маркер-выделитель.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Выбираем его, внизу в палитре выбираем нужный цвет (можно использовать пипетку) и зажимаем пальцем экран, пока не появится полупрозрачная заливка. Принцип такой же как и у прозрачного фона, только там мы использовали обычный маркер. Дальше можно добавить надпись и другие элементы.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

P.S. К сожалению, регулировать процент прозрачности нельзя, а еще иногда полупрозрачная заливка слетает и меняется на однотонную.

Узоры для фона из символов

Для этого лайфхака нам понадобится сайт coolsymbol.com. Здесь можно находить интересные символы и шрифты и вставлять их в сторис, как текст. Да, в редакторе сторис недавно появились новые красивые шрифты, но многих они по прежнему не устраивают.  Итак, заходим на сайт.

Прокручиваем вниз и выбираем нужный символ. Нажимаем на символ, он сохраняется в буфер обмена.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Теперь нам нужно добавить текст в сторис (все символы с этого сайта добавляем так). Нажимаем на инструмент Текст (значок с буквами Аа), зажимаем пальцем экран, чтобы появилась кнопка «Вставить», кликаем на нее и вставляем скопированный символ.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Узор можно увеличить, размножить и перенести в нужное место.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

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

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

В зависимости от вида текста, символ может меняться. Правда в этом случае узор снова становится маленьким, его надо опять увеличивать и перемещать в нужное место. И размер ограничен — если с классическим стилем можно увеличить узор по-максимуму, то в остальных увеличение незначительное.

Символы можно использовать, как рамки и узоры для фото, а еще из них можно сделать паттерн.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Стираем часть фона ластиком

Можно сделать интересный узор при помощи ластика — сначала выбираем фото и накладываем поверх него однотонный фон (самый первый лайфхак). Потом заходим на coolsymbol.com и выбираем нужный узор для рамки, например, квадрат (описано в предыдущем пункте). Накладываем квадрат в том месте, где нужно будет проявить часть фото, например, там, где лицо.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Теперь берем инструмент ластик (для этого снова заходим в панель рисования) и нажимаем значок ластика. Стираем часть фотографии. Получается такой стикер-эффект. Можно использовать, чтобы оформить свайп в сторис.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Паттерн (полоски, круги и другие узоры)

Здесь мы опять обратимся к сайту coolsymbol.com. Сначала делаем однотонный фон, потом идем на coolsymbol и выбираем подходящий узор для паттерна.  Копируем, вставляем как текст, выбираем нужный цвет.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Теперь увеличиваем и проделываем все несколько раз, пока весь фон не будет заполнен квадратами. В сторис нельзя копировать элементы, поэтому каждый квадрат нужно вставлять, как отдельный текст и потом увеличивать/перемещать. Можно делать квадраты поменьше, чтобы линии были не такими толстыми, но тогда нужно больше квадратов. Меняйте цвет фона и квадратов, пока не получится то, что нужно.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Контур на фото

Можно сделать doodle эффект при помощи маркеров. Добавляем на фон фотографию из галереи, затем переходим в режим рисования и выбираем маркер. Можно использовать обычный или неоновый.

Выбираем толщину кисти (ползунок слева). Нужны тонкие штрихи. И начинаем рисовать.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Узоры при помощи кисти

Открываем фото в галерее и рисуем любой узор. Например, витки. Можно выбрать обычный маркер, неоновый или маркер-выделитель. Неоновый смотрится эффектнее. Главное, чтобы кисть была поменьше.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Затем очень аккуратно стираем то, что заходит на фото (с первого раза может не получиться). В итоге нужно добиться такого эффекта:

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Можно экспериментировать, тут все ограничивается вашей фантазией и умением рисовать. К инструменту рисования в сторис нужно привыкнуть.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Полупрозрачный градиент

Тайная функция сторис.

  1. Добавляем фотографию из галереи.
  2. Затем делаем свайп вправо, как будто хотим пролистнуть фото.
  3. Появляется полупрозрачный градиент, который накладывается поверх фото.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Эффекты

В сторис можно наложить анимированные и статичные эффекты поверх фото или видео, например, глитч эффект, мозайка, несколько лиц, duotone, боке, золотистая пыль. Эта функция явно подсмотрена у Тик-Ток.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

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

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Слова на весь экран

Не сказать, что это сильно оригинальная идея, но что-то в этом есть. По крайней мере точно понятно, каков главный посыл сторис и на чем сделан акцент. Берем картинку для подложки из галереи, заливаем ее полностью цветом, затем стираем часть ластиком и на оставшейся части много раз повторяем главное слово или несколько слов. Можно добавить пару узоров.

Как сделать фон для сторис в Инстаграм: 12 лайфхаков в стандартном редакторе историй

Заключение

В редакторе сторис мало функций и инструментов, но если пользоваться нашими лайфхаками и подключить воображение, можно немного расширить его возможности. Возможно, вам придут новые идеи на основе наших, и вы сможете выжать максимум из редактора.

По материалам: postium.ru
Похожие записи
SEMНовостиРейтинг разработчиков мобильных приложений 2021г.Социальные сети

Туристический рынок Грузии в 2023 году

Социальные сети

VK Видео представил автоматическое улучшение качества

Социальные сети

Сбер создал сервис для запуска рекламы в соцсетях

Социальные сети

Российский бизнес попросил вписать Яндекс и ВКонтакте в налоговый маневр для ИТ

Добавить комментарий