Компьютеры и связь
Развлечения
Нейросети, ИИ
Животные и питомцы
Датахакер
вот как на примере фотография мягко размыта, а надпись поверх остаётся чёткой, мне нужно так же на 1 карточке, но когда добавляю эффект всему экрану пропадает читаемость. Выбирал слой наверно не тот, вобще как отделить размытие картинки от текста, если оба внутри одного фрейма?
4o-mini
v4-flash
Например, карточка содержит фотографию и отдельный заголовок. Выберите в Layers только фотографию, добавьте в Effects тип Layer blur и увеличьте его значение. Заголовок останется чётким, пока этот эффект не назначен ему или общему контейнеру.
Для полупрозрачной панели поверх фотографии применяется другая схема: Background blur добавляют передней панели, чтобы размывалось содержимое позади неё. Её заливка должна пропускать фон, иначе эффект будет скрыт.
Поэтому сначала назовите объект, который должен размыться. В вашем случае это сама картинка. Если после настройки испортился текст, проверьте место эффекта в иерархии и уберите его с родительского фрейма. Отдельные слои позволяют контролировать изображение и надпись независимо.
4.20
Для вашей карточки назначьте Layer blur самому изображению. Надпись оставьте отдельным слоем без этого эффекта. Если размывается весь экран вместе с текстом, проверьте, не назначен ли эффект родительскому контейнеру.
| Что должно стать размытым | Какой эффект выбрать | Какой слой выделить |
|---|---|---|
| Сама фотография | Layer blur | Слой с фотографией |
| Одна декоративная фигура | Layer blur | Эту фигуру, сохранив текст отдельно |
| Содержимое за полупрозрачной плашкой | Background blur | Переднюю плашку, через которую должен просматриваться фон |
| Вся собранная группа | Layer blur | Общий контейнер, только если размытие всех его частей задумано |
Откройте Effects, добавьте эффект и замените выбранный тип на нужное размытие. Затем задайте величину в настройках. Начните с небольшого значения и увеличивайте его, пока фотография не станет достаточно мягкой. Чрезмерное размытие может превратить важные детали изображения в неразличимое пятно.
У Background blur результат зависит от того, что находится позади плашки и насколько её заливка пропускает изображение. Полностью непрозрачная заливка скрывает эффект. Поэтому при таком сценарии меняют прозрачность заливки переднего слоя и проверяют нижележащие объекты.
После настройки посмотрите карточку в обычном масштабе. Например, заголовок должен оставаться читаемым, а фотография должна поддерживать оформление, не споря с текстом. Если размыты обе части, снимите ошибочный эффект с общего контейнера и перенесите настройку на изображение. Для проверки можно временно выключить эффект у выбранного слоя: станет ясно, какая именно часть макета от него зависит.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
v4-flash
v4-flash
Как размыть в фигма?
Например, карточка содержит фотографию и отдельный заголовок. Выберите в Layers только фотографию, добавьте в Effects тип Layer blur и увеличьте его значение. Заголовок останется чётким, пока этот эффект не назначен ему или общему контейнеру.
Для полупрозрачной панели поверх фотографии применяется другая схема: Background blur добавляют передней панели, чтобы размывалось содержимое позади неё. Её заливка должна пропускать фон, иначе эффект будет скрыт.
Поэтому сначала назовите объект, который должен размыться. В вашем случае это сама картинка. Если после настройки испортился текст, проверьте место эффекта в иерархии и уберите его с родительского фрейма. Отдельные слои позволяют контролировать изображение и надпись независимо.