Aura Glow в Figma
Шаг 1. Форма
→ Нарисуйте произвольный объект
→ Stroke: 3px, акцентный цвет
→ Blend mode: Screen
→ Заливка белым на 1% для лёгкой видимости
Шаг 2. Внутренняя тень
→ Offset X/Y: 0
→ Цвет как в шаге 1
→ Blur увеличивайте до эффекта свечения
Шаг 3. Дублирование
→ Скопируйте эффект
→ Уменьшите Blur
→ Blend mode: Screen
→ Повторите ещё раз для плавного перехода
Шаг 1. Форма
→ Нарисуйте произвольный объект
→ Stroke: 3px, акцентный цвет
→ Blend mode: Screen
→ Заливка белым на 1% для лёгкой видимости
Шаг 2. Внутренняя тень
→ Offset X/Y: 0
→ Цвет как в шаге 1
→ Blur увеличивайте до эффекта свечения
Шаг 3. Дублирование
→ Скопируйте эффект
→ Уменьшите Blur
→ Blend mode: Screen
→ Повторите ещё раз для плавного перехода
Плагин «Easy Align» by Cosmo Young
Плагин для выравнивания контента в макете
💎 Глянуть плагин 💎
#plugin
Плагин для выравнивания контента в макете
#plugin
Please open Telegram to view this post
VIEW IN TELEGRAM
Mobile Wireframe UI Kit – Набор каркасов часто используемых системных компонентов, позволяющих быстро смоделировать идеи вашего мобильного телефона
Install
️
Install
️
Эффект свечения в Figma.
Небольшой туториал по созданию эффекта свечения. Эффект может применяться ко всему, что вы только хотите — иконки, текст, картинки и так далее.
Пример будет показан на 3D иконке.
1. Делаем копию иконки.
2. У нижнего слоя иконки добавляем эффект "Layer Blur" со значением 150%.
3. Создаём ещё одну копию под оригиналом и добавляем менее размытое свечение со значением 50%, также с добавлением эффекта "Layer Blur".
По итогу у вас должно получиться так:
Слой 1 — Оригинальная иконка
Слой 2 — Копия иконки с 50% Layer Blur
Слой 3 — Копия иконки с 150% Layer Blur
Не бойтесь экспериментировать со значениями и создавать красочные эффекты!
Небольшой туториал по созданию эффекта свечения. Эффект может применяться ко всему, что вы только хотите — иконки, текст, картинки и так далее.
Пример будет показан на 3D иконке.
1. Делаем копию иконки.
2. У нижнего слоя иконки добавляем эффект "Layer Blur" со значением 150%.
3. Создаём ещё одну копию под оригиналом и добавляем менее размытое свечение со значением 50%, также с добавлением эффекта "Layer Blur".
По итогу у вас должно получиться так:
Слой 1 — Оригинальная иконка
Слой 2 — Копия иконки с 50% Layer Blur
Слой 3 — Копия иконки с 150% Layer Blur
Не бойтесь экспериментировать со значениями и создавать красочные эффекты!
Набор иконок by GrowthTemplates
Еще одна коллекция бесплатных векторных иконок в форматах SVG, PNG, GIF. Все иконки выполнены в 2 стилях.
🍥Скачать иконки🍥
#иконки
Еще одна коллекция бесплатных векторных иконок в форматах SVG, PNG, GIF. Все иконки выполнены в 2 стилях.
🍥Скачать иконки🍥
#иконки
This media is not supported in your browser
VIEW IN TELEGRAM
Ты, когда кто-то зашел в проект Figma.
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрая смена заливки на обводку: ⇧ + X