Веб дизайн урок з анімації || 3d слайдер в Figma
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Веб дизайн урок з анімації || 3d слайдер у Figma
Похідний файл Figma тут: www.patreon.co...
Ласкаво запрошую на мій урок створення анімації 3d слайдера в Figma без використання додаткових плагінів! У цьому уроці ви дізнаєтеся, як використовувати вбудовані можливості Figma для створення приголомшливої анімації тривимірного слайдера.
Ми почнемо з основних принципів анімації та розглянемо, як створити тривимірний ефект, який захопить увагу глядачів.
Ви дізнаєтесь, як використовувати криві в анімації для створення плавних переходів та динамічних ефектів.
Грунтуючись на цих знаннях, ви зможете створити власний тривимірний слайдер, який виглядатиме професійно та захоплююче.
Цей урок підійде як початківцям, так і досвідченим дизайнерам, які бажають розширити свої навички та створити захоплюючу анімацію тривимірного слайдера. Приєднуйтесь до мене та дайте своїм проектам новий вимір за допомогою Фігми!
Більше уроків на Patreon: www.patreon.co...
Спасибо, очень интересно.
Благодарю!
Попробовала, всё получилось
Отлично!
подскажите пожалуйста, что делать если включен clip content, но контент все равно видно? 8:56
Скорее всего ваш контент находится за пределами этого фрейма, потому он и не прячется при нажатии clip content. Проверьте вложенность слоев
Каким образом вы подогнали картинку стикера? Вы показываете , как накладываете на него прямоугольник, закругляете углы, а дальше у вас уже готовый обрезанный стикер. Только непонятно как это получилось, момент на 2 минуте
Спасибо.
Видимо обрезала этот момент на монтаже. Вы накладываете эллипс на наклейку, затем помещаете наклейку выше эллипса на один слой, выбираете оба слоя и нажимаете кнопку Intersect selection. Она находится сверху по центру черной панели инструментов и активизируется, когда выбраны два слоя.
Здравствуйте а если я хочу такую анимацию как видео, я могу скачать это как видео? Извините если вопрос тривиальный я только знакомлюсь с флигмой
Для этого вам нужно установить специальный плагин, который называется Export to GIF/Video, я им не пользовалась, но говорят, что работает
как задать привязку к полю для фрейма с фруктами?
Спасибо за урок! Подскажите, пожалуйста, анимацию, созданную из прототипов можно сохранить как видеоролик?
В фигме нет такой функции, но есть плагин Export to GIF/Video. Попробуйте 👍
А можно ли сделать то же самое с коробками?
Можно с любыми объектами, принцип будет один и тот же
спасибо! эту анимацию потом как-то выгружать для разработчика или программист сможет использует код?
Честно говоря, думаю, что нельзя это сделать. Возможно есть плагины для этих целей. Надо изучить вопрос 🤔
А нельзя воспользоваться vimeo,чтобы загрузить видео?
Сделать в фигме анимацию не проблема..как ее вытащить потом...бессмыслица какая то
Классно!!! Но у меня ничего не получилось(😢 Не смогла вырезать и не нашла таких наклеек в строчку... Расстроилась(
😢
@@ArthurKa-yd5un здравствуйте, где найти такие наклейки?
@@Алина-о5б7ш, здравствуйте. Я не знаю 😢 Спасибо за обращение, до свидания.
Важен ли формат картинки .png? Или с jpeg?
Картинка должна быть на прозрачном фоне, потому лучше пнг или удалите фон с помощью плагина bg remove.
@@thelikedesign благодарю! Но как то не получается наложить картинку на банку )) этот intersect selection не вижу )
@@thelikedesign эта баночка сведет меня с ума )))
@@nikolay9386 😅
Попробовала сделать баночку, получилось! Спасибо большое)
Супер!