ЗАКЛЮЧИТЕЛЬНЫЙ УРОК
Пошаговый гайд по созданию сторис
Теперь я с уверенностью могу сказать,что вы знакомы со всеми инструментами и опциями редактора сторис. А если появятся новые, вы первые узнаете о них в чате для выпускников.


В этом, итоговом уроке, мы рассмотрим другой подход к оформлению сторис. Если на протяжении курса я рассказывала об инструментах и как их использовать для создания объектов для сторис, то далее мы рассмотрим все наоборот: каким способом можно создать тот или иной объект, + на какие моменты нужно обратить внимание.

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

Вы можете использовать этот урок в случае, если у вас нет идеи, как можно оживить свою сторис.


ЭТАП 1

ДОБАВИТЬ ОСНОВНОЕ ФОТО/ВИДЕО

1. Сделать через камеру Instagram:

  • Обычный режим
  • Обычный режим/Свободные руки+маска
  • Вместо фото можно использовать режим "Бумеранг" или "Суперзум"
  • Режим "Коллаж"

2. Загрузить из галереи телефона:

  • Заранее кадрировать (обрезать)
  • Заранее обработать в приложении

!!! Фото/видео должно быть хорошего качества.

ОСНОВНЫЕ ОПЦИИ ОСНОВНОГО ФОТО/ВИДЕО

  • Изменить размер*
  • Сместить в угол*
  • Наклонить
  • Добавить фильтр
  • Использовать маску от Instagram

*если вас в этом случае не устраивает фон, который предлагает инстаграм - создайте фон и добавьте фото с помощью опции "Вставить дополнительное фото" .


СДЕЛАТЬ ФОН

  • Загрузить из галереи заранее сохраненный фон
  • Сделать фото текстуры
  • Уменьшить основное фото или спрятать его за границы экрана
  • Сделать сплошную заливку
  • Сплошная заливка + рисунок
  • Фото/видео + полупрозрачная заливка
  • Фото/видео + заливка + стереть часть "ластиком"
  • Режим "Коллаж
  • Растянуть на весь экран смайл (перед добавление других элементов лучше сохранить и потом загрузить сохраненный фон)
  • Растянуть гифку на весь экран
  • Один из стандартных фонов в режиме "Создание"
  • Гифки из режима "Создание"
  • Гифки из режима "Создание" + полупрозрачная заливка
  • Фото с маской на основную камеру (с анимацией или без)
  • Фото/видео/однотонный фон загружен в редактор + стандартная маска
  • Заливка + Gif (перед добавление других элементов лучше сохранить и потом загрузить сохраненное видео)
  • Gif + заливка+стереть часть "ластиком"
  • Видео + заливка+стереть часть "ластиком"
  • Маска+заливка+стереть часть "ластиком"

!!! Если вы планируете использовать фон под текст, убедитесь, что фон не будет перетягивать на себя внимание и текст будет учиться на нем хорошо.

!!! Градиент (переход между цветами) не должен быть грязным.


ЭТАП 2

ОФОРМИТЬ ФОТО/ВИДЕО


1. С помощью инструмента "Рисунок":

  • Сделать контур основному объекту (линия, точки)
  • Добавить дополнительные элементы объекту на фото (пар из чашки, облака на небе, лучи солнцу, очки на портрете)
  • Иллюзия объемного рисунка (спираль, которая обвивает объект)
  • Декоративные линии и точки
  • Орнамент
  • Повторить элемент с фото в качестве декоративного элемента
  • Заливка (сплошная или полупрозрачная)+ластик
  • Рамка (есть отдельный пункт ниже)

2. С помощью инструмента "Текст"

  • Разместить текст вдоль контура объекта на фото
  • Добавить увеличенную букву/символ
  • Рамка (есть отдельный пункт ниже)
  • Паттерн (обои) из текста или символов введенных с помощью клавиатуры

3. Меню "Стикеры" (Стикеры обычные, Gif-стикеры)

  • В качестве усиления эмоций
  • Увеличенные как плашки для оформления
  • Обои (повторяющийся орнамент и хаотичное расположение, один вид или несколько, одно размера или разного)
  • Рамка (есть отдельный пункт ниже)
  • Декоративные орнаменты (линии, уголки)

4. НЕ ЗАБЫВАЙТЕ про опцию "Прикрепить" для видео.


!!! Главное - ПЕРЕБОРЩИТЬ! Элементы оформления должны дополнять фото/видео, а не перетягивать на себя внимание.


ДОБАВИТЬ ДОПОЛНИТЕЛЬНОЕ ИЗОБРАЖЕНИЕ

1.ФОТО:

  • Как равноправное с основным/фото видео
  • Как декоративный элемент (текстура, паттерн)
  • Детали основного фото
  • Предмет с основного фото в другом ракурсе
  • С изображением на тему основного фото
  • Разнообразие/варианты

2. PNG

  • Декоративные элементы
  • Основное изображение с удаленным фоном
  • Стрелки/направляющие
  • Рамки
  • Детали с основного фото с удаленным фоном



РАМКИ


1. С помощью инструмента "Рисунок":

  • Линии (один инструмент или комбинация разных, комбинация разных размеров кисти или разных цветов одного инструмента)
  • Точки (один инструмент или комбинация разных, разного размера, разных цветов, орнамент или хаотичное расположение)
  • Заливка+ластик
  • Комбинация вариантов описанных выше

2. С помощью инструмента "Текст":

  • Увеличенная одна буква/символ
  • Комбинация из нескольких букв/символов (с подложкой или без)
  • Текст (тест в одну строчку по контуру, с подложкой или без)
  • Смайлы введенный через клавиатуру (с подложкой или без)
  • Линии созданные из букв или символов

3. Смайлы (через меню "Стикер") / Gif -стикеры / Дополнительные символы

  • Микс разных (смайлов, гифок, доп. символов) разного размера
  • Рамки Gif-стикеры, увеличенные до размера фотографии
  • Символы, которые можно использовать как рамки

4. Фото

  • PNG c с прозрачностью
  • фото с текстурой (нижний слой под фото)
5. Рамки в опции редактирования скрина экрана


ЭТАП 3

ДОБАВЛЯЕМ ТЕКСТ


!!! ТЕКСТ ДОЛЖЕН БЫТЬ ЧИТАБЕЛЬНЫМ

  • Отступайте от края экрана
  • Разбивайте на блоки
  • Выделяйте важные фразы

ЗАГОЛОВОК/КОРОТКАЯ ФРАЗА

Кроме основной клавиатуры:

  • online-letters.com (кирилица, латиница)
  • дополнительные клавиатуры (латиница)
  • lingojam.com
  • гифки (латиница)
  • с помощью инструмента "рисунок"
  • комбинация стилей
  • яркие надписи сделанные с помощью сайтов fonttextup.com gfto.ru textdrom.com
ВАШ ТЕКСТ ДОЖЕН БЫТЬ ЧИТАБЕЛЬНЫЙ

БОЛЬШОЙ ТЕКСТОВЫЙ БЛОК - только клавиатура!

ОСТОРОЖНО со стилем неон, современный/модерн


ОФОРМЛЕНИЕ ТЕКСТА

  • Все заглавные
  • Дополнительное расстояние между буквами с помощью пробелов
  • Разный уровень букв (одни выше расположены, другие ниже)
  • Каждая буква отдельно (разный размер, разный шрифт, с подложкой)
  • Эффект " тень" (два и больше слоя текста разного цвета)
  • Эффект "тень", где нижний текст с подложкой
  • Текст на плашке (отдельный пункт)
  • Буквица
  • Смайлы, гифки вместо некоторых букв
  • Текст с клавиатуры+декоративный рисунок (обводка, точки, линия между букв)


ПЛАШКИ ПОД ТЕКСТ

  • стандартная подложка
  • вставленный png
  • вставленное изображение (на котором текст будет хорошо читаться)
  • смайл
  • стикер
  • gif-стикер
  • увеличенная буква/символ
  • рисунок
  • линия, прямоугольная плитка созданная с помощью инструмента текст


И ЕЩЕ…

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

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

Экспериментируйте, пробуйте сочетать разные инструменты, но не забывайте про чек-лист ошибок из Урока 2



Всем удачи и до встречи в моем блоге и телеграмм-канале для выпускников!