Как сделать из колы маску как

Обновлено: 23.04.2024

Привет. Меня зовут Ленсия и я SMM - специалист. В январе стали очень популярны маски - рандомайзеры “Кто ты из дисней?”, “Какой ты национальности?” и еще тысячи вариантов. Я научилась делать такие маски, чтобы использовать этот инструмент для продвижения своих клиентов.

В этой статье я расскажу как новичку сделать маску за 15 минут.

Принцип маски как у игрового автомата. Нужно поймать лепрекона. Эта маска для ирландского паба, приуроченная ко дню святого патрика. Суть игры: загрузить сторис с маской. Если выпадает лепрекон, пользователь отмечает в сторис паб, показывает бармену и получает напиток в подарок. Задачи этой маски: геймификация и стимулирование генерации пользовательского контента (UGC).

Шаг 1. Готовим креативы

Вы можете использовать любой редактор. Я делала в Canva. Выбираем небольшой размер картинки. Иначе у тяжелой маски будут проблемы с загрузкой. В моем случае разрешение 300х170 пикселей. Добавляем стартовую обложку и варианты результатов. Я сделала 5 вариантов, которые повторяются 2 - 4 раза. Формат картинок png. Скачиваем в одну папку.

Если вы хотите просто потренироваться, вы можете использовать мои картинки по ссылке

Шаг 2. Загружаем

2.1 Скачиваем на компьютер Spark AR

2.2 Выбираем create new => file => import from computer => выбираем файлы и нажимаем “открыть”

Шаг 3. Создаем слои маски

3.1 Add Object => Face tracker => Insert

3. 2 Сверху у нас появится faceTracker0. Нажимаем на него правой кнопкой мыши => Add => Null object

Нажимаем на nullObject правой кнопкой мыши => Add => Plane

Сверху появится plane0

3.3 Повторяем пункт 3.2 еще раз и у нас появится plane1

3.4. Для удобства переименовываем Plane1 => Старт. Это будет стартовое изображение, которое будут видеть пользователи.

Plane0 => Рандом. Здесь будут все варианты результатов.

Шаг 4. Устанавливаем положение и размер маски

Нажимаем на "Рандом". И всё внимание на меню справа.

4.1 В поле Position по оси Y мы задаем параметры размещения маски.

Чтобы маска была на лбу ставим 0,1, если хотите чуть выше над головой можно поставить 0,15.

4.2 Scale — это масштаб маски. Если ваша маска прямоугольная, то по оси X указываем 1,5, по оси Y 0,8

4.3 Под этим блоком есть строчка Material. Нажимаем “+”

4.5 Далее нажимаем на “Старт” и повторяем весь шаг 4.

На последнем пункте выбираем “Create new material”

Проверяем себя. Слева в блоке Assets появятся материалы. Для удобства тоже можем их переименовать в “Старт” и “Рандом”

Шаг 5. Группируем текстуры

В блоке слева выделяем изображения, которые будут меняться в маске. Смотрим на блок справа и в поле “Type” меняем последовательность текстур на "Texture Sequence"

В блоке слева картинки объединятся.

Далее отмечаем галочку в поле "No Compression"

Шаг 6. Создаем анимацию

6.1 В блоке слева внизу нажимаем Add Assest => Animation Sequence

В блоке справа в поле Texture выбираем сгруппированные текстуры

Отмечаем галочку в поле "Randomize"

6.2 Далее нажимаем на материал “Рандом” и в правом верхнем углу в поле Texture добавляем анимацию “Рандом”

Повторяем пункт 6.2 для материала старт, но в текстуре выбираем обложку 1(1). Ее, кстати, тоже можно было переименовать

Шаг 7. Прописываем сценарий маски

7.1 В верхнем меню открываем View => Show/Hide Patch Editor

7.2 Внизу у нас появится пустое поле. В правом углу нажимаем +add patch.

7.3 У нас откроется меню поиска. В строке прописываем команду Runtime => Add patch

7.4 Повторяем пункт 7.2, в строке поиска пишем и добавляем по очереди:

  • Offset
  • Less Than. В нижнем поле мы устанавливаем длительность прокрутки маски. Рекомендую писать 5 - 7 секунд. Я написала 5
  • Loop Animation. В поле Duration меняем значение на 0.05
  • Random. Start Value и End Value - это количество рандомных картинок. Точное число мы посчитали в пункте 5 при группировке текстур. В моем случае 18 случайных изображений. То есть в Start Value я пишу 1, в End Value 18
  • Floor

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

7.6. Далее нажимаем на анимацию “Рандом” в левом блоке Animation sequences.

В меню справа находим строку Current frame и нажимаем на стрелочку.

7.7. В нижнем поле у нас появится новый желтый блок “Рандом”. Соединяем его стрелочкой с последним блоком Floor.

7.8. В левом углу находим Camera, зажимаем строку и тянем ее в Patch editor

7.9. В левом верхнем блоке “Scene” нажимаем “Рандом”.

В блоке справа нажимаем на стрелочку Visible.

В поле Patch editor у нас должен появиться новый желтый блок.

Повторяем пункт 7.9 для плана “Старт”.

7.10. Теперь у нас в Patch editor 2 новых блока. В блоке Рандом убираем галочку Visible

7.11. От нижней стрелки камеры мы протягиваем 2 стрелки: к блоку рандом и к нижней стрелке блока Offset

7.12. Нам осталось добавить команду задержки. Чтобы когда мы начали записывать сторис, обложка “Старт” некоторое время задержалась на экране. Нажимаем +add patch. В строке поиска добавляем еще 2 блока как в пункте 7.3.

  • Delay. В поле Duration пишем значение 0,5
  • Not

От нижней стрелки блока Camera соединяем блоки:

Camera => Not => Delay => Старт

Шаг 8. Тестируем маску

Маска готова! Осталось протестировать все ли работает.

8.1 Скачиваем приложение на телефон Spark AR Player

8.2. Подключаем телефон к компьютеру через USB

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

8.4. На компьютере в левом нижнем углу нажимаем на значок телефона. Должно появиться имя вашего устройства. Нажимаем Send

Шаг 9. Сохраняем и загружаем маску

В верхнем меню нажимаем File => Export

У вас должен сохраниться файл в формате .arexport

Загружаем маску в кабинете Spark AR

Не понимаю в чем дело. несколько раз переделывал.
Пробовал другие инструкции. У меня все время висит кадр из "старта". Менял блоки местами, много чего попробовал. Не работает и все.
Все еще не нашел причину.

привет, исправил проблему? у меня то же самое

у меня тоже
как решить проблему?

Не исправил, но решил))) Нашел другой способ, он рабочий.
найдите в ВК сообщество – SPARK AR RUSSIA - Маски в Instagram
Там много чего есть и толковый чел, который сделал этот паблик. Много гайдов и вообще много всего о масках и как их делать.

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

Спасибо! Полезно, в закладки)

Артем, за этот параметр отвечает блок Delay в Patch editor. В поле Duration нужно выставить длительность стартовой обложки от 0,5 до 1 секунд. Проверьте, указана ли у вас длительность

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

По какой причине маску отклонили? Там есть много нюансов именно при загрузке, поэтому, возможно, дело не в исполнителях

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

Очень круто! Спасибо! А кто-нибудь знает, как сделать такую маску рандом, но чтобы в конце после выбора какого-то рандома выпадал фон сзади? То есть, например, маска выбора профессии и когда в конце выпало, что я по профессии дизайнер, сзади появлялся какой-то фон типа ноутбука?

как добавить так много картинок в текстуры никак не могу разобраться

Привет!
Как сделать так, чтобы после рандомного выпадания определенного слова на карточке, рандомный выбор снова запустился и выпало другое слово?

Спасибо большое за такую подробную инструкцию! Все получилось с первого раза!

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

Опустив Ментос в бутылку с диетической колой, вы получите физическую реакцию. Проходя через содовую, конфеты Ментос разрывают связи между диоксидом углерода и водой (сочетание, которое газирует содовую), выпуская газ диоксид углерода из бутылки. [1] X Источник информации Закрыв крышку после добавления Ментоса в бутылку с водой, вы делаете ловушку для газа, создавая давление. Когда бутылка падает и ударяется об землю, крышка вылетает и освобождает давление, запуская бутылку в воздух.

Изображение с названием Make a Diet Coke and Mentos Rocket Step 1

  • Теплая газировка взрывается интенсивнее, поэтому старайтесь не использовать холодную/прохладную содовую. [2] X Источник информации Для получения наилучших результатов покупайте газировку комнатной температуры, а затем оставьте ее во дворе на солнце, либо же поставьте в емкость с горячей (не кипящей) водой за несколько часов до проведения эксперимента.

Изображение с названием Make a Diet Coke and Mentos Rocket Step 2

  • Так как для ракеты важнее скорость, лучше остановить свой выбор на мятном Mentos.
  • Если вы располагаете временем и деньгами, почему бы не попробовать запустить одну бутылку с мятным Mentos, а другую с фруктовым, а затем сравнить результаты?

Изображение с названием Make a Diet Coke and Mentos Rocket Step 3

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

Изображение с названием Make a Diet Coke and Mentos Rocket Step 4

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

Изображение с названием Make a Diet Coke and Mentos Rocket Step 5

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

Изображение с названием Make a Diet Coke and Mentos Rocket Step 6

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


Через пол часа мы должны поставить миску на огонь и нагреть, помешивая, наше желе из Coca-Cola. Важно не довести его до кипения. Греть нужно до тех пор, пока желе опять не станет жидким как вода. После этого даем желе остыть. На этом этапе простой вариант приготовления закончен. Можно разлить по тарелкам желе и поставить в холодильник на сутки.

Видео

Рецепт

Потребуется

Делаем желе

1. Содержимое бутылки (500 мл.) вылить в кастрюлю.

2. Добавить 60 гр. желатина, размешать, поставить на маленький огонь. Постоянно помешивая, довести до кипения.

3. Оставить кипятиться на несколько минут.

4. Снять этикетку с бутылки.

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

6. Вылить жидкость из кастрюли в бутылку и закрутить крышкой. Поставить будущее желе в холодильник, в самое холодное место.

7. Когда жидкость полностью застынет, осторожно от

7. Когда жидкость полностью застынет, осторожно отделить скотч отделить бутылку от полученного желе.

8. Желе уже в форме бутылки из-под кока колы, но не хватает нескольких важных деталей — пришло время этикетки и крышечки. Наслаждайтесь результатом и вкусом!

Холодный способ

Итак, для рецепта потребуется 150-200 мл колы, 50 грамм теплой воды, 20 грамм быстрорастворимого желатина, 1-2 столовые ложки сахара (по вкусу). Можно использовать яркие пищевые красители.

Желатин смешиваем в отдельном стаканчике с теплой водой. Даем настояться и разбухнуть. Туда же, в теплую воду, можно добавить сахарный песок, если вкус колы вам кажется не достаточно сладким. После набухания смешиваем желатин с напитком. В этом рецепте не нужно ждать остывания желатиновой смеси, ее сразу смело можно ставить в холодильник. Конечно, данный способ требует больше времени на ожидание. Застывать такой холодный желатин будет куда медленнее, чем прогретый. Но если стоять у плиты не хочется, то это вариант удобный именно для вас.

Если делать полосатое желе, то времени потребуется еще больше. Каждому цветному слою необходимо схватиться. Только потом можно наливать следующий. Но, поверьте, результат покроет все усилия.

Как приготовить Желе из кока-колы пошагово с фото в домашних условиях

Польза кока-колы

Мы привыкли, что кока-кола – напиток, мягко говоря, не совсем полезный. Но, что бы кто ни говорил, а официально нет никаких подтверждений тому, что умеренное употребление этого напитка на самом деле вредит здоровью. Как это часто бывает, во всём нужно знать меру – если разрешать себе время от времени выпить немного кока-колы, то никакого вреда не будет. Разумеется, употреблять этот напиток постоянно в больших количествах не рекомендуется. Ну и не будем забывать, что во многих странах кока-кола весьма успешно используется при изжоге. Поэтому бутылочка этого напитка в холодильнике не будет лишней. А желе и подавно!

Желе по дюкану. Молочный диетический десерт по Дюкану

Добрый день, друзья! Если вы давно на диете, вам наверняка известен этот диетический десерт по Дюкану. А если только вступили в наши ряды или собираетесь – очень рекомендую приготовить! Тем более, что продукты нужны самые простые. И, конечно же, миксер.

Приготовление

Приготовление

Затем, начнет густеть.

Затем, начнет густеть.

Станет воздушной.

И, наконец, начнет держать форму (устойчивые пики!

И, наконец, начнет держать форму (устойчивые пики!).

Оставляем вкусную пенку на столе и переходим к мол

Оставляем вкусную пенку на столе и переходим к молоку с какао. Взбиваем аналогично.

Пока взбивала массу с какао – масса без какао слег

Пока взбивала массу с какао – масса без какао слегка успела застыть. Поэтому чистым миксером взбила ее еще раз в течение 10 секунд. Оформляем наш диетический десерт по Дюкану. Ложкой аккуратно выложить пену разных цветов. В прозрачном стакане нежные воздушные слои смотрятся очень красиво и аппетитно! Сверху можно слегка посыпать какао или корицей, украсить листиком мяты.

Кушать можно сразу, а можно поставить в холодильни

Кушать можно сразу, а можно поставить в холодильник и дать застыть. Приятного аппетита!

Вы уже встречались со свойством слоя Непрозрачность(Opacity) и сможете сделать так, что, например, одно изображение будет просматриваться через другое. То есть, расположив два изображения друг под другом и уменьшив непрозрачность верхнего мы сможем увидеть нижнее изображение. Это самый простой пример компоновки. Компоновка (или композитинг) — это составление изображения путем смешивания или распределения частей разных изображений отдельных слоев. Так же примерами компоновки могут быть различные режимы смешивания, ключевые эффекты (keying), или маски.

Итак, у нас есть изображение, или видеофрамент. Чтобы создать на основе него маску нам нужно определиться с контуром. Создать контур можно несколькими способами. Cамый простой это использовать инструмент какой-либо фигуры. В 9 версии After Effects можно выбрать одну из пяти фигур.

Создание масок в After Effects

Изначально выбран прямоугольник. Переключаться между ними можно нажатием клавиши на клавиатуре. Выбрав одну из фигур убедитесь, что выделен слой из которого хотите сделать маску. Иначе будет создан новый слой с изображением фигуры(об этом мы поговорим в одной из следующих статей посвященных рисованию). Двойным кликом по значку фигуры (на панели инструментов) создается маска максимального размера помещающаяся в окно композиции. Создадим маску в форме круга. Для этого переключим инструмент рисования фигуры в положение Ellipse tool. Далее переходим на панель Composition. Просто попробуйте нарисовать фигуру в любом месте изображения и посмотрите что произойдет. Зажав левую кнопку мыши перетащите курсор вверх или вниз по диагонали и отпустите кнопку мыши. Что произошло?

Создание масок в After Effects

Изображение выходящее за пределы контура маски стало прозрачным. А внутри маски осталось все по-прежнему. Чтобы прозрачные области отображались в виде шахматной доски должен быть активирован переключатель Toggle Transparency Grid на панели Composition.

Создание масок в After Effects

Перейдем на панель Timeline. Здесь тоже произошли изменения. У выбранного слоя появилось новая группа свойств — Masks. Здесь отображаются все маски слоя, в нашем случае Mask 1. Для каждой маски можно выбрать режим маскирования и сделать ее инвертированной(прозрачные области станут видимыми, а непрозрачные, соответственно, невидимыми) и эти свойства анимировать нельзя.

Создание масок в After Effects

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

Создание масок в After Effects

Создание масок в After Effects

Анимируются свойства маски точно так же как и свойства трансформации. Нажимаем на значок секундомера нужного свойства — создается первый ключевой кадр в месте расположения линии редактирования. Изменив ее положение, меняем значение анимируемого свойства — создан второй ключ. Изменения между ключами интерполируются средствами программы. Ничего сложного!
Так же маску можно нарисовать при помощи инструмента Pen(перо). Для удаления фона это идеальный вариант. В сложных композициях бывает не всегда удобно рисовать маски в панели Composition. Слои могут перекрывать друг друга или вовсе выходить за рамки окна композиции, так же могут мешать примененные эффекты и трансформации. Поэтому есть смысл использовать панель Layer(слой). Здесь Виден весь слой в его первоначальном состоянии, без применения каких-либо эффектов или трансформаций. Два раза кликните по нужному слою на панели Timeline и оно будет открыто в новой панели Layer.

Создание масок в After Effects
Создание масок в After Effects

Выбираем инструмент перо

Создание масок в After Effects

и приступаем к рисованию контура маски. Контур состоит из манипуляторов Безье соединенных линиями. Чтобы установить манипулятор просто кликните в нужном месте мышкой. Чтобы замкнуть контур нужно кликнуть на первом манипуляторе.

Создание масок в After Effects

Когда мы замкнем контур произойдет знакомая нам ситуация: все что находится вне контура станет прозрачным, а на панели Timeline появится новая группа свойств — Masks.

Создание масок в After Effects

Более сложные контуры мы так же разберем в статье посвященной рисованию. А для этого изображения нам достаточно этих знаний. Теперь расположим под слоем с маской фоновое изображение.

Создание масок в After Effects

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

Создание масок в After Effects

Готово! Теперь наша коробка отлично сочетается с фоновым изображением!
Применяйте полученные знания в своих композициях. Экспериментируйте. Желаем Вам творческих успехов!

Читайте также: