Добавить задний фон в фотошопе. Как размыть фон в "Фотошопе" красиво

Для Андроид 07.05.2019
Для Андроид

Здравствуйте, уважаемые читатели!

Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.

Как говорят многие — буду писать для чайников!

Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!

Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)

Делать различные 3D коробки и обложки, надписи и т.д

Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).

По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!

Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…

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

Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…

В этой небольшой статье мы раскроем такой небольшой секрет: «Как убрать задний фон с картинки в фотошопе?»

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

Как убрать задний фон с картинки в фотошопе!

Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop )…

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

Открываем наш Фотошоп…

Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть … (думаю тут скрин не нужен)

Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее ):

P.S. А вот небольшое замечание: картинка должна быть в формате JPG , с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!

Как сменить формат картинки?

Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)

Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg ) без каких либо изменений!

C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg

Кстати, я использую Adobe Photoshop CS6 Portable … (p.s. мне очень хорошая версия попалась)

После добавления картинки, в окне «Слои » сделайте двойной клик и в открывшемся окне нажмите «ок » (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения ):

Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка » (работает точнее чем «Быстрое выделение «) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):

После удаления фона нужно произвести сохранение (Файл — Сохранить как… ). Картинку нужно сохранять только в формате PNG , только тогда фон останется прозрачным!

В общем вот мой результат:

Возможно у меня есть некоторые погрешности, но я просто спешил — все это можно исправить, уделив больше внимания! Но главное, чтобы вы уловили саму суть…

Теперь такую картинку с легкостью можно поместить на любой фон!

Уроки фотошопа — как убрать фон… Второй вариант!

А вот второй вариант! Если честно, то он мне не по душе!

Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:

Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур… Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История , ну или кликом правой кнопкой мыши по ней — Удалить опорную точку )

Для удобного проставления точек можно использовать увеличение картинки.

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

После всех этих действий фон станет прозрачным, останется только сохранить картинку в формате PNG .

Почему мне не по душе этот вариант?

  • очень долго (особенно, если картинка — это не круг или квадрат=)
  • контур картинки иногда изменяет свой вид

И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:

Ну да, не удержался и записал про два способа=)

На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!

На этом все! Всем пока!

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

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

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

Мы с Вами пойдем другим путем, мы же профессионалы…

Для начала необходимо отделить объект от фона. Как это сделать, читайте в , чтобы не растягивать урок.

Итак, имеем исходное изображение:

Создаем копию слоя и выделяем автомобиль вместе с тенью.

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

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

Радиус растушевки выставляем 0 пикселей . Выделение инвертируем сочетанием клавиш CTRL+SHIFT+I .

Получаем следующее (выделение):

Теперь нажимаем сочетание клавиш CTRL+J , тем самым скопировав авто на новый слой.

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

Применяем к верхнему слою фильтр «Размытие по Гауссу» , который находится в меню «Фильтр – Размытие» .

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

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



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

Градиент тянем снизу вверх. Если с первого (со второго…) не получилось – ничего страшного, градиент можно протянуть снова безо всяких дополнительных действий.



Получаем такой результат:

Теперь помещаем наш вырезанный автомобиль в самый верх палитры.

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

Зажимаем CTRL и кликаем по миниатюре слоя, тем самым выделив его на холсте.

Затем выбираем инструмент «Выделение» (любой) и нажимаем на кнопку «Уточнить край» на верхней панели инструментов.



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

Теперь инвертируем выделение (CTRL+SHIFT+I ) и нажимаем DEL , тем самым удаляя часть авто по контуру.

Выделение снимаем сочетанием клавиш CTRL+D .

Давайте сравним исходное фото с конечным результатом:

Как видим, автомобиль стал более выделенным на фоне окружающего пейзажа.
При помощи данного приема можно размывать задний фон в Фотошопе CS6 на любых изображениях и подчеркивать любые предметы и объекты даже в центре композиции. Градиенты ведь не только линейные бывают…

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

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

Зачем нужен размытый фон?

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

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

Как размыть фон в "Фотошопе"?

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

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

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

Несколько простых вариантов размытия фона

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

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

Фильтр Iris Blur

Первый и самый легкий способ - использовать фильтр Iris Blur. Он одновременно выводит в фокус выбранный объект и размывает остальную часть снимка. Преимуществом этого метода является скорость и качество результата, среди недостатков стоит отметить форму фокуса, которая может быть только кругом или эллипсом.

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

Пошаговая инструкция

Следующие шаги детально описывают, как размыть задний фон в "Фотошопе CS6" с помощью фильтра Iris Blur ("Размытие диафрагмы"):

  1. Необходимо открыть файл в "Фотошопе" и снять блокировку слоя, дважды кликнув на его иконку, в выплывающем окне нажать Ok.
  2. Далее нужно выбрать необходимый фильтр в главном (верхнем) меню программы "Фотошоп", повторяя следующие шаги: Filter -> Blur -> Iris Blur. Фотография открывается в новом меню, которое предлагает выбрать точку фокусировки и радиус размытия с помощью передвижного эллипса.
  3. При настройке фокуса нужно, чтобы центр эллипса, обозначенный кругом, был в самом центре главного объекта фотографии. После того как фокус выбран, можно регулировать размеры и даже форму эллипса, переворачивая или вытягивая в стороны его края.
  4. С внутренней стороны эллипса находятся четыре точки, позволяющие регулировать переход от фокуса к размытию.
  5. На боковой панели под надписью Iris Blur находится бегунок, контролирующий уровень размытия - чем ниже значение, тем четче фон.
  6. Настроив все параметры, необходимо нажать Ok, и снимок готов.

Инструмент Blur

Второй способ - прибегнуть к помощи инструмента Blur и "закрасить" им фон. Использование инструмента "Размытие", возможно, является самым простым способом ответа на вопрос о том, как размыть фон в "Фотошопе". Для работы с ним нужен всего один слой, которым может стать оригинал фотографии.

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

Детальное описание

Следуя нескольким представленным ниже шагам, можно очень просто разобраться с тем, как размыть фон в "Фотошопе" удобно и быстро, тем самым улучшив снимок:

  1. Нужно загрузить выбранное фото в "Фотошоп" и снять блокировку слоя.
  2. На панели инструментов (слева) необходимо выбрать Blur, он обозначен значком капли.
  3. Панель настроек, находящаяся сверху, под главным меню программы, позволяет выбрать размер кисти и интенсивность размытия (Strength).
  4. Настроив все параметры работы инструмента, нужно провести кистью по той части фона, которую необходимо размыть.
  5. Размер кисти и интенсивность размытия можно менять по мере приближения к объекту фокуса, также можно поэкспериментировать с инструментом Blur и размыть фон неравномерно.

Работа с двумя слоями

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

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

Подробное описание

Последующая инструкция пошагово объясняет, как сделать фон размытым в "Фотошопе", используя всего два слоя:

  1. Выделяем верхний слой на боковой панели справа.
  2. Выбираем подходящий фильтр размытия из галереи: Filter -> Blur -> фильтр на выбор. Для быстрого и непринужденного эффекта лучше использовать Gaussian Blur. В итоге получится полностью размытая фотография.
  3. Для того чтобы выделить объект фокуса, нужно выбрать ластик (Eraser) на панели инструментов и, отрегулировав его размер, стереть часть верхнего слоя над той частью фото, которая должно быть четко сфокусированной.
  4. Корректируя размеры и прозрачность ластика, можно создать сложный и по-разному размытый фон.
  5. В конце необходимо соединить оба слоя в один, для этого в главном меню нужно выбрать Layer и затем нажать на Flatten image.

Эти способы идеально подходят для новичков, только начинающих знакомиться с "Фотошопом". Они отвечают на частые вопросы о том, как размыть задний фон в "Фотошопе" быстро и красиво. Помимо вышеперечисленного, существует еще масса возможностей превратить простое фото в глубокий и комплексный снимок с несколькими точками фокуса и сложными задними планами.

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

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

Для чего же нужно научится размывать задний фон в фотографии? Вопрос о том, как размыть задний фон очень актуальный, и его задают многие новички, которые только-только взяли в руки зеркалку. Размытый задний фон придает фотографии большей загадочности, что ли. А главное, выделяет главный объект! Но, откровенно говоря, я не фанат такого способа, я за «натуральное» боке . Но, если у вас объектив не блещет «боке»(например как мой ), то тут уже ничего не поделаешь, приходится «выкручиваться такими способами».

Итак, приступим к самому уроку. Хочу заранее сказать, что нужны основные понятия о том, и с масками (даю ссылку на урок с другого сайта, так как там отлично все расписано, и я уже не вижу смысла писать о масках что-то).

Открываем фотографию в программе Adobe Photoshop.

Делаем копию основного слоя (можно сделать Ctrl + J). В дальнейшем будем работать с копией слоя.

Теперь заходим в «Фильтр» — «Размытие» — «Размытие по Гауссу…» и выставляем около 5.5 пикс. (можно и больше, можно и меньше, это смотрите по ситуации и по тому, какой степени размытости вы хотите достигнуть):

Теперь включаем маску копии основного слоя. Это можно сделать нажав на данную кнопку и при этом зажав Alt:

И когда маска успешно создана, выбираем толщину кисти и «зарисовываем» задний фон:

И в итоге у нас должно получится подобное:

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

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

Вот, хочу что бы вы даже сравнили то что у ВАС получилось, и настоящее боке (взял рандомное фото из своей коллекции):

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

В сегодняшнем уроке будет рассказано, как поменять фон в Фотошопе CS6.

Замена фона на фото происходит в несколько этапов.

Первый – отделение модели от старого фона.
Второй – перенос вырезанной модели на новый фон.
Третий – создание реалистичной тени.
Четвертый – цветокоррекция, придание композиции завершенности и реалистичности.

Исходные материалы.

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

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

Итак, после прочтения статей и недолгих тренировок мы отделили модель от фона:

Теперь необходимо перенести ее на новый фон.

Перенос модели на новый фон

Перенести изображение на новый фон можно двумя способами.

Первый и самый простой – перетянуть фон на документ с моделью, а затем поместить его под слой с вырезанным изображением. Если фон больше или меньше холста, то необходимо подогнать его размеры при помощи Свободного трансформирования (CTRL+T ).

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

Размеры и положение также подгоняются при помощи Свободного трансформирования с зажатой клавишей SHIFT для сохранения пропорций.

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

Создание тени от модели

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

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

Затем слой нужно обесцветить сочетанием клавиш CTRL+SHIFT+U , после чего применить корректирующий слой «Уровни» .

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

Должен получиться примерно такой результат:

Переходим на слой с моделью (который обесцвечивали) и создаем маску.

Затем выбираем инструмент кисть.

Настраиваем ее так: мягкая круглая, цвет черный.


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

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

Теперь меняем режим наложения для слоя с маской на «Умножение» . Это действие удалит только белый цвет.



Завершающие штрихи

Давайте взглянем на нашу композицию.

Во-первых, мы видим, что модель явно насыщеннее в смысле цвета, чем фон.

Перейдем на верхний слой и создадим корректирующий слой «Цветовой тон/Насыщенность» .

Немного снизим насыщенность слоя с моделью. Не забываем активировать кнопку привязки.



Во-вторых, фон слишком яркий и контрастный, что отвлекает взгляд зрителя от модели.

Перейдем на слой с фоном и применим фильтр «Размытие по Гауссу» , тем самым немного размыв его.


Затем применим корректирующий слой «Кривые» .

Сделать фон в Фотошопе темнее можно, выгнув кривую вниз.

В-третьих, брюки модели слишком затенены, что лишает их деталей. Переходим на самый верхний слой (это «Цветовой тон/Насыщенность» ) и применяем «Кривые» .

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



Рекомендуем почитать

Наверх