Я пытаюсь создать своего рода полупрозрачное изображение фильтра размытия, которое я могу использовать на некоторых фонах на веб-сайте. Но Photoshop не позволяет мне сделать это на пустом слое. Есть ли обходной путь? Или, может быть, я мог бы добиться подобного эффекта другим способом?
Проще говоря, вы не можете размыть пустой слой. Никогда еще не было возможности размыть то, чего нет. Размытие взаимодействует с существующими пикселями, создавая эффект дисперсии этих пикселей, что приводит к размытию.
Вы можете преобразовать изображения в смарт-объекты, а затем использовать смарт-фильтры, чтобы сохранить четкую версию. Затем просто отредактируйте содержимое смарт-объекта, чтобы изменить базовое изображение. Но нет способа сохранить «просто размытие» без изображения.
Большинство веб-сайтов, использующих размытый фон, либо размывают само изображение, либо применяют фильтры каскадной таблицы стилей (CSS) к изображению, чтобы CSS выполнял размытие.
Просто добавьте класс изображения:
<img src="path/to/img.jpg" width="100" height="100" border="0" alt="image" class="blur" />
Затем создайте правило CSS для размытия:
img.blur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px); }
Вы можете увидеть живую демонстрацию здесь: jsFiddle
Имейте в виду, что для этого требуется CSS3 , и он не будет работать в старых браузерах. Этот сайт утверждает, что их метод работает во всех браузерах, но я сам не пробовал.
И вы также должны отметить, что размытие CSS может сильно сказаться на времени загрузки страницы.
Ханна