Help Our Team & All Ukrainians to Protect Own Home Donate

Как использовать эффект размытых изображений в дизайне

Снимки с размытыми объектами помогают сфокусировать внимание на определенной детали: логотипе, заголовке или продукте, который вы продаете. В статье расскажем, где лучше использовать этот эффект и как его создать.

  1. Что такое эффект боке
  2. Как боке используют в дизайне
  3. Как размыть фото
  4. Вывод

Что такое эффект боке

Слово «боке» заимствовано из японского языка, где означает «размытие» или «дымку». Этот прием применяют к иллюстрациям, чтобы сделать отдельные фрагменты расфокусированными. У него есть несколько преимуществ:

  • Управление вниманием. Помогает выделить важные детали, которые остаются в фокусе.  
  • Универсальность. Подойдет для любого визуального контента и цветовой гаммы.
  • Многофункциональность. Позволяет превратить привычное фото в нестандартное, по-новому расставив акценты.

Размытие различают по:

  • степени заполнения иллюстрации: выборочное (фокус сохраняется на одном элементе) или полное (когда в дымке находятся все детали);
  • интенсивности: объекты можно оставить легко узнаваемыми или превратить в неразличимые пятна;
  • расположению: передний или задний план.

Что еще важно знать:

  • Боке не стоит рассматривать как способ спасти некачественное фото. Чтобы добиться нужного результата, работайте только со снимками, выполненными в высоком разрешении на хорошую камеру.
  • Ретушь используют не для красоты: в каждом случае прием решает определенную задачу. Сначала ответьте на вопрос, чего вы хотите добиться при помощи визуального контента, и только потом ретушируйте фото.

Как боке используют в дизайне

Размытые иллюстрации применяют практически ко всем элементам дизайна, необходимым для продвижения: сайту, рекламе, соцсетям (фотографиям к постам, обложкам профиля, сториз), печатной продукции (визиткам, календарям, буклетам). Выбирайте те приемы, которые подойдут для ваших задач.

Привлеките внимание к фрагменту изображения

В первую очередь, взгляд останавливается на деталях, находящихся в фокусе. Направьте внимание пользователя на объекты, которые хотите подчеркнуть, и размойте остальные. Так можно выделить:

  • товар;
  • портрет (например, изображение модели, демонстрирующей продукт);
  • любую деталь, которая важна для продвижения.
Blur Design
Источник: Chandra Mudha Mahendra

Выделите текст

Хотите разместить заголовок на фотографии? Отретушируйте фон — и текст станет заметнее. Это поможет:

  • Сосредоточить все внимание на контенте: в этом случае фон стоит заблюрить максимально, превратив в цветное пятно.
  • Усилить месседж в заголовке: например, продавая туры на море, можно применить размытие к изображению с красивыми пейзажами. Так оно будет мягко дополнять заголовок.
Bokeh Text
Источник: Freepik

Усильте фирменный стиль

Фото с эффектом боке помогут закрепить в сознании потребителей цвета, графику или другие визуальные элементы брендинга. Для этого:

  • Определите идентичность бренда и выразите ее визуально при помощи логотипа, фирменных цветов и шрифтов. В этом поможет онлайн-генератор Logaster: сервис создаст фирменный стиль в пару кликов, основываясь на названии и сфере деятельности компании.

Получите фирменный стиль прямо сейчас!

Профессиональный онлайн-генератор создаст десятки подходящих вариантов, из которых вам остается только выбрать лучший

  • Направьте внимание на главный визуальный символ бренда — логотип. Можно заблюрить фон вокруг него или поместить размытую иллюстрацию, которая перекликается с идеей эмблемы.
  • Выбирайте для размытия иллюстрации с фирменными цветами, чтобы поддержать сообщение, которое хотите донести.

Добавьте динамику

Если вы попытаетесь сфотографировать мчащуюся машину на обычную камеру, у вас выйдет расфокусированный снимок с «хвостом» за движущимся объектом. Такую иллюзию можно создавать намеренно, чтобы усилить динамику. Это актуально для брендов, которые хотят ассоциироваться со скоростью и активностью, например, в сферах:  

  • транспорта;
  • спорта;
  • активного отдыха.
Motion Blur
Источник: Freepik

Задайте настроение

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

  • теплые или холодные цвета преобладают на снимке;
  • насколько отрегулирована резкость;
  • сколько деталей на фото;
  • какие объекты находятся в фокусе и в какой части изображения они расположены.

Как размыть фото 

Это можно сделать как во время съемки, так и при обработке.  

При помощи настроек камеры

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

  • Установите низкое значение диафрагмы, чтобы открыть ее максимально широко. Малая глубина резкости позволяет сделать один объект точкой фокусировки и размыть все остальное.
  • Отрегулируйте выдержку, то есть время, которое затвор камеры остается открытым во время съемки. Короткая выдержка может составлять 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, предлагая сразу создавать красивые снимки с одним из встроенных шаблонов боке.

Вывод

Эффект боке — один из эффективных дизайнерских инструментов. Чтобы он работал на вас:

  • четко определите задачу, которую он будет выполнять;
  • выберите места, в которых будете его использовать;
  • сделайте качественные снимки;
  • отредактируйте изображения при помощи профессиональных редакторов или приложений.
author_image

Маркетолог компании Logaster. Отлично разбирается в веб-инструментах, плагинах и графических редакторах. В своих статьях делится рекомендациями и лайфхаками по работе с этими программами. Отвечает за визуальный контент на сайте. Увлекается фотографией.

Создавайте свой дизайн сейчас

Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!

Хотя бы 3 символа в длину.