Фон море для фотошопа размытый

Обновлено: 22.01.2025

В этом уроке я научу вас создавать эффект размытого фона без светящихся ореолов вокруг основного объекта композиции. Сперва мы воспользуемся инструментом Selectand Mask (Выделение и маска), чтобы создать идеальное выделение основного объекта и вырезать его. Затем применим к фону фильтр Field Blur (Размытие поля).

Шаг 1

Открываем рабочее фото через меню File – Open (Файл – Открыть). Чтобы у нас осталась резервная копия неотредактированного фото, комбинацией клавиш Ctrl+J дублируем оригинальный слой.

Называем копию «Размытие» и отключаем видимость оригинального слоя нажатием на значок глаза рядом с названием слоя.

Шаг 2

Шаг 3

Если вы используете Photoshop CS6, то сперва применяем маску к слою с выделением, затем кликаем правой кнопкой по маске и выбираем Refine Mask (Уточнить маску). В результате у вас откроется окно почти с такими же настройками, как в Select and Mask (Выделение и маска).

Шаг 4

Открыв окно Select and Mask (Выделение и маска), выбираем инструмент Refine EdgeBrush Tool (R) (Уточнить края) и проводим им по волосам, чтобы удалить фон. Как это работает? Инструмент проводит вычисления и определяет, где фон, а где детали модели.

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

После работы инструментом, у вас должен получиться результат, как показано ниже.

Ниже вы можете сравнить результаты до и после использования Select and Mask (Выделение и маска).

Не закрываем окно с настройками Select and Mask (Выделение и маска) и опускаемся вниз до настроек Output Settings (Настройки экспорта). В меню Output To (Вывод в) выбираем New Layer with Layer Mask (Новый слой со слоем-маской). Это значит, что результат выделения будет отображен на отдельном слое с маской. Если хотите, можете активировать опцию Decontaminate Colors (Очистить цвета), чтобы убрать цветовые искажения.

После нажатия ОК на панели слоев появится еще один слой «Размытие копия» с маской.

Снегопад в зимнем лесу. заснеженные сухие растения на размытом фоне под снегопадом. с рождеством и новым годом приветствие, фон с копией пространства. зимняя сказка.

Поле неоткрытых нечетких фиолетовых цветов на размытом фоне

Синий фон боке снегопад, абстрактный фон снежинки размытый абстрактный синий

Закат размытия фона

3d-рендеринг океана против неба заката с винтажным эффектом

Несосредоточенный зимний пейзаж со снежинками

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

Зеленый вид на парк

Осень, осень, листья фон. дерево ветка с осенними листьями клена на размытом фоне. пейзаж в осенний сезон

Размытый фон: абстрактный характер зеленый размытый фон с боке. весенний сезон. старинное отфильтрованное изображение.

Зеленый вид на парк

Реалистичный весенний пейзаж с размытыми элементами

Размытый вид на городской пейзаж

Низкий снимок красивой зелени на холме у океана с размытым передним планом

Дизайн природа с эффектом боке

Городской пейзаж и горизонт чунцин в облачном небе на вид с пустого этажа

Летний тематический баннер

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

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

Мы представляем вам огромную коллекцию размытых градиентных фонов для ваших дизайнерских проектов.

23 Blurred Backgrounds

Коллекция из 23 размытых изображений предлагает вам фоны в корично-бежевых тонах с сиреневыми, желтыми и другими оттенками. В наборе вый найдёте изображения .jpg и один единый файл .psd для быстрого редактирования фонов и настройки их под свои требования.

Формат: .jpg, .psd

Количество: 23

Размер файла: 17 МБ

High Resolution Blurred Backgrounds Pack

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

Формат: .jpg

Количество: 40

Разрешение: 3000х2000 px

Размер файла: 271 МБ

10 High-resolution Blurred Backgrounds

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

Формат: .jpg

Количество: 10

Разрешение: 2800х1860 рх

Размер файла: 5 МБ

Размытые фоны под пылью

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

Формат: .jpg, .psd

Количество: 6

Размер файла: 1,7 МБ

13 High-Resolution Blur

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

Формат: .jpg

Количество: 13

Разрешение: 2650х1600 рх

Размер файла: 4,6 МБ

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Чтобы акцентировать что-то важное в своем дизайне, нужно просто немного размыть фон. Как сделать это онлайн и максимально быстро? В первую очередь попробуйте редактор VistaCreate – он легко справится с этой задачей. За несколько секунд вы настроите интенсивность размытия – и так подчеркнете самое главное.

Выберите шаблон VistaCreate для редактирования

Создавайте потрясающие фоны для изображений с помощью размытия

Используйте виньетку

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

Размывайте фон фотографии

Можно ли размыть только часть фонового изображения? Конечно, и любой опытный дизайнер это подтвердит. К примеру, чтобы сделать надписи на пестром фоне более четкими, немного размойте фон этого текста. Настраивайте интенсивность размытия, чтобы добиться идеального результата.

Добавляйте эффект размытия на фото

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

Размывайте фон

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

Загружайте свой контент

Если хотите размыть фотографию, просто загрузите ее в свой профиль в редакторе VistaCreate. Вы можете размывать изображения во всех основных форматах, включая файлы jpeg, png, img и другие. Просто загрузите их в свой проект – и можно начинать редактировать.

Скачивайте и делитесь

В VistaCreate невероятно просто сохранять контент и делиться им в основных форматах и на всех доступных каналах. Как только закончите редактировать изображение, скачайте его и поделитесь в Facebook или Instagram – это и правда просто.

Что нужно знать об инструменте для размытия фоновых фото

Изображения с размытым фоном всегда делают дизайн еще более стильным. Размытие – не просто «для красоты», оно помогает решить важные задачи. Например, привлечь внимание к CTA-кнопкам или другим элементам, важным для пользователя. Размойте фон – и посмотрите, насколько эффектнее будет выглядеть ваше изображение.

Выбрать фокусную точку
Когда вы размываете изображение онлайн, очень важно сразу выбрать объект, который будет контрастировать с этим размытием. Это может быть иллюстрация или иконка – в нашей бесплатной коллекции тысячи вариантов графики. Все эти объекты сделаны профессиональными дизайнерами и отлично сочетаются с шаблонами VistaCreate. Настроить интенсивность размытия
Размывать изображения онлайн нужно очень аккуратно – чтобы не захватить важные элементы. Если есть в композиции важные фрагменты, которые вы не хотели бы скрывать полностью, просто сделайте размытие менее интенсивным. Показать свои проекты
Изображения с размытием – удобный и недорогой способ разнообразить визуальный контент для своих проектов или проектов клиента. Конечно, если такой подход в рамках брендбука. Создайте картинки с размытием на фоне – и отправьте ссылку на них команде. В VistaCreate это просто. Сбалансировать контраст
Инструмент размытия дизайнеры еще очень часто используют для того, чтобы сбалансировать качество нескольких изображений. Если в вашей композиции несколько фото разного качества, чуть размойте одно из них – чтобы разница в четкости была менее очевидной. Это просто спасение для тех, кто создает коллажи.

Как размыть изображение в VistaCreate

Выбрать изображение

Внутри шаблона можно размыть любой фрагмент с изображением. Если решили использовать свою фотографию или иллюстрацию, просто загрузите ее, выберите в своей папке и перенесите в проект.

Использовать фильтры

На панели с фильтрами – огромный набор фотоэффектов, которые можно применить за секунду. Перейдите к расширенным настройкам внизу, найдите «Размытие», потяните за бегунок — и настройте интенсивность размытия.

Объединить инструменты

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

Использовать все возможности

Просто размыть фоновую картинку – хорошее решение. Но в VistaCreate вы точно можете больше! Используйте дополнительные фоны, объекты, видео и надписи – чтобы создавать по-настоящему сильные визуальные композиции.

В этом уроке мы рассмотрим простой способ размытия фона у фотографии в Фотошопе.

Категория: Эффекты

Версия Photoshop: Photoshop CC (2014)

Сложность: Низкая

Дата: 11.08.2015

Обновлено: 03.10.2017

Финальный результат

Для достижения размытого фона мы дублируем слой, размываем его и стираем со слоя с размытием объект.

В примере используется следующее фото:

Открываем наше изображение в Фотошопе.

Создаем дубликат слоя, нажав сочетание клавиш Ctrl+J.

Переходим через меню «Фильтр - Размытие - Размытие по Гауссу» (Filter - Blur - Gaussian Blur).

Подбираем подходящее значение для размытия (в примере 8 px).

Используем фильтр «Размытие по Гауссу» для создания размытия.

Теперь нам осталось только убрать размытие с нужного нам объекта.

Для этого берем инструмент «Ластик» (Eraser Tool / Клавиша «E») и стираем размытие с нашего объекта.

Используйте для ластика режим кисть и регулируйте его размер нажатием клавиш «[» и «]».

Для чистки по краям можно регулировать непрозрачность ластика (например, в 50%).

Инструмент ластик (Eraser Tool) и его настройки (Photoshop CC).

При необходимости переключайтесь на Инструмент «Масштаб» (Zoom Tool / Клавиша «Z») для регуляции масштаба (чтобы переключиться на уменьшение зажимайте клавишу Alt), для быстрого передвижения зажимайте клавишу «пробел» (быстрый вызов Инструмент «Рука» (Hand Tool / Клавиша «H»)).

Вот и все. Получаем финальный результат.

Финальный результат

Читайте также: