Вы находитесь на странице: 1из 39

Игры сторис

Поймай своего питомца

Этот тип игры («поймай меня») полюбился


всем начиная от маленьких блогеров, за-
канчивая крупными именитыми брендами.
Суть игры – поймай летящий предмет, т.е.
зажми экран, сделай скрин и пришли в
директ\в ответ.

Давайте научимся создавать такую игру са-


мостоятельно.

Я решила, что мы будем выбирать себе пи-


томца. Чтобы животные не выглядели оди-
нокими, я добавила им соответствующий
корм.

Что мы делаем?
Открываем приложение Базарт.
Выбираем создать новый документ и
«начать с нуля». Далее, в левом нижнем
угле нажимаем кнопку «фото» и добавляем
нужный нам объект, т.е. животных. Я зара-
нее нашла в интернете изображение в
формате png без фона и загрузила их в те-
лефон. НО! Если у вас обычные картинки, то
вы также можете воспользоваться ласти-
ком и стереть фон с картинки.

Итак, добавляем наших животных. Выбира-


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

Далее, я открываю сторис инстаграм, зали-


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

Каждый силуэт я сохраняю отдельно, у нас


должно получиться 6 фотографий.

Переходим в приложение иншот. Нажима-


ем на вкладку «фото» и выбираем одну из
фотографий с силуэтом. ВАЖНО! Обяза-
тельно проверьте формат – он должен быть
9:16.

А сейчас мы будем с вами создавать


stop-motion анимацию, т.е. покадровую
анимацию.

Начнём мы также с фотографии щенка. На


панели меню внизу выбираем вкладку
«стикер» далее выбираем жёлтый кружо-
чек с чёрным треугольником и нажимаем
«Выберите из камеры ролл». Далее добав-
ляем исходное фото без фона. Подгоняем
щенка под размер нашей рамки и опускаем
его вниз экрана. Также добавляем корм
пёсика, чтобы ему не было одиноко в нашей
сторис. И покадрово поднимаем щенка
вверх, а корм вниз, как я показываю. Каждый
шаг – сохраняем.

В итоге у нас щенок будет подниматься из


правого нижнего угла в верхний левый, а
корм наоборот спускаться вниз. Важно не
забывать и двигать каждый объект, сохра-
няя каждый шаг. Чем плавнее вы будете пе-
ремещать изображение, тем плавнее будет
идти ваша анимация и картинка не будет
«прыгать».

Так мы покадрово сохраняем движение


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

Теперь мы заново открываем иншот, выби-


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

У нас открылась дорожка с множеством


фотографий. Теперь нажимаем кнопку
«скорость» и ставим время 0.1s и нажима-
ем кнопку слева «применить ко всем» Со-
храняем.

Снова открываем уже наше готовое видео


и увеличиваем его скорость. Наши живот-
ные начали двигаться.

Поздравляю, вы справились с покадровой


анимацией! Теперь спокойно загружайте
её в инстаграм и призывайте своих подпис-
чиков «ловить» своих животных и прислать
вам ответы.

Нажми, чтобы
посмотреть пример
Инструкция для андроид
«Спрячь слово»

Простая, но очень интересная игра.

Я начинаю работать внутри сторис инста-


грам. Заливаю фон нейтральным цветом и
добавляю какую-то надпись, сегодня, на-
пример, «Ура лето». Выравниваю и сохра-
няю. Далее нам нужно придумать «заглуш-
ки» для букв. Я решила взять ягодки из пик-
сарта.

Открываем приложение пиксарт, создаём


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

Далее открываем иншот, нажимаем кнопку


«фото» и выбираем наш шаблон, который
мы создали в сторис. Открываем и ставим
размер экрана 9:16, т.е. формат сторис.

Далее нажимаем кнопку «стикеры» и выби-


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

Кстати, как вы видите клубничку я иногда


вращаю и двигаю, чтобы сторис казалась
динамичнее и интереснее.

Далее вновь выходим в меню иншот, выби-


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

Когда все фото открылись, выбираем


вкладку «скорость», ставим время 0.1s и на-
жимаем кнопку слева «применить ко всем»
Сохраняем. Снова открываем видео только
что сохраненное, ускоряем его, после
дважды дублируем.

Наша игра готова. Далее я открываю инста-


грам и чуть-чуть дополняю наше видео ин-
струментами инстаграма.

Нажми, чтобы
посмотреть пример
Динамичный пазл из фото

Открываем приложение grid post, загружа-


ем желаемую фотографию. Приложение
подгонит её под квадрат и разрежет на 9
одинаковых частей.

Далее у нас есть 2 варианта создания


такого пазла. Давайте попробуем оба!

Вариант 1
Открываем приложение unum и заносим
все 9 кадров. Двигаем их в рандомном по-
рядке, скриним варианты. После открываем
все скрины и обрезаем лишнее.

Заходим в иншот. Выбираем «видео», от-


крываем вкладку «фото» и в случайном по-
рядке загружаем наши кусочки. Я дублиро-
вала исходную собранную фотографию не-
сколько раз, чтобы вероятность её заскри-
нить возросла. Когда все фото открылись,
выбираем вкладку «скорость», ставим
время 0.1s и нажимаем кнопку слева «при-
менить ко всем».

Чтобы сделать универсальный фон заходим


во кладку «размер - задний план», здесь
раздолье выбора, но я остановилась на
простом белом фоне. Сохраняем. Снова от-
крываем видео только что сохраненное,
ускоряем его, дублируем. Всё, игра готова.

Вариант 2
Либо мы сразу можем создать игру внутри
иншот без сторонних приложений.

Выбираем вкладку «коллаж» и загружаем 9


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

Когда все фото открылись, выбираем


вкладку «скорость», ставим время 0.1s и на-
жимаем кнопку слева «применить ко всем».
Чтобы сделать универсальный фон заходим
во кладку «размер - задний план», здесь
раздолье выбора, но я остановилась на
простом белом фоне. Сохраняем.

Снова открываем видео только что сохра-


ненное, ускоряем его, дублируем. Всё,
игра готова. Загружаем в сторис инстаграм
и оформляем как нам нравится.

Нажми, чтобы
посмотреть пример
Угадай, где настоящее небо

По аналогии с этой игрой вы можете


менять абсолютно любой объект на фото.
Начнём.

Открываем пиксарт, выбираем фотогра-


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

Я выбираю вкладку «стикер», ищем картин-


ки неба. Например, звёздная ночь. Ставлю
режим смещения – усиление, выбираю
ластик и стираю лишнее. Самое сложное
здесь аккуратно всё вырезать.

Кстати, только в конце я увидела, что


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

И так столько раз, сколько вам нужно вари-


антов.

Далее я открываю приложение иншот,


вкладка «видео» и выбираю наши фотогра-
фии с разным небом. Ставлю формат
сторис 9:16. Нажимаем на кнопку «ско-
рость», ставим время 0.1s и нажимаем
кнопку слева «применить ко всем». Сохра-
няем. Снова открываем видео только что
сохраненное, ускоряем его, дублируем.

Всё готово! Далее переходим в сторис ин-


стаграм и украшаем дополнительно, если
нужно. Для наглядности примера я добави-
ла опрос.

Нажми, чтобы
посмотреть пример
Предсказание

Чтобы создать предсказания нам нужна


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

Но мне не нравится его цвет, поэтому я от-


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

Заливаем фон белым цветом, копируем


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

Далее открываем приложение иншот,


вкладка «видео» и выбираем наши вариан-
ты предсказаний. Нажимаем на кнопку
«скорость», ставим время 0.1s и нажимаем
кнопку слева «применить ко всем». Сохра-
няем.

Снова открываем видео только что сохра-


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

Далее переходим в сторис инстаграм и


украшаем дополнительно, если нужно.

Нажми, чтобы
посмотреть пример
Фонарик

Очень интересная и пока что новая игра!


Как в старых квест-играх, где ты светишь
фонариком, ищешь какой-то объект. Те, кто
играл в Ненси Дрю поняли о чём я.

Открываем нашу сторис с желаемой фото-


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

Копирую изображение клубнички, добав-


ляю в сторис, делаю так несколько раз. Со-
храняю дополненную фотографию к себе в
фотоплёнку.

Далее открываю приложение базарт и вы-


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

Далее открываем приложение Over и выби-


раем нашего щеночка с клубникой. Сверху
добавляем фотографию формы с отверсти-
ем и включаем запись экрана. Начинаем
плавно водить слой с формой, только де-
лайте это очень аккуратно! Помните, что
форма не бесконечная.

Отлично. Выключаем запись, открываем га-


лерею и просто обрезаем наше видео,
чтобы была видна только область с изобра-
жением. Переходим в иншот и подгоняем
под формат 9:16. Можно чуть ускорить или
даже дублировать.

Всё, игра готова! Я дополнила сторис при-


мером, как получить ответы от подписчиков
столько ягодок они нашли.

Нажми, чтобы Инструкция


посмотреть пример для андроид
Пазл
«найди нужный фрагмент»

Для начала подбираем фото, у меня это


картинка с девушкой. Далее, я открываю
гугл или сафари и пишу «пазл из фото
онлайн».

Нужный нам сайт вы видите на экране, он


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

С помощью инструмента «ножницы» выре-


заем данный фрагмент. А после подтираем
недостатки ластиком. Старайтесь делать
это максимально аккуратно. Добавляем
контур и сохраняем к себе в галерею. По-
вторяем эти действия с ещё 2мя кусочками
пазлов. После открываем исходную картин-
ку вновь и добавляем два любых пазла,
делаем их заливку. Я использовала чёрный
цвет для максимальной контрастности, но
вы в праве взять любой.

Сохраняем картинку. Далее переходим в


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

Открываем сторис инстаграм и подписыва-


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

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

Тоже интересная, редкая игра.

Открываем приложение базарт, нажимаем


кнопку «форма» с сердечком. И выбираем
форму кольца или пончика, как угодно. Под-
гоняем фотографию. Добавляем ещё также
же фотографию, но во вкладке «форма» вы-
бираем цельный круг.

Подгоняем фотографию друг под друга,


чтобы картинка выглядела единым целом.
Сохраняем. После сохраняем отдельно
кольцо и отдельно цельный круг.

Открываем приложение иншот. Вкладка


«видео», выбираем единую фотографию,
ставим размер 9-16, добавляем чёрный фон
и следим, чтобы картинка не выезжала за
пределы рамки видео. Добавляем по оче-
реди наши элементы с помозью вкладки
«стикер» и растягиваем жёлтую полоску
стикера на всю длину видео.

Далее нам нужно добавить анимацию вра-


щения по часовой и против часовой. На-
страиваем элементы, крутиться они
должны с одной скоростью.

Задачей подписчиков будет поймать


момент, когда картинки соединяться в ис-
ходное изображение.

Нажми, чтобы
посмотреть пример

Инструкция для андроид


Попади мячом в корзину

Отличная игра. Многие недооценивают


элемент «ползунок и совсем не используют
его в играх. Сейчас мы это исправим.

Открываем приложение пиксарт и выбира-


ем баскетбольную корзину. Сохраняем в
галерею. Открываем сторис инстаграм, за-
ливаем фон белым. Из галереи копируем
нашу корзину.

Я хочу добавить деталь в сторис, потому


открываю гифки и ищу подходящую – кон-
фетти или взрыв хлопушки. Выбрали, доба-
вили посередине. Чтобы корзина вновь ока-
залась на 1 плане, мы просто нажимаем на
корзину, и она выходит вперёд.

Далее пишем текс, и самое главное – до-


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

Суть игры попасть мячом в корзину и за-


скринить этот момент.

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

Я решила вам показать, как создать такое


гадание любит/не любит.

Надеюсь, изучив механику создания этой


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

У нас будет гадание на ромашке.


Поэтому мы открываем пиксарт и через
стикеры находим нужную нам ромашку. До-
бавляем на неё текст, обратите внимание
на то, в каком положение я ставлю текст.
Это важно. Далее сохраняем ромашку в га-
лерею.

Теперь нам нужен палец. Также через сти-


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

Берём ластик и убираем лишнее.

Теперь открываем иншот.

Я выбрала нужный мне фон, теперь откры-


ваю стикеры и выбираю ромашку и палец.
Анимируем: вращение и качание, обратите
внимание на время анимации.

Сохраняем полученный результат. Откры-


ваем в сторис и дополнительно оформля-
ем, если требуется. Посмотрите, какая кра-
сота получилась.

Нажми, чтобы
посмотреть пример
Инструкция для андроид
Ребус

Многие недооценивают ребусы. А зря.

Например, я заранее придумала как зашиф-


ровать 2 мультфильма и 1 фильм с помощью
смайликов.

Открываем сторис, пишем текст и вставля-


ем нужные нам смайлики. Теперь нужно
обозначить каждую позицию. Далее сохра-
няем и открываем картинку заново. Екст за-
мазываем чёрным, чтобы остались только
плашки. А теперь вписываем расшифровку
и названия фильмов. Сохраняем.

Можно оставить так но! Всем нравится


элементы анимации. Например, для подоб-
ных игр у меня есть специальная шкала за-
грузки, я приложила её вам в дополнении к
уроку. Открываем эту плашку с загрузкой и
спускаем вниз сторис. Из галереи выбира-
ем зашифрованное фото и копируем. До-
бавляем к нашей истории. Отлично!

Теперь у нас есть встроенный таймер, ко-


торый показывает сколько времени оста-
лось до загрузки ответа.

Можно просто выгрузить две сториз


подряд, а можно открыть иншот и смонти-
ровать их в единую сторис. Я использовала
здесь чёрный переход, мне кажется так эф-
фектнее.

Смысл объединять вопрос и ответ в 1


сторис в том, что так ваши истории будут
досматривать до конца.

Нажми, чтобы
посмотреть пример
Инструкция для андроид
Игра «Лабиринт»

Я выбрала красивую длинную горизонталь-


ную картинку с видами Бали. Это будет наш
фон.

Открываем приложение пиксарт и выбира-


ем данное фото. Далее через стикеры до-
бавляем кружочки-подложки для «героев
лабиринта». Сразу скажу, как я поместила
фото в круг. Открываем базарт, выбираем
форму круга и подгоняем фотографию.

Всех трёх героев добавляем на фото и под-


гоняем по размеру. Далее делаем такие же
кружочки в противоположной части изо-
бражения. Там будут результаты лабирин-
та. В нашем случае это: краски (отсылка к
картине в подъезде), красные розы и
косточка. Думаю, вы уже догадались что к
кому относится? Уверены?
Далее выбираем инструмент кисть, обыч-
ный режим, пунктирна линия и настраива-
ем: размер, цвет прозрачность. И рисуем
вот такой путь наших героев. Сохраняем.

Открываем приложение иншот – фото.

Ставим формат 9-16. И вот так аккуратно,


подгоняем и сохраняем всю нашу фотогра-
фию 3х кусочках. Что в итоге получилось вы
видите на экране.

Нажми, чтобы
посмотреть пример
Инструкция для андроид
Угадай эмоцию

Игра «угадай эмоцию» больше шуточная,


чем реальная.

Мы открываем фотографию в сторис, и


просто добавляем с помощью элемента
текст поверх фото разные эмоджи. Череду-
ем их и сохраняем разные варианты. Далее
вновь выходим в меню иншот, выбираем
«видео», свайпаем к разделу «фото» и в ха-
отичном порядке выбираем наши кадры.

Сохраняем видео. Вновь его открываем,


настраиваем скорость и готово.

Осталось вновь вернуться к сторис и доба-


вить форму ответов.

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

Для начала нам нужно создать шаблон для


игры. Я предлагаю использовать гифки
внутри инстаграм.

И тут мы ограничены только нашей фанта-


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

Открываем иншот, добавляем нужную ме-


лодию.

Думаю, вы уже знаете, как легко добавить


музыку поверх сторис. Если нет, то вот
способ: открываем тг канал с музыкой, вби-
ваем название нужной песни и нажимаем
на белую стрелочку, далее «скопировать в
иншот» и ваша песня будет первой в разде-
ле импортная музык.
После того, как добавили музыку на наш
шаблон, мы сохраняем его к себе в галерею
и открываем как новое видео. А теперь ус-
ложняем игру! Песня будет играть задом
наперёд, а подписчик должен понять, что
это за песня. Как это сделать?

Мы вновь открыли только что сохранённое


видео и нажимаем на кнопку «обратное» и
наша музыка промывается задом наперёд.
Готово!

Вот, что у нас получилось. Эксперименти-


руйте и добавляйте к своим сторис!

Нажми, чтобы
посмотреть пример
Угадай знаменитость

Пусть это простая игра, но не стоит её не-


дооценивать. Для работы нам понадобятся
фотографии известных людей. Я взяла
актёра, но вы можете использовать любые
фото, даже любимых блогеров. Далее от-
крываем сторис, загружаем фотографию,
выравниваем и сохраняем. Теперь нам по-
надобятся гифки! Ваша задача скрыть лич-
ность героя, но так, чтобы было реально
угадать, кто же там под маской. Например,
я добавила очки и парик. Но основные
черты лица я сохранила, поэтому подпис-
чики узнают здесь Джорджа Клуни! После
того как ваша «макса» готова добавьте тест
с вариантами ответов, чтобы подписчикам
было легче угадать. А теперь добавьте сле-
дующую сторис, где вы раскроете извест-
ную личность.
Готово!
Нажми, чтобы
посмотреть пример
Найди лишнее

Игра на внимательность. Это относительно


простая игра, для которой вам просто по-
надобится найти нужны картинки в интер-
нете.

Вставить их в свои сторис и указать ко-


го/что нужно найти на изображении.

Призвать подписчиков выделять нужный


элемент картинки и прислать скрин вам в
директ.

Спустя некоторое время откройте тайну и


покажите кто именно был спрятан в вашей
игре.

Примеры:
Сердечко среди слонов:
Панду среди снеговиков:
Здесь картошка:

Вам также может понравиться