{"id":14284,"url":"\/distributions\/14284\/click?bit=1&hash=82a231c769d1e10ea56c30ae286f090fbb4a445600cfa9e05037db7a74b1dda9","title":"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u043d\u0446\u044b \u0441 \u0441\u043e\u0431\u0430\u043a\u0430\u043c\u0438","buttonText":"","imageUuid":""}

25 сен 2023 25.09.2023

Как создать видеообложку на Вайлдберриз, Озон. Анимирование дизайна. Шаги создания. Supa, Figma

Сейчас маркетплейсы продолжают набирать обороты с каждым днем, так что тема Дизайна актуальна как никогда 💖

Меня зовут Аня, я дизайнер для МП, в этой статье поделюсь шагами создания Видеообложки - а именно анимированной обложки

ПОЕХАЛИ 🐱‍🏍

(p.s. данные шаги основаны на последовательности действий, когда я сама создавала дизайны, для удобства вы можете их менять)

1. Создаем дизайн - мы создаем анимацию на основе подготовленного дизайна (вы его делаете самостоятельно либо заказывайте у дизайнера)

2. Переносим его в Supa - либо отдельными элементами, либо сразу весь через плагин в Figma, который называется как сама программа анимирования "Supa"

Плагин в программе Figma "Supa"

4. Настраиваем анимацию - все переходы, выходы, силу амплидут и прочее

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

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

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

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

7. Сохраняем и скачиваем себе на устройство

ВСЕ 🔥

Подробнее рассказала в видеоуроке 👇👇👇💖

Видео-урок с моего ютуб канала по созданию видеообложки на основе готового дизайна 💖

Курс

Если вы хотите научиться создавать более качественные уникальные дизайны, собственные анимации, благодаря которым вы будете ЯВНО выделяться среди "толпы"🔥🔥🔥, то я вас с любовью приглашаю на свой ЭКСПРЕСС-курс по дизайну для маркетплейсов

Все уроки в записи и доступны вам в любой момент 💖, чтобы вы могли сразу приступить к тому блоку, который сейчас для вас ВАЖНЕЕ

Промокод на скидку 15% - ПРОМОСТАТЬЯ

(напишите мне его в личные сообщения в вотсап 👉 https://wa.me/79772663416 )

ВИДЕООБЗОР курса тут 👇 (можете посмотреть как все устроено 💖)

Обзор ЭКСПРЕСС-курса по дизайну на МП 💖💖💖 - 4 блока (карточки товаров + видеообложки + рич-контент + поиск клиентов)

Отзывы по ЭКПРЕСС-курсу

Доп информация по курсу и тарифам тут 👇

Благодарю за прочтение статьи 💖💖💖

72 показа

3.1K открытий

{"id":1471797,"url":"https:\/\/vc.ru\/u\/1471797-anna-pro-dizayn-i-ezoteriku","name":"\u0410\u043d\u043d\u0430 \u041f\u0420\u041e \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u044d\u0437\u043e\u0442\u0435\u0440\u0438\u043a\u0443","avatar":"0fb9e42d-9582-554c-bde2-de62cb7c98ad","karma":11,"description":"\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043c\u043e\u0439 \u043a\u0430\u043d\u0430\u043b \u0432 \u0422\u0435\u043b\u0435\u0433\u0440\u0430\u043c\u0435 \u043f\u0440\u043e \u0414\u0415\u041d\u042c\u0413\u0418 (@isobilie_v_zizni), \u0433\u0434\u0435 \u044f \u043f\u0440\u043e\u0432\u043e\u0436\u0443 \u043c\u0430\u0441\u0442\u0435\u0440-\u043a\u043b\u0430\u0441\u0441\u044b \u043f\u043e \u0442\u0435\u043c\u0435 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044f \u0414\u043e\u0445\u043e\u0434\u0430 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u0434\u0441\u043e\u0437\u043d\u0430\u043d\u0438\u0435 \u0441 \u041d\u0435\u0439\u0440\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0439","isMe":false,"isSubscribed":false,"isNotificationsEnabled":false,"isShowMessengerButton":false,"isShowSubscribe":true,"hasBadge":false,"badgeType":null,"badgeUuid":null,"badgeUrl":null,"hasVideoAvatar":false}

Комментарии

Написать комментарий...

-3 комментариев

Раскрывать всегда