Обучение Figma

Всем хорошо известно что figma это в первую очередь онлайн-редактор. Однако у него есть и десктопная версия! Сразу спойлер: при желании можно поставить и мобильную😎 Итак, для того чтобы установить фигму переходим на официальный сайт и выбираем нужную платформу: Например, пусть это будет "Настольное приложение для Windows", т.е. десктопная версия. Далее у нас скачается вот такой дистрибутив: А дальше все стандартно: устанавливаем программу на нужный диск и запускаем ее...

Ни для кого не секрет что плагины Figma позволяют веб дизайнеру выполнять свою работу быстрее и качественнее. Представляю Вашему вниманию подборку лучших плагинов. Iconify Огромный выбор векторных иконок для вашего сайта. Если нужно быстро что-то найти, всегда можно воспользоваться поиском. (поисковые запросы лучше задавать на английском языке). Цвет и внешний вид иконок в случае необходимости можно изменять под себя. Vectary 3D Elements Плагин позволяет использовать 3D модель в Вашем проекте. Имеется...

Сначала давайте попробуем разобраться что такое blur и для чего он нужен? blur - графический эффект, позволяющий размывать изображение или его часть. С этим эффектом в той или иной мере сталкивался каждый, например, когда необходимо размыть задний фон на фото чтобы сконцентрировать внимание на впереди стоящем объекте/субъекте; на различных сайтах где он может использоваться в качестве визуальной составляющей, ярким примером может послужить сайт Кинопоиск. Ну что ж, давайте приступать) Для начала мы можем создать какую-нибудь незамысловатую композицию из базовых элементов в самой фигме...

Речь конечно пойдет не о той маске, о которой вы уже успели подумать) Маской в фигме называется "элемент, определяющий границы видимости для других, связанных с ним, элементов". Для начала необходимо определиться с интересующей нас картинкой. В моем случае это будет логотип из фильма "Охотники за приведениями": Далее выбираем область которую необходимо будет выделить, сделать это можно с помощью эллипса, и объединяем все это в группу: Теперь помещаем эллипс на задний план путем его...