Тёмный

# 23 Как сделать эффект стекла в Figma. Glass Morphism - новый тренд в дизайне интерфейсов. 

SOVISART: design school
Подписаться 21 тыс.
Просмотров 47 тыс.
50% 1

Смотрите больше уроков на канале Sovisart
/ sovisart​​
Iren Kolt ❤
Посмотрите видео, как сделать эффект стекла в Figma.
Привет, на связи Ирен Кольт и школа дизайна SOVISART. В этом видео мы сделаем более сложную версию стекла в Фигме. И посмотрим, как можно применить ее в интерфейсе, ну или в посте для Инстаграма. Давайте приступать.
У меня есть заготовка, это фрейм размером 1080 на 1080 пикселей. Это у нас стандартный Инстаграм-пост. Для начала я создам фоновые фигуры, в частности, сделаю несколько шаров. Выбираю инструмент эллипс, шифтом растягиваю круг и меняю его раскраску. Вместо Sold выбираю Radial и выставляю цвета чернильниц, будет ярко голубой и синий. Можно даже сделать еще более насыщенный цвет. Здесь я тоже поставлю 100%, в итоге мы получим вот такую вот структуру и я передвину чернильницы немножечко вот так, чтобы свет падал как бы сверху.
Дальше я сделаю еще один шар, немного уменьшу его в размере, для этого зажимаю Alt, Shift одновременно и немного поменяю ему расцветку. Пусть он более фиолетовым будет. Теперь Вы знаете про новый тренд в дизайне интерфейсов Glass morphism.
Музыка: RU-vid Audio Library, After_All
#Figma #GlassMorphism #Sovisart #IrenKolt
❤❤❤❤❤❤❤❤❤
Присоединяйся к SOVISART в социальных сетях :
👁‍🗨 TELEGRAM (welcome за полезностями)
t-do.ru/sovisar...
👁‍🗨 RU-vid (подпишись на канал)
www.youtube.co...
👁‍🗨 PINTEREST (мега подборки картинок)
www.pinterest....
👁‍🗨 INSTAGRAM (больше жизни )) )
/ sovisart
👁‍🗨 FACEBOOK (куда же без него?)
/ sovisart
👁‍🗨 VK (и здесь мы тоже есть)
sovisart
👁‍🗨 Tiktok (:))
tiktok.com/@sovisart
23 Как сделать эффект стекла в Figma. Glass Morphism - новый тренд в дизайне интерфейсов.
❤❤❤❤❤❤❤❤❤
Что на Канале?
Графический дизайн,
UI/UX дизайн,
Создание сайтов (Tilda)
Анимация,
Фотография и ретушь,
видео и монтаж,
3D моделирование интерьеров,
Pinblogger: стратегия продвижения в Pinteres
Весь ролик можно посмотреть здесь • # 23 Как сделать эффек...

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 74   
@Sovisart
@Sovisart 3 года назад
www.figma.com/@irenkolt присоединяйтесь к Figma Community
@Morgan-v6n7l
@Morgan-v6n7l 3 года назад
Прикольно. А возможно что то подобное сделать в "CS"?
@Slawon-gb8jf
@Slawon-gb8jf 3 года назад
Такой эффект стекла прикольная штука! Можно сделать такой эфект не только в Инстаграме, но и на обложку своего канала на Ютубе!!!
@atique5032
@atique5032 3 года назад
This is very interesting for graphical features.keep it up.
@andreynt9014
@andreynt9014 3 года назад
Сначала показалось, что слишком все мудрено, но по итогу оказалось достаточно не сложно. Все показано пошагово, так что разберется теперь практически каждый.
@ВиталийСалтыков-и2з
Полезное видео как сделать эффект стекла в Figma , думаю многим должно понравится . лайк
@АлександрКараванов-д2г
Не только в интерфейсе а ежё можно применить много где.
@krem8751
@krem8751 3 года назад
Я везде искал как сделать такой эффект и нормальный ролик увидел только у вас. Спасибо большое за то что подробно показали и рассказали как его сделать!!! Вы самый настоящий профессионал, таких людей не много.
@ВасилийВасильев-ъ2к
А вот по словам В.С Высоцкого для эффекта стекла нужны горячительных напитки: Я как стекло был, то есть остекленневший)) Очень красочно. К сожалению руки не заточены под такую деятельность.
@maiya71
@maiya71 2 года назад
Ирэн, я ОБЯЗАТЕЛЬНО пересмотрю ВСЕ Ваши ролики!!! Вы Чудо! 😍👍😍
@Sovisart
@Sovisart Год назад
оххх спасибо большое! такие комментарии помогают восставать из пепла ))
@tupronosticoya9320
@tupronosticoya9320 3 года назад
спасибо за информацию, эта работа была сделана очень хорошо
@annaanna1772
@annaanna1772 3 года назад
Это очень интересный эффект! Спасибо за видео
@ЕвгенийПлющев-ф5з
@ЕвгенийПлющев-ф5з 3 года назад
Интересно, я так пока еще не пробовал, на первый взгляд выглядит не очень сложно
@TheKuksha
@TheKuksha 3 года назад
Большое спасибо за предоставленное видео!Очень доходчиво и ласково!У меня благодаря вам все получилось!
@ГалинаБугаевская-щ1о
Грамотно и понятно рассказано как сделать эффект стекла Figma, думаю не трудно будет повторить.
@andreybalan8797
@andreybalan8797 3 года назад
Спасибо за полезную информацию. Просмотр был очень интересен .
@konstantinkoshubsky8196
@konstantinkoshubsky8196 3 года назад
Интересный эфект, надо будет тоже такой попробывать сделать.
@freehuntua
@freehuntua Год назад
Делаю бекграунд блюр и никакого эффекта, в чем может быть причина?
@Sovisart
@Sovisart Год назад
охх ! сложновато, без видения результата, но можно попробовать поменять объекты местами? запрозрачить побольше \ поменьше? более активно их совместить и тд
@СвітланаПокотило-я6щ
Как же так?Класс!!! Вы большие молодцы! Я наверное не смогу так! Хотя надо попробовать!)))
@андрей161-ф2ъ
@андрей161-ф2ъ 3 года назад
Много нового узнал, очень доходчиво все объяснили. Спасибо жду еще выпуски.
@viktorygreat80
@viktorygreat80 3 года назад
Очень подробная инструкция ! Несколько приёмов точно буду использовать!
@timurkuzmenko7153
@timurkuzmenko7153 3 года назад
Такой эффект много где можно будет применить, спасибо за подробное разъяснение
@KhadijaSinodukht-ou4nc
@KhadijaSinodukht-ou4nc 2 месяца назад
Спасибо у меня получилось 🔥 ❤ но как использовать его как стеклянное меню😅
@Sovisart
@Sovisart 2 месяца назад
@@KhadijaSinodukht-ou4nc очень рада, что получилось ! Меню - можно либо кнопки сделать по этому принципу, либо расположить пункты текста на одной плашке... А задача технической реализации - это уже к верстчикам или программерам )))
@Иринакохан-р3у
@Иринакохан-р3у 3 года назад
Довольно интересный, можно сказать призрачный эффект. Спасибо.
@Tuhinislam-ek4ow
@Tuhinislam-ek4ow 3 года назад
i like the video so much. Its Quite amazing and interesting. I appreciate your good work...
@Exxxiee
@Exxxiee 4 месяца назад
Как выбирать по типу radial, у меня такого нет
@Sovisart
@Sovisart 4 месяца назад
Выпадающая менюшка, может быть написано Linear
@АлексЛеон-в4б
@АлексЛеон-в4б 3 года назад
всё сложное оказывается простым,когда разберешься
@candyboom8863
@candyboom8863 3 года назад
Спасибо за порцию полезного и интересного. А сколько еще впереди...)))
@МиколаВакулішин-п1л
цікаво було переглядати ваше творчиство
@likalika8100
@likalika8100 3 года назад
Думаю идеальный эффект
@ЕленаМакарова-ь9л
@ЕленаМакарова-ь9л 2 года назад
класс! спасибо!
@АндрейЛысиков-ж6ж
@АндрейЛысиков-ж6ж 3 года назад
Это все очень интересно, надо самому пробовать. Спасибо за развернутый рассказ.
@liberty4187
@liberty4187 Год назад
Спасибо)
@ИнгаХлущевская-л6к
@ИнгаХлущевская-л6к 5 месяцев назад
Подписалась на канал, смотрю все ролики, Спасибо!
@Sovisart
@Sovisart 5 месяцев назад
добро пожаловать!
@JuliaRobots
@JuliaRobots 4 месяца назад
Спасибо, очень круто получилось! Приятный темп речи и голос у вас!
@khara159
@khara159 3 года назад
В видео объясняется, как сделать такой эффект максимально понятным.
@aboutlive4588
@aboutlive4588 3 года назад
Увлекательное занятие, надо не отставать от трендов, у меня получилось.
@RenataLovkina
@RenataLovkina 3 года назад
Мне нравится как этот эффект выглядит, тем более не так уж и трудно его делать
@МаринаПалубінська
Интересненько, надо попробовать
@k.korobushka
@k.korobushka 7 месяцев назад
А как сохранить в формате пнг элемент с таким эффектом? Сохраняю и просто полупрозрачный фон получается без эффекта матового стекла
@tigranartashesyan184
@tigranartashesyan184 3 года назад
очень интересный ролик заслуживает миллион просмотров смотрел в одном дыхании
@PearlDpUa
@PearlDpUa 3 года назад
Выглядит интересно, не удивительно что людям нравиться, спс за туториал!)
@July-beauty
@July-beauty 4 месяца назад
Спасибо за урок !!! Очень залипательно !!!
@АлександрАрестов-ж3ы
Неплохой урок по дизайну интерфейса , думаю многим будет интересен !!!!
@lana1891
@lana1891 3 года назад
Очень интересное видео!!!
@romanpukalyak9570
@romanpukalyak9570 3 года назад
мне понравился данный эфект ,вы явно делаете успехи!
@tetyana5295
@tetyana5295 3 года назад
спасибо за такое понятное и доступное объяснение. Стало получаться.
@Ibvvvhhhfxd
@Ibvvvhhhfxd Год назад
Спасибо большое 😊
@Sovisart
@Sovisart Год назад
@daryaseo7615
@daryaseo7615 3 года назад
очень интересно вас было послушать
@lenas5049
@lenas5049 3 года назад
спасибо за такое понятное и доступное объяснение очень интересно, надо самому пробовать
@ИринаЯковлева-ю7й
@ИринаЯковлева-ю7й 3 года назад
Давно уже искала подобное видео, поэтому спасибо за помощь!)
@youknowmedear
@youknowmedear Год назад
Очень благодарю 😅
@Sovisart
@Sovisart Год назад
спасибо, что смотрите ))
@Angel-mh2lc
@Angel-mh2lc 3 года назад
Спасибо автору за ролик
@МаксимПрохоренко-х4й
Норм
@aleksandrsus
@aleksandrsus 3 года назад
Чтобы появился эффект матового или полупрозрачного стекла, в Фигме достаточно изменить прозрачность заливки цвета слоя. Главное не перепутать заливку с прозрачностью слоя. Если вы уменьшите процент в поле Layer, то такого эффекта не получится.
@iamdariaborisova
@iamdariaborisova Год назад
Благодарю вас за туториал! Бегу пробовать на практике☺
@Sovisart
@Sovisart Год назад
Спасибо, что смотрите!🌞 Поделитесь потом, что и как получится 🙌
@Asya_rose
@Asya_rose Год назад
Такой полезный урок, у меня с первого раза все получилось
@Sovisart
@Sovisart Год назад
Супер!! 😁
@cherow1128
@cherow1128 2 года назад
Класс! Без воды и понятно! Однозначно лайк и подписка)
@Sovisart
@Sovisart 2 года назад
❤️
@ДианаВоронова-р7г
@ДианаВоронова-р7г 3 года назад
Градиент🔥
@АнастасияСимендеева-в4л
Прикольно получилось! Спасибо за урок!))
@Sovisart
@Sovisart Год назад
@olyatruntova981
@olyatruntova981 2 года назад
Спасибо за урок!!! Научилась с первого раза)))))
@Sovisart
@Sovisart 2 года назад
Спасибо , что смотрите и делаете! Меня всегда очень радуют такие сообщения!
@Владкомаров-ь9ш
@Владкомаров-ь9ш 3 года назад
Приятно посмотреть видео и узнать о новых трендах.
Далее
Дикий Бармалей разозлил всех!
01:00
OYUNCAK DİREKSİYON İLE ARABAYI SÜRDÜ 😱
00:16
Просмотров 2,7 млн
Figma tutorial: Component properties
18:14
Просмотров 504 тыс.
Дикий Бармалей разозлил всех!
01:00