Веб дизайн урок з анімації || 3d слайдер в Figma

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

Комментарии • 31

  • @Nelya_web
    @Nelya_web Год назад +6

    Спасибо, очень интересно.

  • @veneravap3401
    @veneravap3401 11 месяцев назад +6

    Каким образом вы подогнали картинку стикера? Вы показываете , как накладываете на него прямоугольник, закругляете углы, а дальше у вас уже готовый обрезанный стикер. Только непонятно как это получилось, момент на 2 минуте
    Спасибо.

    • @thelikedesign
      @thelikedesign  11 месяцев назад +4

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

  • @Nelya_web
    @Nelya_web Год назад +3

    Попробовала, всё получилось

  • @blackcaracal6352
    @blackcaracal6352 2 месяца назад +1

    Здравствуйте а если я хочу такую анимацию как видео, я могу скачать это как видео? Извините если вопрос тривиальный я только знакомлюсь с флигмой

    • @thelikedesign
      @thelikedesign  2 месяца назад +1

      Для этого вам нужно установить специальный плагин, который называется Export to GIF/Video, я им не пользовалась, но говорят, что работает

  • @goose_home
    @goose_home 8 месяцев назад +1

    Спасибо за урок! Подскажите, пожалуйста, анимацию, созданную из прототипов можно сохранить как видеоролик?

    • @thelikedesign
      @thelikedesign  8 месяцев назад +1

      В фигме нет такой функции, но есть плагин Export to GIF/Video. Попробуйте 👍

  • @morozavro
    @morozavro 2 месяца назад +1

    подскажите пожалуйста, что делать если включен clip content, но контент все равно видно? 8:56

    • @thelikedesign
      @thelikedesign  2 месяца назад

      Скорее всего ваш контент находится за пределами этого фрейма, потому он и не прячется при нажатии clip content. Проверьте вложенность слоев

  • @madmouzel
    @madmouzel Год назад +2

    спасибо! эту анимацию потом как-то выгружать для разработчика или программист сможет использует код?

    • @thelikedesign
      @thelikedesign  Год назад

      Честно говоря, думаю, что нельзя это сделать. Возможно есть плагины для этих целей. Надо изучить вопрос 🤔

    • @МихаилКан-х1б
      @МихаилКан-х1б Год назад +1

      А нельзя воспользоваться vimeo,чтобы загрузить видео?

    • @Vit_Army
      @Vit_Army 8 месяцев назад

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

  • @ВероникаКотлярова-ь1о
    @ВероникаКотлярова-ь1о 7 месяцев назад

    как задать привязку к полю для фрейма с фруктами?

  • @blackcaracal6352
    @blackcaracal6352 2 месяца назад

    А можно ли сделать то же самое с коробками?

    • @thelikedesign
      @thelikedesign  2 месяца назад +1

      Можно с любыми объектами, принцип будет один и тот же

  • @nikolay9386
    @nikolay9386 8 месяцев назад

    Важен ли формат картинки .png? Или с jpeg?

    • @thelikedesign
      @thelikedesign  8 месяцев назад +1

      Картинка должна быть на прозрачном фоне, потому лучше пнг или удалите фон с помощью плагина bg remove.

    • @nikolay9386
      @nikolay9386 8 месяцев назад

      @@thelikedesign благодарю! Но как то не получается наложить картинку на банку )) этот intersect selection не вижу )

    • @nikolay9386
      @nikolay9386 8 месяцев назад +1

      @@thelikedesign эта баночка сведет меня с ума )))

    • @thelikedesign
      @thelikedesign  8 месяцев назад

      @@nikolay9386 😅

  • @МариМари-о9м
    @МариМари-о9м 9 месяцев назад +3

    Классно!!! Но у меня ничего не получилось(😢 Не смогла вырезать и не нашла таких наклеек в строчку... Расстроилась(

    • @ArthurKa-yd5un
      @ArthurKa-yd5un 9 месяцев назад

      😢

    • @Алина-о5б7ш
      @Алина-о5б7ш 7 месяцев назад

      @@ArthurKa-yd5un здравствуйте, где найти такие наклейки?

    • @ArthurKa-yd5un
      @ArthurKa-yd5un 7 месяцев назад

      @@Алина-о5б7ш, здравствуйте. Я не знаю 😢 Спасибо за обращение, до свидания.

  • @lil4361
    @lil4361 Год назад +1

    Попробовала сделать баночку, получилось! Спасибо большое)