Как использовать эффект размытых изображений в дизайне
Снимки с размытыми объектами помогают сфокусировать внимание на определенной детали: логотипе, заголовке или продукте, который вы продаете. В статье расскажем, где лучше использовать этот эффект и как его создать.
Что такое эффект боке
Слово «боке» заимствовано из японского языка, где означает «размытие» или «дымку». Этот прием применяют к иллюстрациям, чтобы сделать отдельные фрагменты расфокусированными. У него есть несколько преимуществ:
- Управление вниманием. Помогает выделить важные детали, которые остаются в фокусе.
- Универсальность. Подойдет для любого визуального контента и цветовой гаммы.
- Многофункциональность. Позволяет превратить привычное фото в нестандартное, по-новому расставив акценты.
Размытие различают по:
- степени заполнения иллюстрации: выборочное (фокус сохраняется на одном элементе) или полное (когда в дымке находятся все детали);
- интенсивности: объекты можно оставить легко узнаваемыми или превратить в неразличимые пятна;
- расположению: передний или задний план.
Что еще важно знать:
- Боке не стоит рассматривать как способ спасти некачественное фото. Чтобы добиться нужного результата, работайте только со снимками, выполненными в высоком разрешении на хорошую камеру.
- Ретушь используют не для красоты: в каждом случае прием решает определенную задачу. Сначала ответьте на вопрос, чего вы хотите добиться при помощи визуального контента, и только потом ретушируйте фото.
Как боке используют в дизайне
Размытые иллюстрации применяют практически ко всем элементам дизайна, необходимым для продвижения: сайту, рекламе, соцсетям (фотографиям к постам, обложкам профиля, сториз), печатной продукции (визиткам, календарям, буклетам). Выбирайте те приемы, которые подойдут для ваших задач.
Привлеките внимание к фрагменту изображения
В первую очередь, взгляд останавливается на деталях, находящихся в фокусе. Направьте внимание пользователя на объекты, которые хотите подчеркнуть, и размойте остальные. Так можно выделить:
- товар;
- портрет (например, изображение модели, демонстрирующей продукт);
- любую деталь, которая важна для продвижения.

Выделите текст
Хотите разместить заголовок на фотографии? Отретушируйте фон — и текст станет заметнее. Это поможет:
- Сосредоточить все внимание на контенте: в этом случае фон стоит заблюрить максимально, превратив в цветное пятно.
- Усилить месседж в заголовке: например, продавая туры на море, можно применить размытие к изображению с красивыми пейзажами. Так оно будет мягко дополнять заголовок.

Усильте фирменный стиль
Фото с эффектом боке помогут закрепить в сознании потребителей цвета, графику или другие визуальные элементы брендинга. Для этого:
- Определите идентичность бренда и выразите ее визуально при помощи логотипа, фирменных цветов и шрифтов. В этом поможет онлайн-генератор Logaster: сервис создаст фирменный стиль в пару кликов, основываясь на названии и сфере деятельности компании.
Получите фирменный стиль прямо сейчас!
Профессиональный онлайн-генератор создаст десятки подходящих вариантов, из которых вам остается только выбрать лучший
- Направьте внимание на главный визуальный символ бренда — логотип. Можно заблюрить фон вокруг него или поместить размытую иллюстрацию, которая перекликается с идеей эмблемы.
- Выбирайте для размытия иллюстрации с фирменными цветами, чтобы поддержать сообщение, которое хотите донести.
Добавьте динамику
Если вы попытаетесь сфотографировать мчащуюся машину на обычную камеру, у вас выйдет расфокусированный снимок с «хвостом» за движущимся объектом. Такую иллюзию можно создавать намеренно, чтобы усилить динамику. Это актуально для брендов, которые хотят ассоциироваться со скоростью и активностью, например, в сферах:
- транспорта;
- спорта;
- активного отдыха.

Задайте настроение
Корректируйте цвета, освещение и композицию, чтобы придать дизайну определенное настроение или атмосферу. Это зависит от того:
- теплые или холодные цвета преобладают на снимке;
- насколько отрегулирована резкость;
- сколько деталей на фото;
- какие объекты находятся в фокусе и в какой части изображения они расположены.
Как размыть фото
Это можно сделать как во время съемки, так и при обработке.
При помощи настроек камеры
Для этого понадобится камера, которая позволяет устанавливать настройки вручную.
- Установите низкое значение диафрагмы, чтобы открыть ее максимально широко. Малая глубина резкости позволяет сделать один объект точкой фокусировки и размыть все остальное.
- Отрегулируйте выдержку, то есть время, которое затвор камеры остается открытым во время съемки. Короткая выдержка может составлять 1/1000 секунды, а длинная — до одной секунды. Чем она короче — тем менее четким получается изображение.
- Настройте ручную фокусировку и пробуйте фокусироваться на разных частях объекта, сравнивая результат.
- Меняйте расстояние между камерой, объектом съемки и фоном. Чем дальше фон — тем более размытым он будет.
- Используйте объективы со специальными насадками для создания эффекта боке.
В Photoshop
Загрузите в редактор фотографию. Найдите в настройках Filter — Blur Gallery — и выберите нужный инструмент:
- Field Blur позволяет самостоятельно установить фокус на любом объекте и размыть остальные. Степень размытия можно регулировать, перетаскивая ползунок Blur на панели инструментов.
- Motion Blur поможет создать иллюзию скорости, добавив размытие в одном направлении. Чтобы регулировать его степень, перетаскивайте ползунок Distance.
- Path Blur позволяет создать расфокусировку в разных направлениях, указав их стрелками.
В Lightroom
Откройте изображение и перейдите в режим Develop. На панели инструментов кликните на кисть и с ее помощью выделите нужные участки. При необходимости закончите ретушь, используя фильтры четкости и резкости.
При помощи специальных программ
Для этого выберите подходящее мобильное приложение или онлайн-сервис для обработки фотографий, например:
- Auto Blur Background. Мобильное приложение содержит десятки инструментов, позволяя настраивать степень размытия и участки снимка, к которым нужно применить прием.
- Removal.ai. Онлайн-инструмент включает множество функций редактирования: регулировку масштаба, шума, яркости, настройку уровня размытости, добавление теней.
- Real Bokeh. Приложение содержит готовые шаблоны боке и фильтры для обработки фото.
- PicMonkey. Онлайн-редактор и приложение для смартфонов, где можно выбрать один из нескольких видов размытия и дополнить его, используя специальные настройки.
- Insta Bokeh. Подойдет пользователям Instagram, предлагая сразу создавать красивые снимки с одним из встроенных шаблонов боке.
Вывод
Эффект боке — один из эффективных дизайнерских инструментов. Чтобы он работал на вас:
- четко определите задачу, которую он будет выполнять;
- выберите места, в которых будете его использовать;
- сделайте качественные снимки;
- отредактируйте изображения при помощи профессиональных редакторов или приложений.