8 популярных фильтров для изображений

Для трендовых эффектов

Как использовать фильтры для фото

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

Тип фильтра Название
Базовые — можно применить в большинстве графических редакторов в несколько кликов
Простые — достаточно легко освоить с помощью фоторедакторов и плагинов, подходят для проектов почти в любой сфере
Специальные — пробивают баннерную слепоту, но требуют навыка и подходят не для всех коммерческих проектов

Черно-белая фотография

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

Где применяют. Дизайнеры часто используют черно-белый фильтр для коллажей на афишах, рекламных баннерах. А еще на сайтах и в соцсетях.

Как обработать фото для афиши фильтром изображения чб
Акцент на исполнителе, но все же отчетливо видно название фестиваля, дату, партнеров. Источник
Блок сотрудников с фильтром чб фото
Черно-белым удобно оформлять раздел команды, если каждый участник фотографировался при разном освещении и фоне. Источник
Как обработать фильтром фото для ретро-баннера
Черно-белые фото дополняют баннер с акцентами — бледным фоном, градиентом, узором. Источник
Как обработать фото в ч/б для поста
Белая обводка вокруг монохромного снимка создает ощущение коллажа и помогает органично вписать плашку с текстом. Источник

«Главред» использует фотографии с эмоциями Максима Ильяхова, которые благодаря монохромному эффекту без ярких теней собираются в паттерн — они не пестрят на ярком оранжевом фоне.

Как обработать фото в ч/б для соцсетей
Фото на шапке и иконке сочетаются с курсором печатания — вертикальной чертой из текстовых редакторов. Источник

В рекламе SAMSUNG монохромная обработка создает эффект минимализма и драматичности. Смартфон ощущается как премиальная и эксклюзивная техника, которую приятно держать в руках. 

Как повторить. Эффект есть в любых графических редакторах, в том числе встроенных в операционную систему Windows, macOS или Android — достаточно открыть галерею и нажать «Изменить» или «Редактировать». Для обработки подходят параметры «Тени» и «Насыщенность» в разделе цветокоррекции.

Как обработать фотографию фильтром в ч/б на ноутбуке
Если тени выкручены, они будут не темно-серыми, а угольно-черными — этот прием пригодится как основа для следующих фильтров

Также можно установить Lightroom, PicsArt или VSCO. А если вы работаете в Figma, перевести фото в монохром поможет опция Saturation, выкрученная на минимум.

Сепия

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

Где применяют. Сепию можно встретить на баннерах и в социальной рекламе, в соцсетях и спецпроектах. Например, связанных с культурой в широком смысле — литературой, музыкой, историей. 

Как обработать фото в сепии для соцсетей
Сепия на современных постах-карточках создает ощущение старой нотной тетради. А еще хорошо сочетается с рисунками от руки. Источник

В спецпроекте для Nike сепия и другие эффекты обработки отсылают к спортивному событию, которое произошло в прошлом. А дизайн как будто запечатлел важные кадры из него — эмоции, удар по мячу.

Как повторить. Сепию можно найти как предустановленный эффект во многих фоторедакторах. Например, если зайти в галерею смартфона и нажать «Изменить» в настройках фото или через пресеты в Lightroom

Как обработать фото в сепии в Лайтруме
При обработке вручную нужно изменить оттенок теней и светлых областей на оранжевый и выставить смешение на 100

Cinematic

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

Где применяют. «Синематик» можно встретить в глянцевых журналах, на сайтах премиальных товаров — наручных часов, украшений. А также в соцсетях брендов, если у них соответствующая айдентика и стиль общения.

Как обработать фото в киношном стиле
У всех снимков общий теплый фильтр, коллаж выстроен по отражению света. Источник
Как обработать фото в премиум стиле для соцсетей
Белый цвет, легкий шум и минималистичный логотип показывают уникальность мероприятия. Источник

Как повторить. Эффект можно найти как «Фильм», «Пленка» или Old Money в популярных фото- и видеоредакторах, например VSCO или PicsArt. Также можно изменить яркость, контраст и цвет во встроенных программах, а затем наложить шум через плагин Noise в Figma.

Чтобы повторить обработку вручную, нужно установить Lightroom, Photoshop или другой профессиональный софт. Задача — сделать из обычной фотографии чуть смазанную, чуть блеклую. Четких настроек для «кино» нет, но можно перевести тон в чуть теплый, увеличить текстуру и уменьшить четкость. 

Как обработать фото фильтром в стиле олд мани
У кадра появилась теплая дымка

Смазанность

В чем фишка. Размытие или смазанность в кадре создают динамику и задают направление взгляда — объекты как будто движутся, причем быстро, поэтому глаз не может сфокусироваться на них. Это привлекает внимание, особенно на контрасте с четкими заголовками и другими визуальными элементами.

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

Как смазать фото фильтром для соцсетей
Один геймпад четкий, второй — смазанный. Источник
Как смазать изображение фильтром для сайта
Снимки привлекают внимание за счет незавершенности — девушка уходит как будто в пустоту, следить за ней не получится. Источник
Как смазать фото для рекламы
Средняя фотография размыта и смазана, поэтому у человека интересный силуэт. Источник

Как повторить. Для простого размытия и акцента на отдельных деталях кадра достаточно фоторедакторов с нейросетью. Например, в Pixlr, VSCO или встроенном в Windows 11 софте можно найти размытие (blur) и снизить четкость кадра.

Как размыть фото
Нейросеть добавила легкое размытие на пробковую доску

Для яркого смазанного эффекта подойдет Photoshop или Figma. Задача — создать копию изображения и изменить заливку нового слоя на 50%. А затем сдвинуть ее чуть в сторону — примерно до 100 пикселей по оси X.

Как сделать расфокус на фото
Теперь сфокусироваться на медведе не получится

Пуантилизм

В чем фишка. В 1880-е годы французские художники рисовали картины с помощью точек — круглых мазков цветной кистью. С развитием печати «точки» стали привычным отображением для плакатов и книг. А теперь нашли себя заново — как еще один ретро-эффект, привлекающий внимание в сфере диджитал за счет нечеткости картинки и ощущения настоящей печати.

Где применяют. Фото в точку активно используют в дизайне сайтов, оформлении соцсетей и спецпроектов. Они забирают на себя внимание, но при этом выглядят однородно — эффект смело применяют к снимкам с разными предметами, освещением, цветом и качеством.

Как сделать эффект плаката для соцсетей с фильтром изображения
Пуантилизм универсальный — подходит и для молодежных проектов, и для соцсетей банка со строгим стилем общения. Источник
Как сделать эффект точек для соцсетей с фильтром фото
«Точки» хорошо сочетаются со шрифтами и рисунками от руки. Источник

Как повторить. Эффект «пуантилизм» можно найти в PicsArt или применить с помощью плагинов в Figma — Halftones или Image Editor. Перед загрузкой фотографии ее нужно подготовить — перевести в черно-белый и увеличить выраженность теней.

Как сделать эффект точек на снимке
Чем меньше размер точек, тем четче будет картинка и больше деталей сохранится

Градиент

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

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

Как сделать эффект градиента для рекламы
Градиент перекликается с цветом текста. Источник

Как повторить. Исходную фотографию для такого градиента нужно подготовить. Можно перевести в черно-белый контрастный стиль во встроенном редакторе или просто «выкрутить» тени в минус, а контраст — в плюс. Во встроенном редакторе Windows это делается так:

Как изменить контраст и тени в редакторе вин 11

Применить эффект можно через сервисы Pixlr или PicsArt, плагины Duotones и Noise в Figma, пресеты в Lightroom. Задача при ручной обработке — перекрасить свет и тени в контрастные цвета, а поверх кадра наложить шум.

Как сделать эффект градиента

Глитч

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

Что такое глитч в рекламе
По внешнему виду глитч можно сравнить с помехами на старых телевизорах. Источник

Где применяют. Глитч можно встретить на сайтах, баннерах, в соцсетях, на логотипах. А также в компьютерных играх — как часть интерфейса или отсылка к частым сбоям программы.

Как сделать эффект глюка в рекламе с помощью фильтра фото
Глюки и «непрогруженная текстура» льва как часть дизайна конференции. Источник

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

Как сделать эффект глюка для баннера
Фотография по центру композиции вся в помехах, текст перевернут. Источник

Как повторить. Можно открыть сервисы Pixlr или PicsArt, а также скачать на смартфон любое приложение для обработки фото со словом Glitch в заголовке. Если объект векторный, например логотип, можно использовать плагин Morph в Figma. Чтобы нарисовать глитч вручную, подойдут специальные кисти с этим эффектом для Photoshop.

Как сделать эффект глитч
Фотография забагована, часть картинки зависла и ушла влево — так и надо

Пикселизация

В чем фишка. Пиксели — привычный формат для ретро-игр из 90-х, когда технические возможности были более ограничены. Сейчас к фотографиям в высоком качестве специально применяют эффект «мозаики из квадратиков», чтобы создать ощущение чего-то непривычного, заставить зрителя разглядывать работу и в уме воссоздавать детали.

Что такое пиксельный стиль в рекламе
Первые игры были пиксельными из-за разрешения экрана и возможностей их разработки. Источник

Где применяют. Чаще всего пиксели можно встретить в проектах на тему обучения, технологий, компьютерных игр (но не только из 90-х). Фотографии с пиксельными деталями могут быть на сайте, в соцсетях и на баннерах.

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

Как повторить. Фильтра «пикселизация» в фоторедакторах нет, но «Мозайку» можно найти в Photoshop, PicsArt. Чтобы применить к фотографии этот эффект также подойдет плагин Pixels или Image Editor в Figma. Можно попробовать встроенную в Windows программу Paint — при резком сжатии и обратном растяжении размера она не сохраняет качество картинки и изображение пикселит. 

Как сделать эффект пикселя на фото

«Честно» — рассылка о том, что волнует и бесит

Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.

Наш юрист будет ругаться, если вы не примете :(