Меня пугает приближение всех известных праздников. 14 февраля удалось пережить, теперь готовлюсь к обмену подарками на 23-ое и 8-ое.
Когда мне показали альтернативу традиционным знакам внимания (цветам, сертификатам, праздничным наборам), я удивился от… оживающей открытки, и она работает почти как газета из вселенной Гарри Поттера.
Как мне объяснили, на фото накладывается видео и аудио — получается эффект оживления.
Захотелось повторить самому! Но сначала меня останавливала мысль — это на заказ собирал профессионал. Сидел часами, придумывал код, всё настраивал.
Оказалось, я себя накрутил! Мой «учитель» успокоил — этот подарок он сделал своими руками. За 0 рублей. Время создания — 2 минуты + успел отвлечься на звонок.
Он использовал Web AR — дополненную реальность, работающую без необходимости скачивания каких-либо приложений. Технология оживления намного доступнее и понятнее, чем кажется.
Пока разобрался в теме, выделил явные преимущества подобного 2D-подарка:
Как автоматически принимать подарки от друзей в Одноклассниках
— НЕ скачиваем мобильное приложение! Остаёмся в браузере, переходим на сайт Web AR Studio (прим. создаём проект на компьютере или ноутбуке, а через телефон тестируем!)
— Навыки программирования, кодирования или создания 3D НЕ потребуются. Только наличие интернета, камеры на телефоне и немного свободного времени: )
— Бесплатное использование. Не надо привязывать карточку для регистрации;
— Звание «семейного айтишника» у вас в кармане.
Эти условия меня устроили, и я принялся за работу. Прикрепляю подробную инструкцию к изготовлению + в конце оставлю ролик, чтобы вы наблюдали за созданием моего проекта. Зайдите на платформу Web AR Studio
Первый шаг: После регистрации в личном кабинете, выберите опцию «Добавить проект» → дать название проекта (например, «подарок на 8 марта») и адресу (тоже на своё усмотрение, с латинскими символами).
Второй шаг: Тип проекта «Браузер» → «Распознавание фото» (чтобы накладывать эффекты на ваше изображение) → «2D-редактор».
Третий шаг: «Создать AR».
Четвёртый шаг: Перед вами открываются всевозможные шаблоны — нажать на «Пустой проект» (от А до Я с нуля).
Настало время для творчества.
Подсказка! До начала работы отберите подходящие фото (с хорошей детализацией), видео и сохраните на свой «рабочий стол».
Когда всё готово, переходим к работе:
1. Для начала нажмите на кнопку в правом верхнем углу “загрузить триггер” и добавьте изображение, которое должно ожить .
2. В левом верхнем углу, среди инструментов, можете выбрать вкладку «Видео» (формат mp4) и загружайте.
3. Область с видео растяните по всей фотографии (сильно не «сплющивайте»), это создаст эффект оживления, потому что пользователь перестанет видеть изображение и будет наблюдать лишь видео на экране смартфона.
4. Не забудьте про кнопку «Опубликовать.
5. Ваш проект сохранён — теперь, если вы хотите протестировать проект, — выберите «Просмотр» и отсканируйте с телефона QR-код.
Как создать подарок в Одноклассниках — Видеоурок 1.1.
6. Разрешите сайту доступ к камере.
7. Наведите телефон на выбранную вами фотографию-маркер и произойдёт чудо (сами увидите).
8. Вы можете разместить данный QR-код прямо на открытку для большего удобства. Для этого нажмите кнопку «Экспортировать QR-код» в меню созданного вами проекта и добавьте его в дизайн макет открытки перед тем как отдавать в печать.
Финишная прямая! И готовое видео с наглядным примером:
Создание оживающей открытки с дополненной реальностью за 1 минуту + пример, создано на платформе web-ar.studio
Ещё можете после окончания работы выйти из программы и вернуться к редактированию AR (изменить триггер, видео, наложить фоновую музыку).
Я уже набросал сюжеты для оживающих подарков: видеопоздравление мамы, сестры, даже готов порадовать женский коллектив на работе…
Надеюсь, вам тоже помог с идеей оригинального подарка на 23 февраля или 8 марта! Если будут вопросы по созданию — пишите в комментариях, всегда рад помочь!
Источник: vc.ru
Как сделать анимированный подарок в одноклассниках
Есть презентация в Power Point, в ней есть слайды, хочется сделать анимированных людей, движения.
1. слайд «Портал». Надо сделать, так чтобы было понятно как это работает, анимированными героями, что есть в одном городе такой портал и в другом есть такой же, показать взаимодействие людей через экран
2. слайд «Россия была всегда». Анимированный человек подходит на определенную точку и смотрит как соединяется реальный исторический объект с экраном где изображено продолжение этого объекта только 100 лет назад.
3. слайд «Квест на каждом шагу». Анимировать взаимодействие с экраном. В парке стоит видео панель, к ней подходит человек, выбирает какой квест пройти и герой с экрана рассказывает задачи и отправляет по парку искать такие панели и выполнять задания, в конце участники получают скидки и подарки от парка.
4. слайд «Оживший парк». Показать анимированный парк, где среди реальных животных (белки) люди могут увидеть животных на экране. Например, в Московском, любом парке на экранах, которые встроенные в пейзаж парка, отображается медведь или слон.
5. слайд «Окно в историю». Анимированные окна в домах, где герой дома оживает и с окна ведет диалог с людьми на улице.
6. слайд «Цифровая доска почета». Доска почета возле администрации, куда подходят люди и смотрят за контентом, контент меняется показывая погоду или позитивные новости.
7. слайд «Дорожные указатели». Меняющаяся информация на нижнем рекламном щите.
— Сделать 1,2 слайда в разных анимациях, найти стиль.
— На выходе хочется получить видео ролик по каждому слайду отдельно. Итого должно получится 7 роликов.
Источник: www.fl.ru
Как создать интригующую анимированную аватарку в Одноклассниках: пошаговый гайд
Аватарка является лицом пользователя в социальных сетях, и часто она первая, что привлекает внимание других пользователей. Поэтому, чтобы выделиться из толпы, надо сделать свою аватарку насыщенной и оригинальной. А анимированная аватарка — это лучший способ выделить свой профиль на фоне остальных.
Шаг 1: Найдите готовую GIF-анимацию
Первым шагом к приобретению совершенной анимированной аватарки является поиск исполнительной GIF-анимации. Найдите свои любимые моменты из фильмов, аниме, телешоу и сторонних ресурсов, которые могут послужить хорошим источником для GIF-анимации. Существует множество качественных образов, которые могут быть использованы для создания уникальной и оригинальной аватарки.
Шаг 2: Редактируйте GIF-анимацию
После того как вы нашли GIF-анимацию на ваш вкус, вы должны перейти к редактированию ее в графическом редакторе. Для этой операции нам потребуется специализированное программное обеспечение, такое как Adobe Photoshop или другой аналогичный редактор, который позволит вам работать с GIF-анимацией. Или же вы можете воспользоваться онлайн-редактором, который имеет все необходимые функции.
Шаг 3: Измените размер аватарки
После редактирования GIF-анимации, необходимо изменить размер пикселей до 200пх на 200пх, качество оставить исходным.
Шаг 4: Загрузите аватарку в Одноклассниках
По завершению сохранения вашей анимированной аватарки, вы должны загрузить ее на свой профиль в Одноклассниках. За это отвечает раздел «Изменить данные профиля». Загрузка вашей анимированной аватарки осуществляется в разделе «Фотография» — «Выбрать новую фотография». Теперь ваша оригинальная и яркая аватарка станет лучшим способом выделиться из толпы.
Анимированные аватарки — это не только уникальный и интересный способ выразить свою индивидуальность, они также помогают привлечь внимание и заинтересовать аудиторию. Так что не стесняйтесь, пробуйте и создавайте свои собственные анимационные аватарки в Одноклассниках.
Свежие записи
- Изучаем процесс: сделайте 1:2 раствор кальцинированной соды в домашних условиях
- Как создать тату-машинку в домашних условиях
- 5 простых шагов, как сделать максимально привлекательный анонс поста в Instagram Stories
- Деревянный сруб в ARCON: советы и рекомендации
- Шаг за шагом: как правильно сделать 0,05 водный раствор вещества
Источник: patiogarden.ru