Как в фотошопе сделать однотонный фон
Обновлено: 07.07.2024
Многие неопытные вебмастера или любители отредактированных фото в Photoshop часто делают ошибки во время изменения текстуры фона. А все из-за незнания или неопытности в использовании графической программы. Именно поэтому хотелось бы более подробно описать, какие инструменты для вырезания объектов существуют и как заменить однотонный фон на более креативный и наоборот.
Инструменты Photoshop для вырезания объекта с фона
Существует несколько основных элементов, которыми можно вырезать объект из фона. Некоторые инструменты предназначены для вырезания более сложных объектов, таких как волосы, трава или шерсть животных, другие используются для выделения на новый слой более простых объектов, таких как яблоко, ваза и другие элементы натюрмортов или обычных фотографий.
Красивый однотонный фон поставить несложно, но прежде необходимо четко и качественно вырезать на новый слой наш объект первого плана. Для этого рассмотрим самые популярные инструменты, используемые даже самыми профессиональными пользователями программы Photoshop.
- Одним из самых простых инструментов для выделения объекта или фона является волшебная палочка. Для ее использования необходимо, чтобы тот объект, который вам бы хотелось выделить, был однотонный. Этот инструмент способен выделить объект по оттенку. Это очень быстрый способ отделения предмета от фона, к тому же контур выделения получается гораздо плавнее, чем при использовании таких инструментов, как лассо или перо. Но существуют и недостатки такого метода. Так, например, если вы выделяете светло-бежевый предмет, находящийся на белом фоне, есть большая вероятность, что выделится вся картинка, а не та ее часть, которая вам необходима. А все потому, что эти цвета слишком похожи и нет явной границы, разделяющей их. Кстати, есть вероятность инверсии выделенного объекта. Допустим, на картинке есть однотонный предмет, который достаточно легко выделить, но вам необходимо осуществить изменение фона. Поэтому, выделив часть изображения волшебной палочкой, необходимо нажать на него правой кнопкой мыши и выбрать пункт в открывшемся меню «Инверсия выделенной области». Так вам удастся выбрать именно ту часть рисунка, в которой необходимо сделать однотонный фон.
- Магнитное лассо. Этот инструмент как бы примагничивается к краям объекта, автоматически устанавливая точки, между которыми проводится линия выделения. После обведения всего контура предмета линия превращается в штриховку, выделяя всю область. Переносим выделенный объект на новый слой и можем сделать любой фон: однотонный, светлый, темный, с рисунком. Теперь можно ставить какой угодно и не волноваться, что он зацепит наш объект.
- Выделение прямоугольной или овальной зоной. Такой способ выделения подойдет не ко всем объектам, находящимся на изображении. Если у вас круглый или квадратный предмет, с помощью зажатия клавиши Shift и проведения тех же операций по выделению вы можете точно их выделить с одинаковым радиусом или равными сторонами. После перенесения объекта на новый слой можно редактировать фон.
- Существует еще и выделение объекта с помощью маски. Данный инструмент позволяет выделять самые сложные объекты, такие как грива, трава, шерсть, волосы.
- Перо подобно выделению с помощью магнитного лассо, только точки выделения выставляются не автоматически, а в вручную.
Эти инструменты позволят качественно создать новый фон для "Фотошопа": однотонный, с узором, градиентный и другие - не зацепив объект переднего плана.
Немного о слоях
Выделив объект на фотографии или какую-то часть изображения, необходимо перенести его на новый слой, чтобы можно было осуществить последующую обработку с возможностью отмены действий. Кроме того, работа со слоями дает возможность закреплять их или делать невидимыми в целях неприкосновенности объекта. Чтобы вырезать часть изображения на новый слой, необходимо после выделения его одним из вышеуказанных инструментов, нажать сочетание кнопок Ctrl+J.
Такие действия приведут к копированию выделенной части изображения на новый слой. Есть и вероятность вырезания части картинки на новый слой. В этом случае на выделенном объекте необходимо нажать правой кнопкой оптического манипулятора. В появившемся окне выбрать пункт «Вырезать на новый слой». Благодаря проведению таких действий можно, не зацепив важные объекты, правильно, точно и аккуратно сменить фон. Для "Фотошопа" однотонный, градиентный фон - не проблема, все можно изменить, отредактировать или поставить что-то новое, более креативное.
Замена фона на однотонный
Рассмотрев необходимые инструменты по выделению объектов фотографии, можно переходить к пункту замены фона.
Наиболее простым способом можно назвать его замену на однотонный фон. Как это делается? Выделяем объект, нажатием правой кнопки оптического манипулятора вызываем дополнительное меню, в котором выбираем пункт инверсии выделенной области, нажимаем кнопку клавиатуры Delete.
Эти действия вызовут окно заполнения фона цветом. В нем выбираем любой цвет из палитры, устанавливаем непрозрачность цвета 100% и сохраняем нажатием на кнопку Ок. Теперь мы видим, что фон изменился на однотонный.
Создание однотонного фона фотографии
Еще одним очень простым способом является перекрытие фона другим слоем. Для этого необходимо поставить слой с выделенным объектом на первый план, далее перейти на редактирование фонового слоя и выбрать инструмент рисования прямоугольной области. Выбрав необходимый цвет будущего прямоугольника, можно нарисовать однотонный фон для рабочего стола.
Создание фона с использованием готовых текстур
В глобальной сети Интернет можно встретить достаточно много уже готовых текстур дерева, однотонной ткани, натурального камня или узорного фона. Но они созданы обычно в очень маленьком формате. Чтобы сделать красивый однотонный фон для любого изображения, необходимо открыть готовую текстуру, скачанную с Интернета, в отдельном окне Photoshop, загрузить изображение, которое необходимо редактировать.
Эти две картинки должны быть открыты в разных вкладках. Далее необходимо выделить текстуру, нажав сочетание клавиш Ctrl+A. Выбираем инструмент "перемещение" или нажимаем горячую кнопку V и тянем нашу текстуру на вкладку с изображением. Там уже должен быть отделен слой объекта от слоя фона. После перетаскивания текстура встанет на первый план. Ее необходимо переместить под слой объекта, над фоном. Все это осуществляется их перетаскиванием мышью в окне слоев. Конечно, наше изображение будет большим по размеру холста, чем текстура.
Чтобы поставить однотонный фон изображения из готовой текстуры, необходимо скопировать ее и вставить рядом, преждевременно перевернув ее зеркально, чтобы не был виден стык между двумя частями. Как это сделать? Выделяем весь слой с текстурой так, чтобы она была обведена пунктирной линией. Далее, как и во всех программах, нажимаем Ctrl+C, затем Ctrl+V. Вставившийся скопированный слой текстуры трансформируем, нажав сочетание кнопок Ctrl+T, и зеркально переворачиваем, потянув за появившиеся точки. Чтобы соединить два слоя в один, необходимо выделить 2 или больше слоев, нажать сочетание кнопок клавиатуры Ctrl+J. Данное действие приведет к их объединению в одно изображение.
У каждого из нас есть фотографии, которые хотелось бы улучшить. Что делать, если вы нравитесь себе на снимке, но фон оставляет желать лучшего? Нужно узнать, как в фотошопе сделать фон, и одним движением руки поменять неприглядный пейзаж на восхитительную картинку.
Как удалить старый фон
Для любой фотографии можно создать неповторимый фон. Можно изготовить его самостоятельно. Понадобится ваш снимок и программа «Фотошоп» со стандартным набором инструментов.
- Открываем нужный снимок в программе и снимает замочек со снимка. Так мы разблокируем слой, в котором планируем работать.
Для примера мы возьмем фотографию собаки на белом фоне.
Как добавить однотонный фон
Итак, перед нами изображение собаки без фона. Его роль сейчас исполняет чередование серых и белых квадратов. Теперь следует обратиться к инструменту «Заливка», он поможет создать нужный фон. Для его активации используйте кнопку G. Вы можете выбрать цвет, который вам импонирует и кликнуть по фону значком, символизирующим заливку.
Как добавить фон с градиентом
Если вы хотите, чтобы фон был не сплошной, а цвет переходил от одного оттенка к другому, используйте инструмент «Градиент». Он также вызывается при помощи кнопки G.
При помощи настроек выберите оптимальный уровень перехода цвета один в другой. Редактор градиента имеет интуитивно понятный интерфейс. Используйте ползунки, которые можно перетаскивать. Данные манипуляции преобразят вашу картинку. Помните, что это кропотливая работа, требующая терпения.
Рядом со слоем под номером ноль должна появиться графа под названием «Градиентная заливка». Экспериментируйте, выбирайте цвет, угол наклона и насыщенность оттенка. Вы можете скачать шаблоны градиентов из интернета и использовать их для создания фона. После всех манипуляций не забудьте сохранить изображение.
Как разнообразить фон
Для создания неповторимого фона вы можете использовать инструмент «Кисть». Для этого добавьте новый слой, выбрав пункт «Слои», графу «Новый слой». Этот слой будет расположен выше вашего фона. Итак, активируем кисть нажатием горячей кнопки B.
В настройках кисти выбираем нужный шаблон, например, можно остановить свой выбор на отпечатке «Пух» красного цвета и распределить изящные звездочки по всему фону.
Также вы можете использовать штампы кисти со звездочками любого цвета, блестками или размытыми линиями. Программа предлагает широкий выбор стандартных шаблонов кистей, к наиболее интересным относятся:
Что может быть лучше индивидуального фона, который создан лично вами. Теперь вы можете забыть о стандартных рисунках из интернета. Новый фон добавит вашим снимкам уникальности.
3. На панели Слои выберите слой Model.
4. Выберите Инструмент «Быстрое выделение».
5. Нажмите Выделить предмет и затем — Выделение и маска.
Уточнение выделения
6. Переместите ползунок Сместить край влево (-100%). Нажмите ОК.
7. На панели Слои нажмите Добавить слой-маску.
Примечание. При выходе из режима Выделение и маска фон возвращается. При применении маски фон исчезает.
Единообразие цвета
8. На панели Слои, удерживая нажатой клавишу Alt, перетащите слой New Background вверх и разместите его над слоем Model, так появится слой New Background копия.
9. Выберите слой New Background копия. Выберите Фильтр > Размытие > Среднее. Всё станет зеленым.
10. Удерживая Alt, нажмите между зеленым слоем и слоем Model, чтобы создать обтравочную маску. Зеленый цвет заполнит слой Model.
11. Выберите зеленый слой и задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 45%.
Добавление цветового эффекта
12. На панели Слои выберите Создать новый корректирующий слой или слой-заливку и затем — Цвет.
14. На панели Слои задайте для опции Режим наложения параметр Мягкий свет. Уменьшите Непрозрачность до 50%.
Не так давно я проводила вебинар по ретуши фотографий для мастеров-хендмейкеров. Еще в процессе подготовки я интересовалась у своих подписчиков, какие вопросы ретуши кажутся им наиболее актуальными, о чем бы хотелось узнать. И, как оказалось, одной из самых востребованных тем оказалась фотосъемка работ на однотонном и, особенно, белом фоне.
Вебинар уже давно прошел, но, насколько я могу судить по все еще регулярно поступающим вопросам, многие из тех, кому тема была интересна, не смогли присутствовать на нем в назначенное время. Поэтому, часть вебинара, посвященную непосредственно ретуши однотонного фона я и решила раскрыть тут, в рамках этого материала.
Итак, не секрет, что одним из наиболее популярных способов сфотографировать тот или иной объект является съемка его на белом или другом однотонном фоне. Такую популярность этот способ имеет не случайно: однотонный фон достаточно прост в организации, фотографии хорошо демонстрируют предмет, позволяет покупателю сконцентрировать свое внимание на нем и не рассеивать его, фото выглядят достаточно профессионально при грамотном подходе. Общая витрина магазина смотрится цельно и гармонично с такими фотографиями.
Я не буду подробно останавливаться в этом материале на вопросах именно фотосъемки на однотонном фоне, это может быть тема для отдельной статьи, если углубляться в детали. Если же не углубляться, то в самом простом варианте такой фон можно соорудить из листа бумаги (ткань, пенокартон, акрил и многое-многое другое) и одного или нескольких источников света. Искусственного или естественного, свои плюсы есть у каждого. Можно сделать и лайтбокс, в интернете есть множество инструкций, но лично я в своей работе у лайтбокса нахожу больше недостатков, чем преимуществ, поэтому использую крайне редко. Для того, чтобы подготовить фотоматериал для обработки к этому уроку, я вообще решила обойтись самым минималистичным набором, дабы продемонстрировать, какие результаты можно получить, используя только лист бумаги, настольную лампу и фотокамеру.
Вот такое фото получилось сделать в этих условиях, его и будем обрабатывать.
Довольно страшненько пока, но я постараюсь что-нибудь сделать. Открываем фото в Photoshop. Версия не очень важна, мы будем пользоваться только базовым функционалом, он присутствует во всех версиях последних лет.
Воспользуемся инструментом «Уровни», чтобы откорректировать экспозицию:
В открывшемся окне инструмента для начала обратим внимание на символ белой пипетки, расположенный слева от графика. Если кликнуть на него, то мы получим возможность настроить экспозицию относительно той точки на изображении, которую мы считаем белой. Такую точно можно попробовать найти и на глаз — внимательно присмотритесь к изображению и найдите самый светлый участок на нем, на моем фото это участок фона внизу, под книжкой.
Кликаем пипеткой по этому участку и сразу видим как изменяются цвета. Дополнительно можно подвигать ползунки и добиться тех цветов, которые мы хотим получить. Сейчас наибольшее внимание обращаем не на цвета фона, а на сам объект стараемся сделать их максимально реалистичными и красивыми.
Вот так получилось:
Фон, как мы видим, еще далек от белого на значительной своей площади, но это не беда, сейчас им и займемся.
Выбираем в левом меню инструментов «Перо».
Кликаем вокруг объекта с небольшим отступом по краям, можно сохранять определенную приблизительность, идеальная точность тут не нужна:
Замыкаем контур и выбираем «Выделение» в верхнем меню:
Получаем выделение — «бегущих муравьев», как их называют. Следим, чтобы был выделен именно объект, а не фон вокруг объекта. Если выделен фон — выделение можно инвертировать, через правый клик мышью и «Инверсия выделенной обрасти»:
Теперь идем в уже знакомый нам инструмент «Уровни». Обратите внимание, что у нас появилось в слоях — теперь изменения, вносимые уровнями, будут касаться только выделенной области.
Тянем белый ползунок под графиком влево до упора. Книжка исчезла :) Не пугаемся. Все под контролем, кликаем на символ маски — белый прямоугольник с точкой внутри.
Попадаем в соседнюю панель. Жмем «Инвертировать» чтобы изменения стали касаться фона, а не объекта. Уже лучше, но граница между объектом и фоном слишком четкая. Чтобы ее устранить, двинаем ползунок «Растушевка» до тех пор, пока граница не перестанет быть видимой.
Ну вот и готово. Я немного подрезала изображение с помощью инструмента «Кадрирование» еще.
Если посмотреть на мои часы в правом нижнем углу каждого кадра, можно заметить, что ушло не так уж много времени.
Теперь давайте посмотрим, с помощью каких приемов можно обработать серый, например, или другой цветной однотонный фон. Открываем фото.
Это фото я снимала на фетре. Если приблизить картинку, то можно очень отчетливо увидеть неравномерность серого цвета, похожую на шум. Такое часто бывает при съемке на «шероховатых», негладких фонах. Так может проявляться сама текстура поверхности, а может так выглядеть и пыль. От всего не убережешься, поэтому уметь ретушировать такие неприятности бывает очень полезно :)
Идем в «Уровни» и «налаживаем» цвета объекта, как и в случае с белым фоном.
Объединяем слои клавишами Ctrl+Shift+E и идем в меню «Фильтр», затем — «Пластика». Будем натягивать фон в те места, где у нас его не хватило при съемке.
Попадаем вот в такое красивое окно. Нам будет нужен инструмент «Деформация». Настраиваем размер деформирующей кисти с помощью ползунка.
И «натягиваем» фон по периметру, кликая и перетаскивая его мышью. Этот момент довольно сложно заскриншотить, но я уверена, Вы легко справитесь с этим в редакторе.
Вот так получается, фона уже везде «хватает».
Теперь избавимся от текстуры. Копируем слой клавишами Ctrl+J.
Идем в «Фильтр» и находим «Размытие» — «Размытие по поверхности. »
Двигаем ползунки, видим, как меняется фон.
К сожалению, вместе с фоном немного размытия получает и объект. Убрать это можно разными способами, более или менее кропотливыми, с большим или меньшим качеством — и простым ластиком, и архивной кистью и через выделение, как предлагаю сделать я. Нам нужно выделить книжку, это можно сделать любым инструментом из палитры выделения — Волшебная палочка, Быстрое выделение, Магнитное лассо, можно сделать с помощью уже использованного нами в пролом примере Пера или же Быстрой маской. Я не останавливаюсь подробно на этом моменте, потому что рациональность выбора каждого конкретного инструмента сильно зависит от конкретного фото — может быть по-разному. Поэтому стоит потратить немного времени и «поупражняться» с выделением разными инструментами, найти подходящий вариант. Это в принципе очень полезный навык и пригодится не единожды.
Когда книжка выделена — перемещаемся на слой «Фон».
Копируем выделенное — Ctrl+J.
И перетаскиваем на самый верх этот слой с книжкой.
Готово. Вот так получилось:
Последнее фото на обработку — с черным фоном. С ним все очень просто. Открываем.
Корректируем Уровнями. Черный фон очень легко поддается такой коррекции, черный ползунок очень быстро «выбивает» темные пиксели, уводя их в равномерный черный цвет, чего мы, собственно, и добиваемся.
Натягиваем фон Пластикой или кадрируем изображение.
Вот и все, буквально, пара шагов, на которых мы уже достаточно подробно останавливались в прошлых примерах. Можно воспользоваться Размытием по поверхности, как в сером примере, если фон имеет дефекты, которые не ушли под черным ползунком Уровней.
Этот урок рассчитан на начинающих пользователей Photoshop. В процессе урока мы научимся удалять задний фон с картинки или фотографии и заменять его на другое изображение.
Мы рассмотрим один из самых простых примеров по удалению фона - будем удалять однотонный задний план. Цвет заднего плана не важен, главное, что он однотонный. Кроме того, края у предметов переднего плана ровные, что также упрощают задачу. Но начинать надо с малого, не так ли?
В уроке я расскажу о двух способах удаления фона - с помощью инструмента Волшебная палочка" (Magic Wand Tool) и с помощью инструмента "Волшебный ластик" (Magic Eraser Tool). В уроке я буду использовать версию Photoshop CC (Creativ Gloud), но урок подойдёт и к версиям ниже, вплоть до CS4 включительно.
Я буду работать с изображением фруктов на белом фоне, это и другие подобные изображения с клип-артами фруктов Вы можете скачать здесь.
Вот моё исходное изображение:
Давайте приступим.
Для начала, открываем наше изображение в Photoshop и смотрим на панель слоёв (если по каким-то причинам, у Вас этой панели нет, то её отображение включается/выключается нажатием клавиши F7). Мы видим там один слой, этот слой является фоновым, Photochop его так и назвал, "Фон" (или в англ. Background), справа на слое имеется иконка замочка, означающая, что слой заблокирован для редактирования:
Следовательно, нам нужно разблокировать фоновый слой, подробнее о способах разблокировки фонового слоя рассказывается здесь, а я быстро разблокирую его, дважды кликнув по иконке замочка. После двойного клика по замочку появится новое окно, где можно просто нажать на кнопку ОК, в результате слой будет разблокирован и переименован:
Теперь займёмся собственно удалением.
Удаление фона в помощью инструмента "Волшебной палочки" (Magic Wand Tool)
На панели инструментов, расположенной вертикально слева, выбираем инструмент "Волшебная палочка" (Magic Wand Tool):
И кликаем по белой области на изображении, на примере я кликнул в правом верхнем углу, в следствии чего в документе появилась выделенная область, отмеченная движущейся пунктирной линией, эта линия, обозначающая границу выделенной области, в простонародье называется "марширующие муравьи":
Теперь редактировать мы можем только ту часть изображения, которая находится в выделенной области. Всё, что находится вне выделения, недоступно для любого редактирования (удаления, рисования, цветовой коррекции и т.п.).
Но, бывают случаи, когда не совсем понятно, какая часть изображения является выделением, а какая - нет.
Чтобы определить, какие пиксели в изображении доступны для редактирования, надо включить подсветку быстрой маски, для этого следует нажать клавишу Q. Вот как теперь выглядит документ:
Красным отмечена область изображения, находящаяся вне зоны выделения, т.е. недоступная для редактирования. Чтобы отключить подсветку, т.е. быструю маску, снова нажимаем клавишу Q.
Удалить выделенную область целиком очень просто - надо всего-лишь нажать клавишу Delete. Сделаем это, и, для лучшего просмотра, снимем выделение. нажав комбинацию Ctrl+D. Вот что получилось, серо-белый шахматный фон обозначает прозрачную область:
Итак, фон вокруг корзины удалён, но задача не выполнена. т.к. остались фрагменты фона внутри корзины.
Эти области не были удалены. т.к. изначально не вошли в выделение, а произошло это из-за неправильной настройки инструмента "Волшебная палочка".
Давайте вернёмся назад и восстановим начальное состояние документа, для этого следует нажать кнопку F12.
Давайте настроим "Волшебную палочку". На данный момент нас интересует только одна опция этого инструмента - "Смежные пиксели" (Contiguous), которая в Photoshop включена по умолчанию. При активной данной опции, "Волшебная палочка" выделяет только смежные, т.е. соприкасающиеся друг с другом пиксели схожих цветов, а, в нашем случае, белые пиксели внутри ручки корзины отделены от внешних коричневыми пикселями этой самой ручки. Поэтому снимаем галку у опции "Смежные пиксели":
И кликаем "Волшебной палочкой" в том же самом месте, где кликали в первый раз, результат:
Нажимаем клавишу Q для включения быстрой маски, чтобы выделенная область была нагляднее:
Теперь область под ручкой доступна для редактирования и удаления, но, вместе с этим, доступны для удаления и некоторые пиксели на тале самой корзины, а нам это не надо.
Нажимаем на клавишу D, чтобы основной цвет на палитре цветов стал чёрным, делаем диаметр кисти примерно равным диаметру белых пятен, жёсткость устанавливаем на 100%, и закрашиваем пятна, в процессе закраски пятна должны исчезнуть под розовой подсветкой:
После того, как пятна закрашены, снова нажимаем клавишу Q, а затем Delete. Результат:
Примечание. Если перед созданием выделения "Волшебной палочкой" установить параметр "Допуск" (Toleranse) на ноль (этот параметр расположен вверху окна Photoshop немного левее опции "Смежные пиксели", сейчас он равен 32, см. рис. выше), то в выделение не войдут участки на самой корзине, и танцев с быстрой маской и кистью делать не потребуется.
Собственно, задача выполнена, фон под фруктами удалён. Теперь я могу перетащить слой на другое изображение с помощью инструмента "Перемещение" (Move Tool), либо создать новый слой с каким-либо изображением под слоем с корзиной.
На примере, я создал под слоем с корзиной слой с оранжево-красным градиентом:
Удаление фона на фотографии инструментом "Волшебный ластик" (Magic Eraser Tool
Действие данного инструмента по принципу сходно с "Волшебной палочкой", отличие в том, что он более автоматизирован и специализирован.
Как и всеми специализированными инструментами, работать "Волшебным ластиком" проще и быстрее, но вот подойдёт он для выполнения далеко не всех подобных задач по удалению.
Но, для нашего случая, этот инструмент подойдёт идеально, поэтому, давайте приступим.
"Волшебный ластик" расположен в стеке под инструментом "Ластик":
Для применения "Волшебного ластика" не требуется разблокировать фоновый слой, инструмент делает это автоматически при первом клике по слою.
Чтобы удалить белый фон на моей фотографии, надо, всего-лишь, перед применением инструмента, задать значение допуска ноль и отключить опцию смежные пиксели:
Теперь кликаем по любому участку белого фона и он моментально будет удалён, без создания выделенной области:
Собственно, всё, задача выполнена. согласитесь, гораздо быстрее, чем "Волшебной палочкой".
Кроме того, если Вы сделаете параметр "Непрозрачность" (Opacity) меньше 100%, "Волшебный ластик" удалит фон не полностью, а сделает его полупрозрачным.
Из этого следует, что, для удаления однотонного фона идеально подходит инструмент "Волшебный ластик". Но спектр применения этого инструмента гораздо уже. чем у "волшебной палочки".
Читайте также: