Фон для сторис в Инстаграм: как сделать красивый, поменять цвет фона

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

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

Сократите бюджет таргетированной и контекстной рекламы с click.ru

Click.ru вернёт до 15% от рекламных расходов.

• Перенесите рекламные кабинеты в click.ru.
• Чем больше вы тратите на рекламу, тем больший процент от расходов мы вернём.
• Это настоящие деньги. И click.ru выплатит их на карту, на электронные кошельки, или вы можете реинвестировать их в рекламу.

Сократить бюджет >>
Реклама

Читайте также: Кто такой сторисмейкер и как им стать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Градиент

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

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

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

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

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

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

P.S. Можно использовать не только эмоджи, но и гифки или любую PNG картинку из интернета.

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

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

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

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

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

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

Это интересно: Как настроить рекламу в сторис Инстаграм

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример использования: так можно сделать фон для истории, в которой вы хотите поделиться постом.

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

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

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

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

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

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

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

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

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

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

Эффекты

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

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

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

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

Заключение

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

Полезные ссылки:

• Продвижение в Инстаграм с нуля
• 10 лучших курсов по Инстаграм
• Как сделать ссылку на сообщение в WhatsApp
• 25 самых частых системных ошибок в Инстаграм

Использование настроек дисплея и размера текста на устройствах iPhone, iPad и iPod touch

С помощью функций универсального доступа ОС iOS для дисплея можно увеличивать текст, выделять его жирным шрифтом, увеличивать контрастность, применять светофильтры, использовать функцию «Смарт-инверсия», управлять функцией «Автояркость» и не только.

Включение инверсии цвета

Если вам удобнее просматривать объекты на темном фоне, воспользуйтесь Инверсией цвета. 

Чтобы использовать Инверсию цвета, откройте приложение «Настройки» и нажмите «Универсальный доступ» > «Дисплей и размер текста». Включите функцию «Смарт-инверсия» или «Классическая инверсия».

Смарт-инверсия

Функция «Смарт-инверсия» обращает цвета на дисплее, за исключением цветов изображений, мультимедийных объектов и некоторых приложений, использующих темные цвета.

Классическая инверсия

Функция «Классическая инверсия» обращает все цвета на дисплее.

Включение светофильтров

Если вы страдаете дальтонизмом или у вас есть другие проблемы со зрением, воспользуйтесь функцией «Светофильтры», которая скорректирует цветопередачу. Обратите внимание, что функция «Светофильтры» меняет цвета изображений и видеороликов, поэтому при необходимости ее можно отключить.

Откройте приложение «Настройки» и нажмите «Универсальный доступ» > «Дисплей и размер текста» > «Светофильтры». На экране будет отображено три примера цветовых пространств, чтобы помочь вам выбрать необходимый вариант. Смахните влево или вправо, чтобы найти наиболее подходящий фильтр.

На этом примере слева направо представлены карандаши в цветовой палитре от красного и желтого до фиолетового и коричневого.

Этот пример демонстрирует три столбца интенсивности цвета.

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

Выбор фильтра

Включив светофильтры, можно выбрать один из четырех предварительно настроенных фильтров:

• Оттенки серого
• Фильтр красного/зеленого (протанопия)
• Фильтр зеленого/красного (дейтеранопия)
• Фильтр синего/желтого (тританопия)

Настройка интенсивности цвета

Вы можете настраивать интенсивность любого светофильтра под себя. Увеличьте или уменьшите интенсивность фильтра с помощью ползунка «Интенсивность».

Настройка оттенка

При наличии у вас чувствительности к цвету или свету нажмите «Оттенок», чтобы изменить цвет всего дисплея на устройстве iPhone, iPad или iPod touch. С помощью ползунков отрегулируйте цвет дисплея и интенсивность эффекта.

Дополнительные адаптации дисплея

На экране «Дисплей и размер текста» вы также найдете следующие адаптации.

• «Жирный шрифт»: делает шрифт жирным.
• «Увеличенный текст»: нажмите этот вариант, затем включите функцию «Увеличенные размеры». Используйте ползунок, чтобы выбрать предпочтительный размер шрифта.
• «Формы кнопок»: добавляет кнопкам формы, например подчеркивает кнопки «Назад».
• «Этикетки Вкл./Выкл.»: добавляет этикетки включения и выключения параметров на экраны настроек.
• «Понижение прозрачности»: улучшает контраст за счет понижения прозрачности и размытия на некоторых фонах.
• «Увеличение контраста»: повышает контраст между цветами переднего и заднего планов приложения.
• «Дифференциация без цвета»: заменяет объекты пользовательского интерфейса, которые для передачи информации полагаются исключительно на цвет.
• «Понижение точки белого»: уменьшает интенсивность ярких цветов.

Ограничение частоты кадров

Если у вас одна из следующих моделей iPhone или iPad, вы можете установить максимальную частоту кадров дисплея 60 кадров в секунду:

• iPhone 13 Pro 
• iPhone 13 Pro Max
• iPad Pro 10,5 дюйма (1-го поколения) и более поздних моделей
• iPad Pro 11 дюймов (1-го поколения) и более поздних моделей
• iPad Pro 12,9 дюйма (2-го поколения) и более поздних моделей

Чтобы ограничить частоту кадров:

1. Откройте приложение «Настройки».
2. Выберите «Универсальный доступ» > «Движение».
3. Включите функцию «Ограничение частоты кадров».

Включение функций с помощью быстрых команд универсального доступа или Пункта управления

Дата публикации: 07 июля 2022 г.

р — Удалить полоску фона, сохранить границу панели

спросил
9 лет, 10 месяцев назад

Изменено
2 года назад

Просмотрено
44к раз

У меня есть следующий тип графика, и я хочу сохранить текст каждой полосы над отдельным полем фасета в качестве своего рода «заголовка», но не иметь серого фона по умолчанию и черной рамки вокруг полоса.фон . Я окрашиваю его в белый цвет, который близок к тому, что я хочу, но хотел бы, чтобы нижний край strip.background или верхний край panel.border были черными.

 библиотека (ggplot2)
ggplot(mtcars, aes(миль на галлон, л.с.)) + geom_point() +
    facet_wrap(~углевод, ncol = 3) + theme_bw() +
    тема (panel.grid.major = element_blank (),
        panel. grid.minor = element_blank(),
        strip.background = element_rect(color="white", fill="white"),
        panel.border = element_rect (цвет = "черный"))
 

• r
• ggplot2

Если вы установите element_blank() для strip.background и сохраните element_rect(color="black", fill = NA) для панели 0 edge, то top of 1border

0

panel.border будет черного цвета.
Как указал @adrien, для panel.background fill должно быть установлено значение NA, чтобы избежать покрытия точек (уже установлено по умолчанию для theme_bw() ).

 ggplot(mtcars, aes(миль на галлон, л.с.)) + geom_point() +
  facet_wrap(~углевод, ncol = 3) + theme_bw() +
  тема (panel.grid.major = element_blank (),
        panel.grid.minor = element_blank(),
        strip.background = element_blank(),
        panel.border = element_rect(color = "black", fill = NA))
 

3

Настройка panel. border может покрывать ваш график, если вы также не добавите fill=NA к panel.border :

 theme(panel.border = element_rect(fill = NA, color = "black"))
 

Можно также использовать:

 theme(panel.background = element_rect(fill = NA, color = "black")
 

источник (раздел "Атрибуты панели")

Вы можете попробовать:

 strip.background = element_rect(color=NA, fill=NA),
 panel.border = element_rect(fill = NA, color = "black"))
 

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Filmstreifen Isoliert Auf Transparentem Hintergrund Vektorillustration Stock Vector Art и mehr Bilder von Kinofilm

Векторы

• Фотографии
• Фотографии
• Графики

Векторы0024

• Видео

Фильмы изолированы на прозрачном фоне. Вектор-иллюстрация.

Beschreibung

Filmstreifen isoliert auf Transparentem Hintergrund. Вектор-иллюстрация.

Essentials Kollektion

9,00 € Für Dieses Bild

Günstige Und Glebrible Optionen Für Jedes Budget

8888898888 гг.

Erweiterte Lizenz hinzufügen.

Bildnachweis: Happy-Lucky

Maximale Größe: Vektorgrafik (EPS)-Auf Jede Größe Skalierbar

Стоковая иллюстрация-ID: 1224088075

Hochgeladen Am: 11. Mai 2020 9000

. Kinofilm

Suchbegriffe

• Kinofilm Grafiken,
• Kamera-Film Grafiken,
• Filmrolle Grafiken,
• Filmindustrie Grafiken,
• Alt,
• Texturiert,
• Rand Grafiken,
• Retrostil Grafiken,
• Vektor Grafiken,
• Bildhintergrund Grafiken,
• Filmkamera Grafiken,
• Negativ - Fotografisches Bild Grafiken,
• Völlig Lichtdurchlässig Grafiken,
• Intro Grafiken,
• Filmen Grafiken,
• Filmvorführung Grafiken,
• Vorlage Grafiken,
• Computergrafiken Grafiken,

• Alle anzeigen

Kategorien

• Strukturen und Muster
• Hintergründe
• Produktmodelle
• Rahmen und Bordüren
• Vorlagen

Häufig gestellte Fragen

Lizenieli

Waste

Bei lizenzfreien Lizenzen bezahlen Sie einmalig und können urheberrechtlich geschützte Bilder und Videoclips fortlaufend in privaten und kommerziellen Projekten nutzen, ohne bei jeder Verwendung zusätzlich bezahlen zu müssen.