Glass effect в Figma

  Рет қаралды 55,294

Наука Дизайна

Наука Дизайна

3 жыл бұрын

Новый стиль в UI. Также его называют Frosted Glass или Glassmorphism
Для работы вам потребуется этот плагин www.figma.com/community/plugi...
nauka-dsgn.ru/interfaces - Основной курс по интерфейсам
nauka-dsgn.ru/junior-pack - Мини-курс для начинающих дизайнеров

Пікірлер: 46
@larissa5407
@larissa5407 2 жыл бұрын
Спасибо сердечное за твой труд, за то, что так щедро делится с нами своими знаниями! Здоровья тебе и процветания твоему каналу!
@ctrl99.66
@ctrl99.66 3 жыл бұрын
Не сложно и очень эффектно Огромное спасибо!
@souliswork
@souliswork 3 жыл бұрын
Спасибо за подгон! Это очень интересный вариант для дизайна.
@mariebuyel1824
@mariebuyel1824 3 жыл бұрын
Спасибо! Очень свежо смотрится
@user-dn5eo4zu9s
@user-dn5eo4zu9s Жыл бұрын
Благодарю за урок! Всё получилось! Замечательно, что есть такие понятные уроки))
@LSafronova77
@LSafronova77 3 жыл бұрын
Красота! Спасибо большое!
@vneplanov299
@vneplanov299 3 жыл бұрын
Круто. Спасибо огромное!!!
@br_ann
@br_ann 3 жыл бұрын
Спасибо за урок!)
@user-id2wg5xc2l
@user-id2wg5xc2l 3 жыл бұрын
За 15 минут научился, спасибо)
@trickarchiveableton
@trickarchiveableton 3 жыл бұрын
Давай еще туторов и триксов по современным трендовым штукам и градиентам
@malistovsfam
@malistovsfam 2 жыл бұрын
Спасибо большое😊
@800kills
@800kills 3 жыл бұрын
Спасибо!!!
@user-np8ww9kd3f
@user-np8ww9kd3f 3 жыл бұрын
Лайк и подписка! Спасибо большое!
@1vohr3
@1vohr3 3 жыл бұрын
Супер!
@user-sl7cv9kh9s
@user-sl7cv9kh9s 3 ай бұрын
Интересно
@aisamankulova3365
@aisamankulova3365 3 жыл бұрын
полезно
@bikini.well.2u
@bikini.well.2u 8 ай бұрын
Здравствуйте. В фигме можно сделать предмет прозрачный ? в моем случае колпачок. Спасибо
@tanyared5611
@tanyared5611 3 жыл бұрын
У меня почему то он работает неадекватно. Пару раз получилось сделать стиль, а чаще всего ничего не происходит
@denisdenisov8618
@denisdenisov8618 2 жыл бұрын
А почему, когда я экспортирую заблюреный объект из фигмы, то при открытии этого объекта в другой программе, этого блюра нет? Или я что-то не так делаю?
@user-bc7je3it9r
@user-bc7je3it9r Жыл бұрын
надо объединить все объекты, тогда все будет норм
@minisotta
@minisotta Жыл бұрын
А как он так легко наложил шум, что за горячие клавичи?
@olesyasemenova6385
@olesyasemenova6385 3 жыл бұрын
Спасибо! А можно вопрос, а разве свет падает не сверху, почему сфера снизу светлее?
@naukadsgn
@naukadsgn 3 жыл бұрын
Это называться рефлекс. Но у нас два источника света
@SashaPaladion
@SashaPaladion 3 жыл бұрын
потому что, сфера, например лежит на столе (не в этом видео), на который точно так же падает свет, который отражается на другие поверхности, поэтому там чуть светлее кусочек. Почитай про светотеневой рисунок, там не сложно, не много и полезно) А еще есть слово "терминатор" ;-)
@SashaPaladion
@SashaPaladion 3 жыл бұрын
я как то не понятно написал)))
@olesyasemenova6385
@olesyasemenova6385 3 жыл бұрын
@@SashaPaladion Спасибо, Саша)
@alexswimmer4076
@alexswimmer4076 Жыл бұрын
Добрый день! не понятно как копировал картинку из фильтра и добавил и на карточку
@emmyira
@emmyira 3 жыл бұрын
Что вы нажимаете, чтобы скопировать и вставить паттерн с noise?
@naukadsgn
@naukadsgn 3 жыл бұрын
ctrl+c ctrl+v
@emmyira
@emmyira 3 жыл бұрын
@@naukadsgn не получается, пропадает созданная карточка, а вместо неё становится квадратом изображение с noise🤷‍♀️
@y_dvl
@y_dvl 3 жыл бұрын
Здравствуйте, столкнулся с такой проблемой, что при экспорте blur эффект пропадает, с чем это связано? И как это исправить?
@naukadsgn
@naukadsgn 3 жыл бұрын
типо выгрузили в png а при наложении этого png оно не блюрит что под ней?
@y_dvl
@y_dvl 3 жыл бұрын
@@naukadsgn да, и в png и в svg не блюрит
@naukadsgn
@naukadsgn 3 жыл бұрын
@@y_dvl весьма логично ведь в фигие слой с эффектом является неким конвектором графической информации лежащей под слоем. А когда мы выгружаем этот слой он становиться просто набором пикселей. Если хочешь применить этот эффект в вебе то тебе нужно на codepen найти glass effect и уже кодом прописать это свойство объекту
@y_dvl
@y_dvl 3 жыл бұрын
@@naukadsgn спасибо большое!
@user-gy7qd1vl7b
@user-gy7qd1vl7b Жыл бұрын
Покажи как текст накладывать. Что бы как у тебя в макете был.
@user-cm3yk6fb5i
@user-cm3yk6fb5i 2 жыл бұрын
2:18 - дайте, плиз, ссылку на это видео про градиенты.
@naukadsgn
@naukadsgn 2 жыл бұрын
kzfaq.info/get/bejne/pt-fe8mCxsy1epc.html
@vstile...project
@vstile...project 3 жыл бұрын
Добрый вечер! Кому интересно как сделать данный эффект в ФШ, то ролик у меня на канале...
@user-gy7qd1vl7b
@user-gy7qd1vl7b Жыл бұрын
Начиная с 5:50 я перестал понимать что происходит
@MelonPython
@MelonPython Жыл бұрын
dawai Putin!
@user-fz9dg9mn5g
@user-fz9dg9mn5g Жыл бұрын
Лол
@ytrpaz
@ytrpaz Жыл бұрын
amazingly great
@sander19660
@sander19660 3 жыл бұрын
Если честно, то такое ощущение будто вы записываете это видео с попытки десятой, либо вовсе наоборот с первого раза а-ля "и так сойдёт". Ибо растянули буквально несколько действий которые уместились бы в 1,5-2 минуты на целых 6 минут! Постоянно при каждом действии "ааа эээ бэээ вот тутт ээээ не так немного вооот давайте вот так а нет не так всё таки" и так далее. Очень утомительно было смотреть. И я ещё смотрел на скорости 2х. Представляю что творится у людей на обычной скорости. К вам претензий нет, может вы просто устали за день или иные причины, сам овощем иногда бываю - но просто небольшая заметка вам на будущее, что бы такого старались не допускать. Спасибо :)
@DarthVauban
@DarthVauban 3 жыл бұрын
Так запиши свое, где такого не будет)
@user-mv2lo2dr5i
@user-mv2lo2dr5i 2 жыл бұрын
И как вы выжили после 6 минут страданий?))
Как делать уникальный дизайн и разбор работ
2:14:05
Наука Дизайна
Рет қаралды 3,4 М.
glassmorphism figma | глассморфизм, figma, tilda
16:17
Макс Куратов
Рет қаралды 27 М.
Whyyyy? 😭 #shorts by Leisi Crazy
00:16
Leisi Crazy
Рет қаралды 17 МЛН
IS THIS REAL FOOD OR NOT?🤔 PIKACHU AND SONIC CONFUSE THE CAT! 😺🍫
00:41
WHO DO I LOVE MOST?
00:22
dednahype
Рет қаралды 9 МЛН
Cute Barbie Gadget 🥰 #gadgets
01:00
FLIP FLOP Hacks
Рет қаралды 42 МЛН
Как создавать элементы в стиле Neumorphism
18:14
Наука Дизайна
Рет қаралды 35 М.
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 264 М.
Веб дизайн урок по анимации || 3d слайдер в Figma
17:33
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes
15:40
DesignWithArash
Рет қаралды 177 М.
Create a Collapsible Sidebar in Figma like a PRO!
20:40
BlueSky Labs
Рет қаралды 19 М.
Master Figma Variants | The Complete Guide (2024)
22:00
DesignWithArash
Рет қаралды 161 М.
Figma Tutorial: Advanced Prototyping With Variables (+ Practice File)
32:06
Whyyyy? 😭 #shorts by Leisi Crazy
00:16
Leisi Crazy
Рет қаралды 17 МЛН