Как создать размытый слой?

Question

[Арман М]

Подскажите пожалуйста как создать полупрозрачный слой, который будет размывать то, что находиться под ним. Пример по вложении.

Answer 1

[vaux]

Есть такой способ: выделяете все слои, которые нужно размыть, переводите их в смарт-объект, а уже к этому смарт-объекту применяете фильтр размытия. При этом, если дважды кликнуть по миниатюре слоя созданного смарт-объекта, то откроется новый документ с исходными слоями, которые можно редактировать. Если этот документ сохранить, то изменения внесутся в редактируемый смарт-объект.

Comments

[Арман М]

Это мысль. Спасибо!

Answer 2

[Роман]

А еще, для сайтов это делается средством CSS:

.class {
  filter: blur(20px);
}

Но это другая история)

Comments

[Арман М]

вы как раз кстати! спасибо)

Answer 3

[Pavel K]

Никак. Размытие необходимо применять непосредственно к исходному слою.

Comments

[Арман М]

блин ну как так

[Pavel K]

Арман Марабян: а для чего потребовалось именно через "слой"? Может быть есть другое решение....

[Арман М]

https://yadi.sk/i/81Z-lsGRjPV2J есть вот такой сайт. При нажатии на иконку меню, сбоку будет выдвигаться менюшка, а все остальное на сайте должно затемниться и размыться

[Pavel K]

Арман Марабян: Это вёрстальщик сделает сам без картинки, чисто на "css" можно.

[Арман М]

Pavel K: Спасибо, понял!