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

В этом видео ты научишься делать трендовый эффект зерна в 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

[@user-uf4iw6tb9r]

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

[@vitori_top]

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

[@Y-I]

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

[@vitori_top]

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

[@IrinaEvdokimova]

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

[@vitori_top]

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

[@johnnytopalov7084]

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

[@anastasiasuhovskaya2872]

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

[@ОлегЦуканов]

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

[@user-hg9oo5wi9h]

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

[@artemnikolaevich8361]

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

[@vyacheslavkalyuga3633]

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

[@sakibuddin-it8ld]

thank u from Bangladesh

[@silkina.pro_]

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

[@vitori_top]

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

[@ruslankuyan2326]

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

[@nj2060]

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

[@anucovochka]

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

[@vitori_top]

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

[@maybelizaiva]

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

[@olhaburdamusic4004]

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

[@artsvetaa]

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

[@vitori_top]

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

[@Soper84]

Спасибо! 👍

[@Mixogen]

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

[@davydov5503]

Спасибо =)

[@valeriia247]

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

[@user-sl7cv9kh9s]

Интересно

[@tetianamakarova2097]

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

[@user-nl7oo6uy7j]

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

[@vitori_top]

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

[@user-sf9jc2cl9g]

Благодарю)

[@trombone0926]

super inspiring! thanks

[@nataliatitova4661]

Спасибо!!!

[@LaysanKh]

спасибо!

[@user-im8ef5kh8b]

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

[@vitori_top]

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

[@user-ip6os8em2p]

класс)

[@user-ul6se3ui3m]

very useful

[@user-uv4rr2cp7n]

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

[@aknazikerkeulanova8366]

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

[@vitori_top]

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

[@aknazikerkeulanova8366]

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

[@user-ie4vk6tl4z]

@@aknazikerkeulanova8366 +

[@user-hf5un1sg1t]

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

[@user-jt5kj4lm4b]

ctrl+E

[@user-iq8ky2es7q]

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

[@KateMuseJohnson]

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

[@user-jc3vt5bj2r]

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

[@user-bo6lr1wl8y]

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

[@user-hy9dz9uw6v]

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

[@vitori_top]

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

[@user-tu4pu6gp1o]

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

[@vitori_top]

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

[@user-tu4pu6gp1o]

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

[@annsaap]

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

[@vitori_top]

Шрифт Igra

[@vladkrishtopov6281]

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

[@vitori_top]

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

[@scrapbyflorenko2416]

Как сложно

[@vitori_top]

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

[@user-on8gh7kl2m]

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

[@user-rb3zf2ws4h]

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