Как залить фон в фотошопе
Перейти к содержимому

Как залить фон в фотошопе

  • автор:

5 способов как в фотошопе залить слой цветом

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

Для того, чтобы сделать слой полностью одним цветом, я насчитал 5 возможных способов.

Способы заливки слоя цветом

Команда меню Редактирование — Выполнить заливку (Fill), или нажатие на комбинацию горячих клавиш, дублирующих эту команду:

Комбинация горячих клавиш: Shift+F5

Откроется диалоговое окно Заполнить. В нем, в раскрывающемся списке Использовать выберите Цвет. Сразу же откроется палитра выбора цвета. Определитесь с цветом и нажмите ОК.

Команда Редактирование - Выполнить заливку

С помощью комбинации клавиш Alt+Backspace делается заливка слоя основным цветом, установленном на палитре инструментов — Индикаторы основного и фонового цветов.

Заливка слоя основным цветом

Способ 3 Инструмент «Заливка»

На панели инструментов выберите инструмент Заливка. Кликните по слою и он тут же окрасится основным цветом (смотрите пример выше).

Заливка работает, когда на слое нет ничего лишнего. Иначе инструмент закрасит лишь отдельные участки.

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

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

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

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

Заливка холста фоновым цветом после его увеличения

Чтобы это предотвратить, нужно использовать следующий способ.

Способ 5 Слой-заливка

Выполните команду Слой — Новый слой-заливка (New Fill Layer) — Цвет. Можно сразу нажать кнопку ОК. После этого появится палитра выбора цвета заливки. Сделайте выбор.

После всех действий, на палитре Слоев появится самостоятельный тип слоев — слой-заливка.

Отображение слоя-заливки на палитре фотошопа

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

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Доброго времени суток, уважаемые читатели моего блога. Фон – один из самых важных элементов картинки. Благодаря ему можно даже самую неважную фотку превратить в стильную и современную. Сделать это нетрудно даже для новичка, обладающего минимальными знаниями программы Photoshop.

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Инструмент «Заливка»

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

Создайте новый документ через меню «Файл» — «Создать».

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

В Фотошопе некоторые инструменты располагаются на одной и той же кнопке. Как, например, «Градиент» и «Заливка». Чтобы открыть дополнительное меню, нужно просто на несколько секунд зажать левую кнопку мыши, оно откроется и вы сможете выбрать то, что вам нужно.

Так как я пользуюсь самой последней версией Photoshop CC, то у меня еще есть «Выбор 3D-материала». Сказать честно, я этой функцией никогда не пользовался.

Если вы хотите залить документ одним цветом, то вам понадобится обычная «Заливка».

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Щелкните по верхнему цвету левой кнопкой мыши и у вас откроется дополнительное окно выбора. Сначала в полосе справа вы выбираете основной цвет, а в квадрате слева определяетесь с оттенком. Затем жмете «Ок», чтобы применить изменения.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.

Применение фильтров

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

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

Выберите «Шум», а затем «Добавить шум».

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Полезный совет для новичков

Я заметил, что не так много людей пользуется «Историей», в которой отображаются все действия, применяемые пользователем. Зря, ведь это очень удобно. Один щелчок по определенному шагу возвращает вас к тому моменту, где вы его выполняли.

Откройте «Окно», поставьте галочку напротив «История» и поместите ее в нижнюю панель справа.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Теперь, чтобы вернуться к началу мне просто нужно нажать на «Новый» и уберутся все цвета и шумы. Можно начинать сначала

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Инструмент «Градиент»

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

Для начала откроем инструмент «Градиент», который находится на той же кнопке, что и «Заливка».

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Я, например, нашел 10 000 шаблонов. Вес файла всего 0,3 Мб. Жму на «Скачать и жду когда архив загрузится.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

После закачивания открываю при помощи программы WinRAR. И перетаскиваю файл GDR в заранее подготовленную папку.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Выбираю загрузить градиенты. В открывшемся окне с «Моим компьютером» нахожу файл GDR, который недавно извлек в папку и загружаю.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Осталось лишь провести мышью по картинке, на которую заливается фон, и готово.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Помимо градиентов, вы можете скачать на сайте Photoshop-Master готовые узоры. Сейчас покажу как с ними работать.

«Узоры»

Вы можете скачать любую jpg картинку и установить ее в качестве фона, а можете воспользоваться узорами. На сайте Photoshop-Master их почему-то назвали текстурами. Обращайте внимание на формат. Если вы качаете PAT, то все верно, это дополнение для программы. Если видите jpeg, то это всего лишь рисунок

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Снова выберите инструмент «Заливка».

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Один щелчок по фону и узор расположится на рисунке.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Готовые картинки

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

Откройте папку с изображением и перетащите его в рабочее окно.

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

Ну вот почти и все.

Видео инструкция

После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — [urlspan]Телескоп для телефона[/urlspan].

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

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

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

Как быстро и красиво залить фон в Photoshop: инструкция для новичков

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

Как сделать заливку в Photoshop от А до Я

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

Где находится заливка в Photoshop?

Как сделать заливку в Photoshop от А до Я

В Photoshop для заливки используется два основных инструмента – «Заливка» и «Градиент». Из-за их схожести они и размещены в одной группе на панели инструментов.

Как сделать заливку в Photoshop от А до Я

Горячая клавиша для активации группы: G

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

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

Обратили внимание на ОЧЕНЬ маленький белый треугольник возле инструмента «Градиент» на панели инструментов? Если нет – посмотрите еще раз внимательнее на скриншот выше. Так вот, если аккуратно мышью нажать на него и подержать нажатой клавишу мыши, должно вылезти вот такое окно переключения инструментов:

Как сделать заливку в Photoshop от А до Я

Здесь и выбираем нашу «Заливку».

Основные настройки

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

Цвет заливки выбираем вот здесь (именно главный квадрат основного цвета, который на скриншоте имеет белый цвет):

Как сделать заливку в Photoshop от А до Я

Другие интересные настройки расположены на верхней панели:

Как сделать заливку в Photoshop от А до Я

  • Непрозрачность – при 100% заливка полностью непрозрачная.
  • Смежные пиксели – при включенной галочке заливка будет применяться только к рядом стоящим пикселям одного цвета. Если галочку убрать – то заливка будет применяться на все пиксели по всему документу без привязки к конкретной области. Т.е. вы заливаете что-то в одном углу, а перекрашивается в другом. Поэтому обычно и лучше ставить галочку смежных пикселей, если вы только не производите цветокоррекцию по всему изображению (хотя для этой функции есть отдельные инструменты).
  • Допуск – устанавливает близость цветов, которые будут заливаться. Если установить 0 – будут заливаться только точные цвета. На практике же при заливке каких-то объектов фотографий этот параметр лучше выкрутить чуть дальше нуля, чтобы захватить все близкие цвета наверняка.

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

С этим все относительно просто:

  1. Выделяем нужную область (для примера я буду использовать самое обычное прямоугольное выделение, а так у нас есть отличная статья по выделению в Photoshop объектов любой сложности).

Как сделать заливку в Photoshop от А до Я

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

Как сделать заливку в Photoshop от А до Я

  1. Теперь выделяем новый слой и щелкаем с инструментом «Заливка» по выделенной области.

Как сделать заливку в Photoshop от А до Я

Как залить слой цветом?

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

  1. Создаем пустой слой и размещаем его выше всех слоев.
  2. Просто применяем к нему заливку.

Как сделать заливку в Photoshop от А до Я

Как закрасить объект?

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

Заливка фона

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

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

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

Сложность урока: Легкий

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

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

Что вы узнаете в этом уроке:

  • Как заменить белый фон на цветной
  • Как сделать фон белым, используя инструмент Fill (Выполнить заливку)
  • Как изменить цвет фона с помощью слоя-заливки
  • Как изменить цвет фона на фото

1. Заменяем белый фон на цветной в окне создания документа

Шаг 1

Обычно, когда вы создаете новый документ в Фотошоп, по умолчанию он заполняется белым цветом. Но в окне создания документа можно изменить цвет на любой другой. Находим параметр Background Contents (Содержимое фона) и устанавливаем нужный цвет.

Шаг 2

Либо правее жмем на цветовой квадрат и в окне Color Picker (Выбор цвета) находим нужный оттенок.

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

Если вы хотите, наоборот, залить уже созданный документ белым цветом, тогда просто переходим в меню Edit — Fill (Редактирование — Выполнить заливку) (или жмем Shift+F5) и в открывшемся окне в выпадающем меню выбираем цвет White (Белый).

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

Шаг 1

Также для замены цвета фона можно использовать слой-заливку. Переходим Layer — New Fill Layer — Solid Color (Слой — Новый слой-заливка — Цвет). Нажав на кнопку ОК, откроется окно выбора цвета, в котором мы выбираем нужный оттенок.

Шаг 2

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

4. Заменяем фон на фото

Шаг 1

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

Для начала нам нужно выделить объекты на фото. Мы воспользуемся инструментом Quick Selection Tool (W) (Быстрое выделение), который можно найти на панели слоев. Проводим по объекту, чтобы выделить его. В последних версиях Фотошоп появился инструмент Object Selection Tool (W) (Выделение объекта), с помощью которого можно быстрее выделить нужный объект.

Инструментом Quick Selection Tool (W) (Быстрое выделение) с зажатой клавишей Alt дорабатываем выделение.

Шаг 2

Комбинацией клавиш Shift+Ctrl+I инвертируем выделение.

Шаг 3

Создаем слой-заливку и выбираем цвет фона.

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

Шаг 4

Переключаем режим наложения слоя-заливки на Multiply (Умножение) и корректируем непрозрачность слоя, чтобы настроить насыщенность цвета.

Отличная работа! Мы закончили.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *