Как сделать сплошной фон в фотошопе

Обновлено: 05.07.2024

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

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

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

Вы можете использовать любую последнюю версию Photoshop. Но обратите внимание, что на одном из шагов используется градиент, и Adobe внесла изменения в градиенты еще в Photoshop 2020. Поэтому для достижения наилучших результатов в этом руководстве вам нужно использовать Photoshop 2020 или более позднюю версию. Я использую Photoshop 2021.

Вот пример того, как будет выглядеть окончательный результат:

Начнем!

Шаг 1. Создайте новый документ Photoshop

Начните с создания нового документа. Если вы находитесь на главном экране Photoshop, создайте новый документ, нажав кнопку «Создать новый»

Или, если вы находитесь в основном интерфейсе, перейдите в меню "Файл" и выберите "Создать":

Затем в диалоговом окне "Новый документ" введите свои настройки. Я установлю ширину на 3000 пикселей, высоту на 1600 пикселей, разрешение на 300 пикселей на дюйм и фоновое содержимое на белый:

Затем создайте новый документ, нажав кнопку «Создать»:

Шаг 2. Поместите изображение в документ

Затем поместите изображение в документ, перейдя в меню «Файл» и выбрав «Поместить встроенное»:

Перейдите к изображению на своем компьютере, нажмите на изображение, чтобы выбрать его, а затем нажмите "Поместить":

Photoshop помещает изображение в документ и открывает команду «Свободное преобразование», чтобы мы могли при необходимости изменить размер изображения и переместить его на место. Если ваше изображение больше размера документа, Photoshop автоматически изменит его размер, как это было здесь (модный портрет из Adobe Stock):

Шаг 3. Перетащите тему на одну сторону документа

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

Когда закончите, закройте Свободное преобразование, установив флажок на панели параметров:

На панели «Слои» мы видим, что Photoshop поместил изображение на новый слой над фоновым слоем:

Шаг 4. Добавьте слой-заливку сплошным цветом

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

Чтобы добавить слой заливки сплошным цветом, сначала убедитесь, что выбран слой изображения. Затем щелкните значок «Новый слой-заливка» или «Корректирующий слой» в нижней части панели «Слои»:

И выберите сплошной цвет из списка:

Шаг 5. Выберите исходный цвет фона

В палитре цветов вы можете выбрать любой понравившийся цвет. Но пока я выберу белый, установив для значений R, G и B значение 255. Мы вернемся и изменим цвет, как только изображение будет плавным.

Когда закончите, нажмите "ОК", чтобы закрыть палитру цветов:

На панели «Слои» слой заливки был добавлен над изображением, поэтому он блокирует изображение:

И обратите внимание, что слой-заливка включает встроенную маску слоя. Мы будем использовать эту маску слоя, чтобы добавить цвет к изображению:

Шаг 6. Выберите маску слоя

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

Шаг 7. Выберите инструмент «Градиент»

Чтобы совместить цвет и изображение, мы нарисуем градиент на маске. Для этого нам понадобится инструмент «Градиент».

Выберите инструмент «Градиент» на панели инструментов:

Шаг 8. Выберите градиент от черного к белому

Затем на панели параметров нажмите стрелку рядом с образцом градиента:

В средстве выбора градиента откройте папку «Основы» (новая версия Photoshop 2020) и выберите градиент «от черного к белому», дважды щелкнув его миниатюру:

Шаг 9. Нарисуйте градиент от черного к белому на маске слоя

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

Поэтому установите начальную точку для градиента, нажав и удерживая где-нибудь в области, где появляется ваш объект. В моем случае она справа:

Затем, удерживая нажатой кнопку мыши, нажмите и удерживайте клавишу Shift на клавиатуре и проведите пальцем по области, где вы хотите, чтобы изображение и цвет сливались друг с другом. Так что это будет область перехода между цветом и изображением. Удерживая клавишу Shift при перетаскивании, вы ограничиваете угол градиента, чтобы упростить перетаскивание прямо поперек:

Затем, чтобы завершить создание градиента, отпустите кнопку мыши, а затем клавишу Shift (в указанном порядке). И точно так же изображение теперь растворяется в цвете:

Просмотр градиента на миниатюре маски слоя

Мы можем увидеть градиент, взглянув на миниатюру маски слоя на панели «Слои». Черная область маски — это место, где слой заливки скрыт на 100 процентов, что позволяет просвечивать изображение под ним. Белая область — это место, где слой заливки виден на 100% и закрывает изображение. А градиент между ними — это то место, где они исчезают вместе:

Как просмотреть градиент в документе

Вы также можете просмотреть маску слоя в самом документе, удерживая клавишу Alt (Win)/Option (Mac) на Mac и щелкая миниатюру маски слоя:

Теперь легче увидеть черную область, через которую просвечивает изображение, белую, где виден цвет, и область перехода между ними:

Удерживая нажатой клавишу Alt или Option, снова щелкните миниатюру маски слоя, чтобы скрыть маску:

Шаг 10. Перерисуйте градиент, чтобы настроить эффект затухания

Теперь, если вы не нарисовали градиент точно в нужном месте, ничего страшного, потому что вы можете просто нарисовать еще один. На самом деле, вы можете перерисовывать градиент столько раз, сколько вам нужно. Каждый новый градиент, который вы нарисуете, заменит предыдущий.

Я нажму, чтобы установить начальную точку где-то вокруг глаза женщины:

Затем, не отпуская кнопку мыши, я удерживаю клавишу Shift на клавиатуре и перетаскиваю влево:

Но обратите внимание, когда я отпускаю кнопку мыши, я зашел слишком далеко, и мы можем видеть левый край изображения:

Попробую еще раз, начав с того же места:

Но на этот раз перетаскивание на более короткое расстояние:

Я отпущу кнопку мыши, затем клавишу Shift. И это выглядит лучше:

Шаг 11. Выберите новый цвет слоя-заливки

После перехода изображения в цвет можно изменить цвет, дважды щелкнув образец цвета слоя-заливки на панели «Слои»:

Затем либо выберите новый цвет из палитры цветов:

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

Параметры размера выборки

Но прежде чем пробовать цвет, перейдите на панель параметров и измените размер выборки с выборки точек (настройка по умолчанию) на что-то большее, например 3x3, 5x5 или 11x11. Таким образом, вы будете выбирать средний цвет области, а не цвет отдельного пикселя. Я выберу 5x5:

Опция «Образец»

Кроме того, убедитесь, что для параметра Sample установлено значение All Layers:

Затем нажимайте на разные части изображения, чтобы попробовать цвет, пока не найдете тот, который подходит лучше всего. Я возьму образец сероватого цвета из верхнего правого угла. Когда вы закончите, нажмите OK, чтобы закрыть палитру цветов:

Шаг 12. Перерисуйте градиент (необязательно)

Наконец, если вы хотите вернуться и перерисовать градиент, просто повторно выберите миниатюру маски слоя на панели «Слои»:

Затем, по-прежнему выбранный инструмент "Градиент", нажмите и удерживайте начальную точку, удерживая клавишу Shift, и растяните область перехода:

Отпустите кнопку мыши, затем отпустите клавишу Shift. И вот мой окончательный результат:

Что делать дальше.

И вот оно! Вот как можно превратить изображение в любой цвет фона с помощью Photoshop!

Чтобы узнать больше о способах смешивания изображений, ознакомьтесь с моим руководством "Три способа смешивания двух изображений". Или посетите мой раздел «Фотоэффекты», чтобы узнать больше уроков! И не забывайте, что все мои уроки доступны для скачивания в формате PDF!

В этом уроке вы узнаете, как изменить цвет фона в Photoshop!

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

Вот почему это отличный навык, когда вы знаете, как изменить цвет фона в Photoshop!

В этом кратком руководстве по Photoshop я научу вас удобному приему, позволяющему изменить цвет фона изображения всего за 5 минут!

Примечание. Этот метод лучше всего работает с изображениями с существующим белым фоном.

Выделите основной объект

Для пользователей Photoshop, не зарегистрированных в Creative Cloud, перейдите на панель инструментов или нажмите W на клавиатуре.

Используйте инструмент "Быстрое выделение" и перетащите курсор по всему объекту, чтобы сделать выбор.

Движущаяся пунктирная линия, которую обычно называют марширующими муравьями, автоматически показывает области, отмеченные инструментом.

Чтобы уточнить выбор, перейдите на панель параметров.

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

Пользователи Creative Cloud могут сэкономить время с помощью инструмента "Выбрать тему" на панели параметров.

Выбрать тему. В этом инструменте используется искусственный интеллект (ИИ) под названием Adobe Sensei. Он анализирует все изображение и мгновенно выбирает основной объект!

Уточните выделение с помощью быстрой маски

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

Нажмите клавишу Q на клавиатуре, чтобы войти в режим быстрой маски. Этот шаг применяет красное наложение к невыбранным областям.

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

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

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

Снова нажмите клавишу Q на клавиатуре, чтобы найти марширующих муравьев.

Тогда вы увидите, что только что закрашенные области теперь не выбраны, что дает вам более точный выбор вашего объекта.

Используйте слой-заливку сплошным цветом, чтобы изменить цвет фона в Photoshop

На панели «Слои» нажмите значок «Новый корректирующий слой» и выберите Сплошной цвет.

Когда откроется окно "Палитра цветов", выберите любой цвет, который вы хотите изменить позже, а затем нажмите "ОК".

Это заполнит ваш объект выбранным цветом.

Поскольку вам нужен цвет фона, просто измените его, щелкнув значок маски слоя.

Затем нажмите значок "Инвертировать" на панели Свойства.

Смешение цвета фона

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

Для этого выберите «Умножение» в раскрывающемся списке «Режим наложения».

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

При умножении любого цвета на черный всегда получается черный. Однако умножение цветов на белый оставит цвет без изменений.

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

Как изменить цвет фона в Photoshop

Я упоминал ранее, что вы всегда можете изменить цвет фона, не повторяя процесс.

Для этого наведите курсор на панель "Слои" и дважды щелкните миниатюру сплошного цвета, чтобы вернуться в окно Палитра цветов.

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

Когда результат вас устроит, просто нажмите ОК, и все готово!

Поделитесь своей работой!

И это простой способ изменить цвет фона в Photoshop всего за 5 минут!

В какой-то момент вам потребуется изменить белый фон по умолчанию в Adobe Photoshop CS5. К счастью, научиться заливать фон в Photoshop несложно.

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

Как создать слой заливки сплошным цветом на панели слоев

Несмотря на то, что есть несколько способов поиграть со слоем заливки сплошным цветом, мы рассмотрим наиболее распространенный вариант: создание сплошного цвета фона в Photoshop.

Шаг 1

Откройте свой проект (с фоновым слоем, который вы хотите заполнить) в Adobe Photoshop. Если вы не видите панель «Слои» справа, нажмите F7, и она появится.

Шаг 2

На панели «Слои» нажмите «Фоновый слой».

Шаг 3

В фоновом слое перейдите к раскрывающемуся меню «Выбрать» и нажмите «Все». Вы также можете нажать Ctrl + A., чтобы сделать выбор.

Шаг 4

Нажмите «Изменить», а затем «Заполнить».

Шаг 5

Появится окно. Выберите раскрывающееся меню рядом с «Использовать» и нажмите «Цвет», чтобы открыть палитру цветов.

Шаг 6

Теперь пришло время решить, каким фоновым цветом в Photoshop вы хотите заполнить фоновый слой, используя палитру цветов. Наведите указатель мыши за пределы диалогового окна, чтобы изменить курсор на пипетку, и вы можете выбрать цвет из определенной части изображения. Нажмите OK, чтобы выбрать цвет для вашего слоя.

Шаг 7

Нажмите "ОК" еще раз, чтобы изменить цвет фона. Вас не устраивает слой сплошных цветов фона? Ctrl + Z удалит последнее изменение, внесенное вами в этот слой, и вы сможете вернуться на панель «Слои», чтобы повторить попытку.

Как изменить цвет фона в Photoshop с помощью заливки с учетом содержимого

Иногда в новом слое нужно использовать не сплошной цвет, а нежелательные элементы или объекты. Content-Aware Fill — удобный способ сделать это. Заливка с учетом содержимого плавно заполняет эти разделы содержимым из других частей изображения.

Шаг 1

Выберите часть изображения, которую хотите заполнить.

Шаг 2

После выбора нажмите «Изменить», а затем «Заполнить».Если вы хотите быстро получить доступ к диалоговому окну из фонового слоя, нажмите «Удалить» или «Возврат».

Шаг 3

Нажмите Content-Aware, после чего выбранный вами контент будет заполнен соответствующим контентом.

Шаг 4

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

Шаг 5

Нажмите «ОК», чтобы завершить второй метод изменения цвета фона в Photoshop. Теперь ваш выбор должен быть плавно заменен заливкой с учетом содержимого. Если вам не нравятся результаты, нажмите Ctrl + Z, чтобы отменить их.

Как установить цвет фона в Photoshop

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

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

Видите ли вы четкий контраст в слоях? Читайте дальше, чтобы узнать, как установить цвет фона в Photoshop.

Шаг 1

Шаг 2

Нажмите на инструмент быстрого выбора (находится на панели инструментов).

Шаг 3

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

Шаг 4

Нажмите «Уточнить край» на панели управления «Быстрый выбор». Появится диалоговое окно с ползунком радиуса, где можно поэкспериментировать с настройками. Перетащите ползунок радиуса, пока край вокруг вашего объекта не станет правильным. Нажмите "ОК".

Шаг 5

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

Шаг 6

Нажмите «Слой», затем «Новый слой-заливка», затем выберите «Сплошной цвет». Выберите нужный цвет в Photoshop и нажмите «ОК». Теперь у вас должен быть новый цвет фона.

Что вы будете создавать

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

Обучающие материалы

Прежде чем узнать, как изменить цвет фона в Photoshop, я хочу показать вам, какие ресурсы использовались при создании этого урока:

Чему вы научитесь в этом уроке по Photoshop

Как изменить белый фон на цветной в Photoshop
Как изменить цвет фона в Photoshop на белый с помощью функции «Заливка»
Как изменить цвет фона в Photoshop с помощью слоя-заливки
Как изменить цвет фона фотографии

Если вы хотите узнать, как изменить цвет фона слоя в Photoshop с помощью видео, посмотрите наш урок на канале Envato Tuts+ YouTube:

1. Как изменить белый фон на цветной в Photoshop с помощью меню «Новый документ»

Шаг 1

Обычно при создании нового документа в Photoshop фон заполняется белым цветом. Но вы можете легко изменить цвет фона прямо здесь, в меню «Новый документ». Просто выберите нужный цвет из списка содержимого фона.

Или откройте палитру цветов и выберите любой понравившийся цвет!

2. Как изменить цвет фона в Photoshop на белый с помощью функции заливки

Если вы хотите изменить цвет фона Photoshop обратно на белый, в созданном нами документе вы можете использовать этот простой способ: выберите «Правка» > «Заливка» (или нажмите Shift-F5) и выберите белый цвет.< /p>

3. Как изменить цвет фона в Photoshop с помощью слоя-заливки

Шаг 1

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

< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1381/posts/35876/image/change%20the%20background %20color%20using%20a%20solid%20color%20fill%20layer.jpg" alt="изменение цвета фона с помощью слоя заливки сплошным цветом" width="380px" height="272px" />

Шаг 2

Мне очень нравится использовать сплошной цвет заливки в качестве фона, потому что вы можете легко изменить его цвет, просто дважды щелкнув его на панели «Слои».

4. Как изменить цвет фона фотографии

Шаг 1

Теперь вы знаете, как изменить фон в Photoshop, но если вы хотите знать, как изменить цвет фона изображения, давайте попробуем сделать это с фотографией. Откройте изображение, которое хотите использовать в Photoshop. Я выбрал это фото.

Чтобы изменить цвет фона изображения, мы будем использовать инструмент быстрого выделения, который вы можете найти в меню "Инструменты". Начните выделять объекты на фотографии (или просто нажмите «Выбрать тему» в последней версии Photoshop).