Эффект зернистого градиента в Figma / tutorial

Поділитися
Вставка
  • Опубліковано 28 вер 2024
  • В этом видео ты научишься делать трендовый эффект зерна в Figma. С помощью двух плагинов Figma, без использования Photoshop.
    Ссылка на файл исходник:
    www.figma.com/...
    Плагин Noise:
    figma.help/plu...
    Плагин Filter:
    figma.help/plu...
    Подписывайся на меня в инстаграм:
    / vitori_top
    Подписаться на телеграм:
    t.me/joinchat/...
    Мой Behance:
    www.behance.ne...
    Я Виктория Топ веб-дизайнер на фрилансе с опытом более 5 лет. Я знаю как сложно обучатся самостоятельно по этому решила делиться опытом. Рассказываю о фишках которыми пользуюсь в своей работе. #figma #фигма #noisegradient

КОМЕНТАРІ • 66

  • @Mixogen
    @Mixogen 5 місяців тому +4

    Плагины устарели. Noise стал платный (но есть альтернативы), а Filter не работает.

  • @Y-I
    @Y-I 3 роки тому +2

    Шикарно, так можно с некоторыми объектами и Люстру заменить! )

    • @vitori_top
      @vitori_top  3 роки тому +1

      Я за оптимизацию процессов)

  • @johnnytopalov7084
    @johnnytopalov7084 3 роки тому +2

    Спасибо за видос, теперь стало всё понятно!

  • @ОлегЦуканов
    @ОлегЦуканов 3 роки тому +1

    Очень хороший туториал! Благодарю

  • @vyacheslavkalyuga3633
    @vyacheslavkalyuga3633 3 роки тому

    Очень выручили. Спасибо! Лайк подписка

  • @olhaburdamusic4004
    @olhaburdamusic4004 2 роки тому

    Дякую! Дуже крутий урок і сама фішка прям клас! Щиро дякую :))

  • @silkina.pro_
    @silkina.pro_ 3 роки тому

    Благодарю за видео! Плагины супер! Главное, без фотошопа можно теперь обойтись)

    • @vitori_top
      @vitori_top  3 роки тому

      Это самое приятное)

  • @nj2060
    @nj2060 2 роки тому

    Спасибо за видео)))Очень полезно 🙏 подписываюсь однозначно 🙌

  • @tetianamakarova2097
    @tetianamakarova2097 3 роки тому

    С soft light понравилось))

  • @anucovochka
    @anucovochka 3 роки тому +1

    Спасибо за видео, было очень полезно 👍🤗

    • @vitori_top
      @vitori_top  3 роки тому

      Спасибо, для меня очень важна обратная связь.

  • @ПОНАТЫПОН
    @ПОНАТЫПОН 2 роки тому

    Спасибо большое за видео! Супер полезно🤗

  • @ТуяраТихонова-э2е
    @ТуяраТихонова-э2е 6 місяців тому

    Какой плагин использовать если нойс платный ?

  • @user-jc3vt5bj2r
    @user-jc3vt5bj2r 2 роки тому

    А что делать если на небольшом формате 110/100 пикс шум выглядит как большие пиксели?

  • @АннаРуднева-ц5ы
    @АннаРуднева-ц5ы 3 роки тому +5

    Ооо как я ждала зернистый эффект !) Спасибо! Начинаю смотреть )

    • @vitori_top
      @vitori_top  3 роки тому

      🤍 похоже комментарии сделали мой день, спасибо.

  • @СветланаЗахаренкова-б3ь

    Витория, подскажите новичку, как вы вгоняли фигуру в Frame, что б она не выходила за границы? Напишите, пожалуйста, последовательность действий. Спасибо.

    • @vitori_top
      @vitori_top  2 роки тому

      Если фрейм уже создан, то достаточно просто перетянуть фигуру в его пределы. Если фрейма нет то его можно создать вокруг фигуры с помощью горячих клавиш alt+cmd+G

  • @АленаПавкина-э1щ
    @АленаПавкина-э1щ 3 роки тому

    класс)

  • @annsaap
    @annsaap 3 роки тому

    Здравствуйте! А что за шрифт на обложке этого видео?

  • @anastasiasuhovskaya2872
    @anastasiasuhovskaya2872 3 роки тому +2

    Очень крутые плагины, действительно было полезно - время создавать что-то крутое без фотошопа :) Спасибо, Вика!

  • @aknazikerkeulanova8366
    @aknazikerkeulanova8366 3 роки тому +2

    Здравствуйте, а как вогнать фигуру в фрейм?

    • @vitori_top
      @vitori_top  3 роки тому +1

      Загрузить картинку сразу в нужную форму. Или с помощью маски.

    • @aknazikerkeulanova8366
      @aknazikerkeulanova8366 3 роки тому +3

      @@vitori_top 2:34 на этом моменте плказали что вогнали круг и вырезали, а как вы вырезали, у меня не получается 😅

    • @Алё-р1у
      @Алё-р1у 3 роки тому

      @@aknazikerkeulanova8366 +

    • @ДаряНамятава
      @ДаряНамятава 3 роки тому +1

      @@whyareyoureadingthisbro короче, я только что сама как-то догнала. Нужно поместить фигуру прям внутрь всего фрейма, тогда она автоматически за грани не выходит, а потом аккуратно подвинуть куда нужно. Скорее всего, есть клавиша для этого, но вручную получилось только так

    • @ЄванфіяМацкевич
      @ЄванфіяМацкевич 2 роки тому

      ctrl+E

  • @Noname-z7k2y
    @Noname-z7k2y 7 місяців тому

    Интересно

  • @artemnikolaevich8361
    @artemnikolaevich8361 3 роки тому +1

    Жду подобный трендовых штук)

  • @davydov5503
    @davydov5503 3 роки тому +1

    Спасибо =)

  • @Soper84
    @Soper84 3 роки тому +1

    Спасибо! 👍

  • @Джулия-н9ы
    @Джулия-н9ы 3 роки тому

    Скажите пожалуйста какую комбинацию использовали на клавиатуре, чтоб вогнать фигуру во фрейм?

  • @KateMuseJohnson
    @KateMuseJohnson 2 роки тому

    пожалуйста, напишите все горячие клавиши, которые использовались в данном видео

  • @IrinaEvdokimova
    @IrinaEvdokimova 3 роки тому +1

    Большое спасибо! Ждем новых туториулов!

    • @vitori_top
      @vitori_top  3 роки тому

      Спасибо, скоро проведу прямой эфир. Буду переносить сайт из Figma на Tilda

  • @СОЛНЦЕВЗОЙДЁТ-щ9ц

    плагин Filter не ищется...

  • @sakibuddin-it8ld
    @sakibuddin-it8ld Рік тому

    thank u from Bangladesh

  • @ОксанаБотвінцева
    @ОксанаБотвінцева 2 роки тому

    Спасибо! Полезный урок, не знала про плагин "фильтр" )))

  • @trombone0926
    @trombone0926 3 роки тому

    super inspiring! thanks

  • @НаташаПокотыло-в1г

    very useful

  • @valeriia247
    @valeriia247 2 роки тому

    спасибо за ролик)

  • @ruslankuyan2326
    @ruslankuyan2326 3 роки тому

    Благодарю за видео! Полезно буду пробовать!

  • @artsvetaa
    @artsvetaa 3 роки тому

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

    • @vitori_top
      @vitori_top  3 роки тому

      видимо минус работы плагина

  • @АленаКарих-с9я
    @АленаКарих-с9я 3 роки тому

    подскажите, пожалуйста, как сделать так, чтобы в тильде был эффект шума на фоне сайта, как это экспортировать из фигмы корректно?

    • @vitori_top
      @vitori_top  3 роки тому

      можно сделать как фон. экспортировать svg и добавить блок T674 (фоновое изображение) или кодом. Но с кодом я плохо разбираюсь тут не подскажу.

  • @maybelizaiva
    @maybelizaiva 2 роки тому

    от души! сращу все понятно стало 🙂

  • @АлександрЧкан-ч6и
    @АлександрЧкан-ч6и 2 роки тому

    Благодарю)

  • @LaysanKh
    @LaysanKh 2 роки тому

    спасибо!

  • @nataliatitova4661
    @nataliatitova4661 3 роки тому

    Спасибо!!!

  • @vladkrishtopov6281
    @vladkrishtopov6281 2 роки тому

    не получилось((((((( Шум на фигурах есть , а на градиенте нет

    • @vitori_top
      @vitori_top  2 роки тому +1

      можно попробовать градиент в вектор перевести.

  • @ольчольч
    @ольчольч 3 роки тому

    Столкнулась с проблемой, что готовое изображение сохраняется без плагина с шумом((
    Может его нужно как-то дополнительно закрепить?
    Подскажите, пожалуйста что делать 🙏🏻

    • @vitori_top
      @vitori_top  3 роки тому

      Эффект шума это как отдельный слой, по этому надо проверить все ли вы объединили перед экспортом.

    • @ольчольч
      @ольчольч 3 роки тому

      @@vitori_top спасибо, все вышло))

  • @scrapbyflorenko2416
    @scrapbyflorenko2416 3 роки тому

    Как сложно

    • @vitori_top
      @vitori_top  3 роки тому

      Можно "проще" через фотошоп

  • @ДанилаКузьмичев-й9й

    Полезно) Спасибо

    • @vitori_top
      @vitori_top  3 роки тому

      Завтра будет прямой эфир. Буду переносить макет из Figma в Tilda.

  • @РадимР-ф5г
    @РадимР-ф5г 3 роки тому +1

    Ммм... Какой звук...