Фон для фотошопа зеленый размытый
Обновлено: 07.07.2024
Сложность урока: Легкий
В этом уроке я научу вас создавать эффект размытого фона без светящихся ореолов вокруг основного объекта композиции. Сперва мы воспользуемся инструментом Select and Mask (Выделение и маска), чтобы создать идеальное выделение основного объекта и вырезать его. Затем применим к фону фильтр Field Blur (Размытие поля).
Шаг 1
Открываем рабочее фото через меню File – Open (Файл – Открыть). Чтобы у нас осталась резервная копия неотредактированного фото, комбинацией клавиш Ctrl+J дублируем оригинальный слой.
Называем копию «Размытие» и отключаем видимость оригинального слоя нажатием на значок глаза рядом с названием слоя.
Шаг 2
Для начала нам нужно создать точное выделение модели на фото. Для этого мы воспользуемся инструментом Pen Tool (P) (Перо). Я не тратил время на выделение волос, потому что позже мы отдельно займемся доработкой этого участка.
Шаг 3
Далее, не удаляя выделение, берем Quick Selection Tool (W) (Быстрое выделение). Если вы пользуетесь версией Photoshop CC 19.1, то на верхней панели появится кнопка Select and Mask (Выделение и маска). Нажимаем на нее, чтобы открыть панель с параметрами выделения.
Если вы используете Photoshop CS6, то сперва применяем маску к слою с выделением, затем кликаем правой кнопкой по маске и выбираем Refine Mask (Уточнить маску). В результате у вас откроется окно почти с такими же настройками, как в Select and Mask (Выделение и маска).
Шаг 4
Открыв окно Select and Mask (Выделение и маска), выбираем инструмент Refine Edge Brush Tool (R) (Уточнить края) и проводим им по волосам, чтобы удалить фон. Как это работает? Инструмент проводит вычисления и определяет, где фон, а где детали модели.
Обратите внимание, что я не сохранил мелкие торчащие волоски. Вместо этого я заранее их удалил. Позже я напишу урок, в котором подробнее расскажу, как вырезать волосы и что делать с мелкими волосками. А пока давайте сосредоточимся на текущем уроке.
После работы инструментом, у вас должен получиться результат, как показано ниже.
Ниже вы можете сравнить результаты до и после использования Select and Mask (Выделение и маска).
Не закрываем окно с настройками Select and Mask (Выделение и маска) и опускаемся вниз до настроек Output Settings (Настройки экспорта). В меню Output To (Вывод в) выбираем New Layer with Layer Mask (Новый слой со слоем-маской). Это значит, что результат выделения будет отображен на отдельном слое с маской. Если хотите, можете активировать опцию Decontaminate Colors (Очистить цвета), чтобы убрать цветовые искажения.
После нажатия ОК на панели слоев появится еще один слой «Размытие копия» с маской.
Шаг 5
Теперь у нас есть идеально вырезанный объект, и мы можем заняться фоном. Для начала повторно выделяем модель, зажав клавишу Ctrl и кликнув по миниатюре маски на панели слоев.
Затем выбираем слой «Размытие»:
После этого переходим Select – Modify – Expand (Выделение – Модификация – Расширить):
Шаг 6
В открывшемся окне вводим 5 пикселей, чтобы расширить выделенную область на это значение. Расширение выделения позволит нам избежать свечения вокруг объекта.
После расширения выделения переходим Edit – Fill (Редактирование – Выполнить заливку) и в меню Content (Содержание) выбираем Content-Aware (С учетом содержимого). Настраиваем остальные параметры:
Шаг 7
Если отключить копию слоя «Размытие», то вы увидите, что человек практически полностью исчез. Photoshop клонировал разные участки фото и просто заполнил ими выделенную область.
Кликаем правой кнопкой по слою «Размытие» и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Также не забудьте включить видимость копии слоя «Размытие».
Далее применяем Filter – Blur Gallery – Field Blur (Фильтр – Галерея размытия – Размытие поля).
Шаг 8
Теперь мы должны настроить фильтр. Сначала в центре документа добавляем две опорные точки (просто кликаем мышкой в том месте, где хотим добавить точку). Это создаст плавное размытие от верхней центральной границы документа к его центру. На панели справа устанавливаем Blur (Размытие) на 32 пикселя.
Если вы хотите размыть весь фон, то будет достаточно одной точки. Обратите внимание, что для каждой точки мы отдельно устанавливаем степень размытия.
Еще раз кликаем по документу, чтобы добавить вторую точку. Этой точкой мы указываем место, после которого размытие исчезает. Программа размоет участок только между этими двумя точками. Если размыть нижнюю часть фона, то результат получится не очень красивый. Поэтому устанавливаем размытие второй точки на 0 пикселей.
Шаг 9
Посмотрите ниже на результат размытия. Как видите, вокруг модели нет свечения:
Не забывайте, что фильтр Field Blur (Размытие поля) мы применяем к слою «Размытие». Не применяйте его к слою «Размытие копия».
Шаг 10
Если приблизить картинку, то мы увидим, что на фоне отсутствует легкий шум, который есть на модели.
Выбираем слой «Размытие» и переходим Filter – Camera Raw (Фильтр – Camera Raw).
На вкладке Effects (Эффекты) (значок fx) есть настройки Grain (Зерно). Просто тянем за ползунки, чтобы установить Amount (Величина), Size (Размер) и Roughness (Неровность), как показано ниже.
Размытый фон в сочетании с градиентом – одна из мировых тенденций дизайна уже на протяжении многих лет. Использование размытого фона, находящегося под текстом или другими графическими элементами, может творить чудеса с внешним видом интерфейса вашего приложения или веб-сайта. Возможно вы создаете эффект для художественной работы.
Мы представляем вам огромную коллекцию размытых градиентных фонов для ваших дизайнерских проектов.
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.
Зеленый цвет может символизировать природу и баланс. Итак, как дизайнер, вы можете добавить яркости и элегантности с помощью зеленого цвета. В напряженный день зеленый цвет сделает вас более спокойным и, несомненно, поможет расслабиться. Это успокаивающий цвет, поэтому использование его в качестве обоев рабочего стола или телефона может быть вам чрезвычайно полезно. Вы также можете редактировать эти красивые зеленые текстуры в Photoshop. Различные результаты с умелым использованием фотошопа могут превратиться в прекрасные текстуры.
Green Leaf Texture
Текстура листьев может быть успокаивающей и вдохновляющей, а также улучшать настроение. Ярко-зеленая текстура листа может работать как фон рабочего стола или обои для смартфона. Он демонстрирует любовь к природе и, следовательно, идеально подходит для защитника окружающей среды или любителя природы.
Формат: .jpg
Количество: 1
Размер файла: 8 МБ
Green Wooden Fence Texture
Грубую текстуру деревянного зеленого забора можно использовать в качестве фона для веб-сайта или для блога. Он имеет эффект грубого дерева или фактуру, что помогает дизайнеру добавить натурализма в образ или дизайн. Если вам нравится мебель в стиле ретро, это может быть идеальный вариант.
Формат: .jpg
Количество: 1
Размер файла: 18 МБ
Rusted Green Paint Texture
Ржавую зеленую краску можно использовать для создания фона в старом стиле для веб-сайтов или страниц с фотографиями, которым нужен теплый или потрепанный вид. Для фотографа эта текстура может стать отличным дополнением к его ноутбуку или смартфону.
Формат: .jpg
Количество: 1
Размер файла: 5 МБ
Dark Green Wood Texture
Темно-зеленая текстура дерева может быть использована для создания темного и мрачного вида или текстуры с цветочным узором или курсивным шрифтом могут выглядеть великолепно. Для профессионалов, занимающихся творческой работой, это может быть лучший вариант.
Формат: .jpg
Количество: 1
Размер файла: 1,2 МБ
Amazing Green Texture
Звездную текстуру можно использовать для создания множества логотипов или дизайнов. Блеклый внешний вид можно смешать с ярким текстом или дизайном. Текст, добавленный к этому логотипу с красивой информацией, может повысить ценность экрана мобильного телефона или ноутбука пользователя.
Формат: .jpg
Количество: 1
Размер файла: 535 КБ
Green Stars
Звездное небо в оттенках зеленого не редкость в северных широтах. Но его трудно увидеть в иных местах земного шара. Текстура звездного неба подойдет и в качестве фона для рабочего стола, и в качестве фона для веб-дизайна, арт-композиций.
Формат: .jpg
Количество: 1
Размер файла: 2,8 МБ
Watercolor Green Texture
Акварельная текстура имеет непоследовательный дизайн, который можно использовать в качестве фонового слоя для дизайна плаката или веб-сайта. Цвет и режим наложения слоя можно изменить в Photoshop, чтобы получить желаемый вид.
Формат: .jpg
Количество: 1
Размер файла: 3 МБ
Shiny green flowery plain
Сказочная поляна под лучами солнца, огоньками. Ромашки уже расцвели, а многочисленные блики тут и там придают мистики всей композиции. Фон подходит для разных проектов и тем.
Формат: .jpg
Количество: 1
Размер файла: 412 КБ
Green Background Clipart
Радужный вариант росчерка зеленого цвета. Разные оттенки одного цвета расположились в хаотическом порядке и создают вариант свечения, разреза или чего-то похожего. Используйте для арт-композиций, веб-дизайна или своего рабочего стола.
Формат: .jpg
Количество: 1
Размер файла: 233 КБ
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Читайте также: