Продвинутые Маски в Figma - Как делать, Шаблоны, Как отдавать на верстку...
Telegram-канал, где я публикую дизайнерские "лайфхаки" чаще чем на YouTube:
https://t.me/design_legko
Бесплатная видео-инструкция ”Как Устроиться Веб-Дизайнером” - https://bit.ly/3ptNMDf
#дизайн_легко #figma #webdesign
Файл-Figma с настроенными 3-мя масками:
https://www.figma.com/file/mRfwlr1QSZ...
Пример верстки блока с масками с исходным кодом:
https://codepen.io/vlad_design_legko/...
Оглавление:
0:00 - Вступление
0:54 - Как сделать простой переход между секциями
1:36 - Как быстро научиться делать хорошие макеты для портфолио
1:57 - Как сделать "ломаный" переход между секциями в Figma
2:33 - Как сделать "ломаный" переход из нескольких слоев
3:11 - Удобная хитрость с масками в Figma
5:10 - Как отразить переход для нижней границы
5:39 - Как сделать границы маски мягче и плавнее
6:53 - Проблема с растягиванием масок в Figma
7:44 - Как сделать маску, которая удобно растягивается без искажений в Figma
9:43 - Как быстро подогнать несостыковки по пикселям
11:05 - Файл с 3-мя уже настроенными масками в Figma
12:14 - Как верстать такие переходы в html / css
12:30 - Пример верстки с исходным кодом блока с масками
13:41 - Как должна работать правильная верстка блока с масками
14:44 - Как пользоваться Figma-файлом с масками
15:34 - Что нужно будет передать верстальщику для верстки секции с масками
16:17 - Как сделать свое профессиональное портфолио
Ускоренные видео в обычной скорости:
1) • Выгибание низа маски (без промоток)
2) • Верхушка для плавной маски (без пром...
Смотрите видео Продвинутые Маски в Figma - Как делать, Шаблоны, Как отдавать на верстку... онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Дизайн Легко! 24 Октябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,956 раз и оно понравилось 649 людям.