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

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

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

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

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

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


Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.
Применение фильтров
В природе никогда не бывает одного четкого цвета, существуют оттенки, переливы, тени, какая-то текстура или блики. Поэтому просто заливка априори не может понравиться нашему глазу.
Обычно на фон я, как минимум добавляю «Шум». Вы можете открыть галерею фильтров и попробовать на практике тот или иной вариант, чтобы понимать, как он выглядит. Ну или просто воспользуйтесь моей схемой. В одной из своих статей я рассказал как быстро сделать черный фон в фотошопе, возможно эта статья окажется для вас полезной.
Выберите «Шум», а затем «Добавить шум».
Читайте также: Слияние картинок при помощи автоматической панорамы в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну вот почти и все.
Видео инструкция
После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — [urlspan]Телескоп для телефона[/urlspan].
Чтобы залить фон, вам просто нужно активировать фон, нажать на него. Тогда все изменения будут применяться не к самому объекту, а именно к заднему слою. Ну, думаю, что вы поймете, когда увидите ролик. Я специально не стал из него ничего вырезать.
Можете посмотреть с какими трудностями я столкнулся во время работы.
Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте о фотошопе больше. Ну а если вам хочется научиться работать с программой профессионально и знать все о ее инструментах и возможностях, могу посоветовать видео курс « Фотошоп с нуля в видео формате ».

Вам больше не придется искать ответы в интернете. Если вы знаете какими инструментами и что можно сделать, то пути решения будут появляться у вас сами собой. Это и отличает профессионалов.
Ну вот и все. До новых встреч и удачи.
Заливка с учетом содержимого
Заливка с учетом содержимого – это плавное заполнение выбранной части изображения содержимым, сходным со смежными участками фотографии. Для получения наилучших результатов выбранная область должна немного захватывать область, которую требуется воспроизвести.
Выберите часть изображения. Активизируйте инструмент выбора «Лассо» или «Область» .
Выберите «Редактирование» > «Выполнить заливку выделенной области» .
В диалоговом окне «Залить слой» в раскрывающемся списке «Использовать» выберите «С учетом содержимого» .

В случае неудовлетворительного результата выберите «Редактирование» > «Отменить» и примените другую заливку с учетом содержимого.
Как залить фон в фотошопе

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

2. Используйте горячую клавишу shitft+F5 на клавиатуре.
Оба способа позволят вам перейти в окно настроек заливки.
![]()
Настройки заливки
1. Для начала подберите нужный цвет.
![]()
Выберите тип заливки(фоновый или основной цвет).

Также можно вручную настроить цвет с помощью палитры.
![]()
2. Узор
При желании вы сможете воспользоваться узором для заливки из программного набора, использовав соответствующий инструмент.
![]()
Ручная заливка
1. Чтобы воспользоваться ручной заливкой, откройте инструмент «Заливка»

2. Теперь нужно кликнуть левой кнопкой мыши по фоновому слою после настройки цвета.
![]()
Также можно воспользоваться инструментом «Градиент». Для этого сделайте следующее:
1. Откройте соответствующий инструмент.

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

Как только настроите инструмент, зажмите в нужном месте левой кнопкой мыши и протяните появившуюся линию по холсту.
![]()
Заливка части фонового слоя
Чтобы залить определенную часть фонового слоя, нужно предварительно выделить любым инструментом нужный участок, после чего совершить вышеуказанные действия.
![]()
Сегодня мы рассмотрели все эффективные способы заливки фона в фотошопе. Как видите, ни один из них не должен вызывать затруднений у рядового пользователя. Надеемся, вам помогла наша статья.
Совет 1: Как залить фон цветом в фотошопе
Для большинства базовых операций редактирования изображений абсолютно довольно функций, заложенных в распространяемом совместно с ОС Windows графическом редакторе Paint. Неудобно лишь неимение в нем вероятности размещать единовременно несколько картинок на различных слоях. Такая опция есть в редакторе Adobe Photoshop, следственно многие манипуляции с изображениями в нем осуществлять проще. Скажем, это относится к заливке фона готового изображения иным цветом .

Вам понадобится
- – Графический редактор Adobe Photoshop.
Инструкция
1. Загрузите в Photoshop изображение, фон которого требуется отредактировать. Для этого надобный файл легко перетащите мышкой в окно графического редактора. Иной метод – кликните по нему правой кнопкой мыши и выберите в разделе «Открыть с поддержкой» вывалившегося контекстного меню пункт Adobe Photoshop.
2. Сделайте обособленный слой для применения его в качестве фонового – кликните пиктограмму «Сотворить новейший слой» на панели слоев. Эту операцию дозволено проделать и с применением жгучих клавиш Shift + Ctrl + N.
3. Активируйте инструмент «Заливка» – кликните соответствующую кнопку на панели инструментов либо нажмите клавишу G.
4. Щелкните по пиктограмме в нижней части панели инструментов, которая открывает палитру цветов. В палитре вам надобно задать новейший цвет фона для начальной картинки, а после этого закрыть ее кнопкой OK. Кликните пустой слой в любом месте, и Photoshop зальет его выбранным цветом.
5. Выберите в палитре нижний слой (начальную картинку) и сделайте его копию. Это нужно потому, что фоновые слои Photoshop в большинстве случаев не дозволяет редактировать. Об этом уведомляет пиктограмма замка в правой части строки заблокированного лэйера в панели слоев. Сделать копию проще каждого нажатием «жгучих клавиш» Ctrl + J. Дозволено воспользоваться и пунктом «Сделать дубликат слоя» в разделе «Слои» графического редактора. Данный же пункт есть в контекстном меню, вызываемом щелчком правой кнопкой мыши по строке в панели слоев.
6. Разместите сделанный дубликат изображения на передний план – перетащите его строку левой кнопкой мыши вверх в панели слоев.
7. Включите инструмент «Магическая палка» – нажмите клавишу W либо кликните соответствующую пиктограмму на панели инструментов.
8. Удалите все фоновые участки на верхнем слое – кликайте по всему из них указателем мыши и нажимайте клавишу Delete. В итоге через ставшие прозрачными области станет видно слой фонового цвета.
9. Сбережете отредактированную картинку. Если вы планируете в будущем вносить какие-нибудь правки, то оставьте копию в формате psd, дабы не повторять опять манипуляции с созданием слоев. Соответствующий диалог вызывается нажатием сочетания клавиш Ctrl + S. Для сохранения работы в одном из обыкновенных графических форматов есть два дополнительных диалога, которые дозволено открыть сочетаниями Shift + Ctrl + S и Alt + Shift + Ctrl + S. Добавочные диалоги содержат различные комплекты настроек для метаморфозы свойств картинки.
Совет 2: Как залить картинки
Если вы ни один час проводите в сети интернет и любите обменяться мыслями на каком-нибудь форуме, то вопрос о верной заливке картинок для вас является востребованным. В связи с распространенностью тематических форумов и разных общественных сетей данный вопрос, в последнее время, подымается все почаще. Если у общественных сетей теснее возникли свои формы загрузки картинок непринужденно на сайт, то у форумов такой функции еще нет в наличии.

Вам понадобится
- Бесплатный хостинг изображений.
Инструкция
1. Бесплатные хостинги разрешают загружать огромное число фотографий. Объем и вес этих фото также не имеют ограничения. Разглядим 2 особенно распространенных обслуживания загрузки фотографий: fastpic и radikal.Для того дабы загрузить фотографию на хостинг fastpic нужно перейти на страницу этого обслуживания – fastpic.ru. Нажмите кнопку «Обзор». В открывшемся окне обнаружьте необходимый вам файл. Нажмите «Открыть».

2. Если вы хотите загрузить несколько картинок, то добавить картинки дозволено нажав на «Добавить поле». Выберите добавочные картинку и нажмите «Открыть».

3. Для загрузки изображений на хостинг нажмите кнопку «Загрузить».

4. Позже загрузки выберите нужную ссылку и скопируйте ее (Ctrl+C либо Ctrl+Ins). Если вы загрузили одну картинку, то окно с вариантами ссылок будет выглядеть дальнейшим образом:

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

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

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

8. Для загрузки изображений на хостинг нажмите кнопку «Загрузить».

9. Позже загрузки выберите нужную ссылку и скопируйте ее (Ctrl+C либо Ctrl+Ins).

Видео по теме
Совет 3: Как залить фон
Исполняя обработку фотографии в графическом редакторе Photoshop, может появиться надобность залить фон сплошным цветом. Дабы сделать это стремительно, ознакомьтесь с утилитарными рекомендациями.

Инструкция
1. Загрузите фотографию в Фотошоп и выделите объект на переднем плане. Используйте для выделения всякий комфортный инструмент: Lasso Tool, Pen Tool и т.п. В данном случае, когда фон однотонный, дозволено щелкнуть на нем инструментом Magic Wand Tool и инвертировать выделение, предпочтя команду Select Inverse из меню при щелчке правой кнопкой в выделенной области.







Вы можете залить фон, как “Основным цветом”, так и “Цветом фона (фоновым)”:
Также имеется возможность задать цвет прямиком в окне настроек заливки. Для это в пункте “Содержание” из выпадающего списка выберите “Цвет…”.













































