Background blur — как использовать 


Размытие фона в Figme это некий аналог маски, позволяющий размывать слои, которые находятся под слоем с этим эффектом. Про обычное размытие (Layer Blur) читайте здесь. 

Как применять эффекты читайте здесь. 

Для чего это нужно

В первую очередь это позволяет добиваться таких эффектов, как градиентное размытие с плавным переходом, размытие за текстом и так далее. 

Как использовать

Чтобы эффект применился, надо соблюсти несколько основных условий:

  1. Слой с эффектом Background blur должен находиться выше тех слоев, которые по факту будут размываться
  2. Слой с эффектом размытия фона обязательно должен иметь прозрачность ниже 100%. На самом деле на практике самое распространенное решение — это прозрачность всего в 1%, при котором сам слой не видно, виден лишь его эффект на других слоях
Расположение слоев для эффекта Background Blur
Расположение слоев для эффекта Background Blur

Как сделать градиентное размытие

  1. Создайте слой с линейным градиентом 
  2. Разместите его над слоем, который хотите размыть
  3. Задайте его прозрачность 1%
Линейный градиент без эффекта Background Blur
Линейный градиент без эффекта Background Blur

 

Линейный градиент с прозрачностью 100%
Линейный градиент с прозрачностью 100%

 

Линейный градиент с прозрачностью 1%
Линейный градиент с прозрачностью 1%

Как сделать размытие за текстом

  1. Создайте слой с текстом 
  2. Разместите его над слоем, который хотите размыть
  3. Задайте его прозрачность около 15%

Текст с эффектом Background Blur

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<