Как легко сменить фон на изображении в фотошопе проверенными методами? Movavi — меняем задний фон на фотографии за считанные минуты
К замене фона при работе в редакторе Фотошоп прибегают очень часто. Большинство студийных фото делаются на однотонном фоне с тенями, а для составления художественной композиции требуется другой, более выразительный фон.
В сегодняшнем уроке будет рассказано, как поменять фон в Фотошопе CS6.
Замена фона на фото происходит в несколько этапов.
Первый
– отделение модели от старого фона.
Второй
– перенос вырезанной модели на новый фон.
Третий
– создание реалистичной тени.
Четвертый
– цветокоррекция, придание композиции завершенности и реалистичности.
Исходные материалы.
На нашем сайте уже присутствует очень содержательный и наглядный урок о том, как отделить объект от фона. Вот он:
В уроке рассказано, как качественно отделить модель от фона. И еще: поскольку Вы будете пользоваться Пером , то один эффективный прием описан еще и здесь:
Итак, после прочтения статей и недолгих тренировок мы отделили модель от фона:
Теперь необходимо перенести ее на новый фон.
Перенос модели на новый фон
Перенести изображение на новый фон можно двумя способами.
Первый и самый простой – перетянуть фон на документ с моделью, а затем поместить его под слой с вырезанным изображением. Если фон больше или меньше холста, то необходимо подогнать его размеры при помощи Свободного трансформирования (CTRL+T ).
Второй способ подойдет, если Вы уже открыли изображение с фоном для того, например, чтобы отредактировать. В этом случае необходимо перетянуть слой с вырезанной моделью на вкладку документа с фоном. После непродолжительного ожидания документ откроется, и слой можно будет поместить на холст. Все это время кнопку мыши нужно держать зажатой.
Размеры и положение также подгоняются при помощи Свободного трансформирования с зажатой клавишей SHIFT для сохранения пропорций.
Первый способ предпочтительнее, так как при изменении размера может пострадать качество. Фон мы будем размывать и подвергать другой обработке, поэтому незначительное ухудшение его качества на конечном результате не скажется.
Создание тени от модели
При помещении модели на новый фон она как бы «повисает» в воздухе. Для реалистичности картинки нужно создать тень от модели на нашем импровизированном полу.
Нам понадобится исходный снимок. Его необходимо перетянуть на наш документ и поместить под слой с вырезанной моделью.
Затем слой нужно обесцветить сочетанием клавиш CTRL+SHIFT+U , после чего применить корректирующий слой «Уровни» .
В настройках корректирующего слоя подтягиваем крайние ползунки к центру, а средним регулируем выраженность тени. Для того чтобы эффект применился только к слою с моделью, активируем кнопку, которая указана на скриншоте.
Должен получиться примерно такой результат:
Переходим на слой с моделью (который обесцвечивали) и создаем маску.
Затем выбираем инструмент кисть.
Настраиваем ее так: мягкая круглая, цвет черный.
Настроенной таким образом кистью, находясь на маске, закрашиваем (удаляем) черную область в верхней части изображения. Собственно говоря, нам необходимо стереть все, кроме тени, поэтому проходимся и по контуру модели.
Некоторый белые участки останутся, поскольку их проблематично будет удалить, но это мы исправим следующим действием.
Теперь меняем режим наложения для слоя с маской на «Умножение» . Это действие удалит только белый цвет.
Завершающие штрихи
Давайте взглянем на нашу композицию.
Во-первых, мы видим, что модель явно насыщеннее в смысле цвета, чем фон.
Перейдем на верхний слой и создадим корректирующий слой «Цветовой тон/Насыщенность» .
Немного снизим насыщенность слоя с моделью. Не забываем активировать кнопку привязки.
Во-вторых, фон слишком яркий и контрастный, что отвлекает взгляд зрителя от модели.
Перейдем на слой с фоном и применим фильтр «Размытие по Гауссу» , тем самым немного размыв его.
Затем применим корректирующий слой «Кривые» .
Сделать фон в Фотошопе темнее можно, выгнув кривую вниз.
В-третьих, брюки модели слишком затенены, что лишает их деталей. Переходим на самый верхний слой (это «Цветовой тон/Насыщенность» ) и применяем «Кривые» .
Кривую выгибаем вверх до тех пор, пока не появятся детали на брюках. На остальные части картинки не смотрим, так как следующим действие мы оставим эффект только там, где нужно.
Поменять задний фон у фотографии или картинки – задача отнюдь не простая, если Вы не владеете Фотошопом. Но даже в этом случае придется потратить немало времени и сил, а результат может оказаться не таким, как хотелось бы. Особенно часто это происходит в случае с неконтрастным либо перенасыщенным деталями фоном.
Фоторедактор Movavi – прекрасная и очень простая программа, в которой можно не только редактировать фотографии, добавлять им эффекты, настраивать экспозицию и пр. В ней также легко можно убрать задний фон и изменить его на другой. Справится даже ребенок! Именно на этом функционале Movavi Photo Editor мы сегодня и остановимся.
Посмотрите эту коротенькую видеоинструкцию, после чего мы пошагово разберем весь процесс:
При запуске программа просит открыть любое фото с жесткого диска. Сделайте это нажав на кнопку «Открыть файл» либо простым перетаскиванием файла прямо в окошко программы:
В качестве примера мы будем изменять фон на реальной фотографии, которую я сделал сам в Берлинском зоопарке:
Посмотрим, как программа справится с «живым» фото, а не тестовым, потому что в описании на сайте movavi.ru всё выглядит весьма заманчиво:
После загрузки файла в меню инструментов кликните на опцию «Удаление фона»:
Шаг 1. Выделение объекта и фона
На этом этапе наша задача состоит в том, что определить:
- Что надо удалить с фотографии (в данном случае – фон)
- Что надо оставить (в данном случае – центральный объект)
Программа автоматически определит границы объекта и очертит его желтым контуром, а Вам останется их только немного подредактировать, если результат будет неидеальным.
Не нужно целиком закрашивать фон и объект кистью – достаточно всего несколько штрихов! Уникальный алгоритм обработки изображений Movavi сделает дальнейшую работу самостоятельно.
Шаг 2. Уточнение контура
Откорректировать выделение можно рядом способов:
- Ластик – сотрите лишние красные или зеленые штрихи кисти.
- Смягчение границ – выберите один из вариантов (0 – самый резкий контур, 3 – самый плавный).
- Размытие краёв – чем больше значение, тем более плавной будет граница объекта относительно фона (добавляется эффект блюра).
- Смещение краев. Если выделение произошло немного неточно, с захватом отдельных пикселей фона по контуру, то изменяя данный ползунок, можно сжимать/расширять края выделения объекта.
Шаг 3. Замена фона
Фоторедактор Movavi дает возможность:
- Сохранить прозрачный фон
- Заменить фон сплошной заливкой (цвет можно выбрать из палитры)
- Поменять фон на произвольную картинку
Последний вариант гораздо интересней, так как позволяет делать настоящие фотоколлажи. Нажимаем кнопку «Изображение» и подгружаем какую-либо картинку или фотографию. Я нашел в интернет фото саванны, и вот что у меня получилось:
Размер объекта в коллаже можно менять, ухватившись курсором за круглую синюю кнопку. Можно также переместить его в любое место рабочей области простым перетаскиванием мыши.
После применения изменений можно поиграться в фоторедакторе с эффектами. После 2-3 минут настроек у меня получился вот такой результат:
Как на Ваш взгляд, хорошо получилось? Видно что у фото вырезан фон и заменен на совершенно другой?
К сожалению, Movavi Photo Editor не бесплатна. Чтобы с её помощью убрать задний фон на фото , придется немного раскошелиться:) Вернее сказать, скачать софт с официального сайта и работать в нем можно совершенно спокойно – деньги попросят только за сохранение результата. Лицензия стоит 990 руб. Если часто редактируете фотографии и любите создавать коллажи с заменой фона – то покупка будет более чем оправдана. Времени сэкономите кучу, и не придется изучать Фотошоп:) В остальных случаях – решать Вам.
На панели инструментов, расположенной вертикально слева, выбираем инструмент "Волшебная палочка" (Magic Wand Tool):
И кликаем по белой области на изображении, на примере я кликнул в правом верхнем углу, в следствии чего в документе появилась выделенная область, отмеченная движущейся пунктирной линией, эта линия, обозначающая границу выделенной области, в простонародье называется "марширующие муравьи":
Теперь редактировать мы можем только ту часть изображения, которая находится в выделенной области. Всё, что находится вне выделения, недоступно для любого редактирования (удаления, рисования, цветовой коррекции и т.п.).
Но, бывают случаи, когда не совсем понятно, какая часть изображения является выделением, а какая - нет.
Чтобы определить, какие пиксели в изображении доступны для редактирования, надо включить подсветку быстрой маски , для этого следует нажать клавишу Q. Вот как теперь выглядит документ:
Красным отмечена область изображения, находящаяся вне зоны выделения, т.е. недоступная для редактирования. Чтобы отключить подсветку, т.е. быструю маску, снова нажимаем клавишу Q.
Удалить выделенную область целиком очень просто - надо всего-лишь нажать клавишу Delete. Сделаем это, и, для лучшего просмотра, снимем выделение. нажав комбинацию Ctrl+D. Вот что получилось, серо-белый шахматный фон обозначает прозрачную область:
Итак, фон вокруг корзины удалён, но задача не выполнена. т.к. остались фрагменты фона внутри корзины.
Эти области не были удалены. т.к. изначально не вошли в выделение, а произошло это из-за неправильной настройки инструмента "Волшебная палочка".
Давайте вернёмся назад и восстановим начальное состояние документа, для этого следует нажать кнопку F12.
Давайте настроим "Волшебную палочку". На данный момент нас интересует только одна опция этого инструмента - "Смежные пиксели" (Contiguous), которая в Photoshop включена по умолчанию. При активной данной опции, "Волшебная палочка" выделяет только смежные, т.е. соприкасающиеся друг с другом пиксели схожих цветов, а, в нашем случае, белые пиксели внутри ручки корзины отделены от внешних коричневыми пикселями этой самой ручки. Поэтому снимаем галку у опции "Смежные пиксели":
И кликаем "Волшебной палочкой" в том же самом месте, где кликали в первый раз, результат:
Нажимаем клавишу Q для включения быстрой маски , чтобы выделенная область была нагляднее:
Теперь область под ручкой доступна для редактирования и удаления, но, вместе с этим, доступны для удаления и некоторые пиксели на тале самой корзины, а нам это не надо.
Чтобы исправить этот недочёт, воспользуемся активной на данный момент быстрой маской (Quick Mask).
Нажимаем на клавишу D, чтобы основной цвет на палитре цветов стал чёрным, делаем диаметр кисти примерно равным диаметру белых пятен, жёсткость устанавливаем на 100%, и закрашиваем пятна, в процессе закраски пятна должны исчезнуть под розовой подсветкой:
После того, как пятна закрашены, снова нажимаем клавишу Q, а затем Delete. Результат:
Примечание. Если перед созданием выделения "Волшебной палочкой" установить параметр "Допуск" (Toleranse) на ноль (этот параметр расположен вверху окна Photoshop немного левее опции "Смежные пиксели", сейчас он равен 32, см. рис. выше), то в выделение не войдут участки на самой корзине, и танцев с быстрой маской и кистью делать не потребуется.
Собственно, задача выполнена, фон под фруктами удалён. Теперь я могу перетащить слой на другое изображение с помощью инструмента "Перемещение" (Move Tool), либо создать новый слой с каким-либо изображением под слоем с корзиной.
На примере, я создал под слоем с корзиной слой с оранжево-красным градиентом:
Удаление фона на фотографии инструментом "Волшебный ластик" (Magic Eraser Tool
Действие данного инструмента по принципу сходно с "Волшебной палочкой", отличие в том, что он более автоматизирован и специализирован.
Как и всеми специализированными инструментами, работать "Волшебным ластиком" проще и быстрее, но вот подойдёт он для выполнения далеко не всех подобных задач по удалению.
Но, для нашего случая, этот инструмент подойдёт идеально, поэтому, давайте приступим.
"Волшебный ластик" расположен в стеке под инструментом "Ластик":
Для применения "Волшебного ластика" не требуется разблокировать фоновый слой , инструмент делает это автоматически при первом клике по слою.
Чтобы удалить белый фон на моей фотографии, надо, всего-лишь, перед применением инструмента, задать значение допуска ноль и отключить опцию смежные пиксели:
Теперь кликаем по любому участку белого фона и он моментально будет удалён, без создания выделенной области:
Собственно, всё, задача выполнена. согласитесь, гораздо быстрее, чем "Волшебной палочкой".
Кроме того, если Вы сделаете параметр "Непрозрачность" (Opacity) меньше 100%, "Волшебный ластик" удалит фон не полностью, а сделает его полупрозрачным.
Из этого следует, что, для удаления однотонного фона идеально подходит инструмент "Волшебный ластик". Но спектр применения этого инструмента гораздо уже. чем у "волшебной палочки".
1 голосДоброго времени суток, уважаемые читатели моего блога. Фон – один из самых важных элементов картинки. Благодаря ему можно даже самую неважную фотку превратить в стильную и современную. Сделать это нетрудно даже для новичка, обладающего минимальными знаниями программы Photoshop.
Сегодня я расскажу вам как залить фон в фотошопе четырьмя способами, покажу какими инструментами пользоваться для быстрого результата, самого качественного и дам несколько полезных рекомендаций, чтобы картинка выглядела более профессионально выполненной.
Приступим?
Инструмент «Заливка»
Если вы хотите залить фон на готовой фотографии, то у вас ничего не получится, пока вы не избавитесь от уже имеющегося заднего фона. Сделать это можно несколькими способами. Я рекомендую вам для начала разобраться с заливкой, поработав с текущей публикаций и «чистым» документом, а потом прочитать статью в моем блоге о том, и работать с png.
Создайте новый документ через меню «Файл» — «Создать».
В Фотошопе некоторые инструменты располагаются на одной и той же кнопке. Как, например, «Градиент» и «Заливка». Чтобы открыть дополнительное меню, нужно просто на несколько секунд зажать левую кнопку мыши, оно откроется и вы сможете выбрать то, что вам нужно.
Так как я пользуюсь самой последней версией Photoshop CC, то у меня еще есть «Выбор 3D-материала». Сказать честно, я этой функцией никогда не пользовался.
Если вы хотите залить документ одним цветом, то вам понадобится обычная «Заливка».
Чуть ниже, в той же панели вы можете видеть два цвета. Один сверху – текущий, которым вы пользуетесь сейчас, ко второму, нижнему, у вас есть возможность быстрого доступа. Переключиться между ними можно при помощи стрелок в правом верхнем углу, а миниатюра в левом нижнем позволяет переключиться к самым распространенным и часто используемым – черному и белому.
Кроме того, некоторые двухцветные фильтры, например, «Облака» отображаются в той цветовой гамме, которая у вас выставлена в этом меню, но это совсем другая история.
Щелкните по верхнему цвету левой кнопкой мыши и у вас откроется дополнительное окно выбора. Сначала в полосе справа вы выбираете основной цвет, а в квадрате слева определяетесь с оттенком. Затем жмете «Ок», чтобы применить изменения.
Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.
Применение фильтров
В природе никогда не бывает одного четкого цвета, существуют оттенки, переливы, тени, какая-то текстура или блики. Поэтому просто заливка априори не может понравиться нашему глазу.
Обычно на фон я, как минимум добавляю «Шум». Вы можете открыть галерею фильтров и попробовать на практике тот или иной вариант, чтобы понимать, как он выглядит. Ну или просто воспользуйтесь моей схемой. В одной из своих статей я рассказал , возможно эта статья окажется для вас полезной.
Выберите «Шум», а затем «Добавить шум».
Практически у любого фильтра есть функция предварительного просмотра, жмете на галочку и смотрите как изменения отражаются на вашей фотографии. В случае с шумом вам останется только подвигать ползунком, чтобы достичь лучшего результата.
Вот такой результат у меня получился. Для некоторых цветов я применяю еще и фильтр «Размытие» — «Размытие по Гауссу», но в случае с фиолетовым это лишнее. А вот вам может пригодиться. Попробуйте сделать это самостоятельно.
Я заметил, что не так много людей пользуется «Историей», в которой отображаются все действия, применяемые пользователем. Зря, ведь это очень удобно. Один щелчок по определенному шагу возвращает вас к тому моменту, где вы его выполняли.
Откройте «Окно», поставьте галочку напротив «История» и поместите ее в нижнюю панель справа.
Теперь, чтобы вернуться к началу мне просто нужно нажать на «Новый» и уберутся все цвета и шумы. Можно начинать сначала
Инструмент «Градиент»
Откройте папку с изображением и перетащите его в рабочее окно.
Осталось лишь растянуть. В этом нет ничего сложного. Но можете прочитать статью о том, Возможно, узнаете кое-что новое.
Ну вот почти и все.
Видео инструкция
После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — Телескоп для телефона .
Чтобы залить фон, вам просто нужно активировать фон, нажать на него. Тогда все изменения будут применяться не к самому объекту, а именно к заднему слою. Ну, думаю, что вы поймете, когда увидите ролик. Я специально не стал из него ничего вырезать.
Можете посмотреть с какими трудностями я столкнулся во время работы.
Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте о фотошопе больше. Ну а если вам хочется научиться работать с программой профессионально и знать все о ее инструментах и возможностях, могу посоветовать видео курс «Фотошоп с нуля в видео формате ».
Вам больше не придется искать ответы в интернете. Если вы знаете какими инструментами и что можно сделать, то пути решения будут появляться у вас сами собой. Это и отличает профессионалов.
Ну вот и все. До новых встреч и удачи.
Очень часто при фотографировании объектов последние сливаются с фоном, «теряются» в пространстве из-за практически одинаковой резкости. Решить проблему помогает размытие заднего фона.
Этот урок расскажет Вам о том, как сделать задний фон размытым в Фотошопе.
Дилетанты поступают следующим образом: делают копию слоя с изображением, размывают ее, накладывают черную маску и открывают ее на фоне. Такой способ имеет право на жизнь, но чаще всего такие работы получаются неаккуратными.
Мы с Вами пойдем другим путем, мы же профессионалы…
Для начала необходимо отделить объект от фона. Как это сделать, читайте в , чтобы не растягивать урок.
Итак, имеем исходное изображение:
Создаем копию слоя и выделяем автомобиль вместе с тенью.
Особая точность здесь не нужна, авто мы потом поместим обратно.
После выделения нажимаем внутри контура правой кнопкой мыши и образовываем выделенную область.
Радиус растушевки выставляем 0 пикселей . Выделение инвертируем сочетанием клавиш CTRL+SHIFT+I .
Получаем следующее (выделение):
Теперь нажимаем сочетание клавиш CTRL+J , тем самым скопировав авто на новый слой.
Помещаем вырезанный автомобиль под копию фонового слоя и делаем дубликат последнего.
Применяем к верхнему слою фильтр «Размытие по Гауссу» , который находится в меню «Фильтр – Размытие» .
Размываем фон настолько, насколько считаем нужным. Здесь все в Ваших руках, только не переусердствуйте, иначе автомобиль будет казаться игрушечным.
Нам нужно сделать плавный переход от четкого изображения на переднем плане до размытого на заднем.
Берем инструмент «Градиент»
и настраиваем его, как показано на скринах ниже.
Дальше самый сложный, но вместе с тем интересный, процесс. Нам необходимо протянуть градиент по маске (не забываем кликнуть по ней, тем самым активировав для редактирования) таким образом, чтобы размытие начиналось примерно на кустах за автомобилем, поскольку они находятся за ним.
Градиент тянем снизу вверх. Если с первого (со второго…) не получилось – ничего страшного, градиент можно протянуть снова безо всяких дополнительных действий.
Получаем такой результат:
Теперь помещаем наш вырезанный автомобиль в самый верх палитры.
И видим, что края авто после вырезания выглядят не очень привлекательно.
Зажимаем CTRL и кликаем по миниатюре слоя, тем самым выделив его на холсте.
Затем выбираем инструмент «Выделение» (любой) и нажимаем на кнопку «Уточнить край» на верхней панели инструментов.
В окне инструмента выполним сглаживание и растушевку. Какие-то советы здесь давать сложно, все зависит от размера и качества изображения. Мои настройки такие:
Теперь инвертируем выделение (CTRL+SHIFT+I ) и нажимаем DEL , тем самым удаляя часть авто по контуру.
Выделение снимаем сочетанием клавиш CTRL+D .
Давайте сравним исходное фото с конечным результатом:
Как видим, автомобиль стал более выделенным на фоне окружающего пейзажа.
При помощи данного приема можно размывать задний фон в Фотошопе CS6 на любых изображениях и подчеркивать любые предметы и объекты даже в центре композиции. Градиенты ведь не только линейные бывают…
