Урок 6. Как сделать размытие заднего фона на изображениях?

как сделать задний фон размытым, размытие заднего фона
Привет всем!

В данном посте снова поговорим о фотошопе, его возможностях, изучим и испытаем новые инструменты, и еще чего-то там…

А именно, научу вас делать размытие заднего фона на изображениях!

Это распространенный прием, который часто применяют профессиональные фотографы.

«Зачем его применяют?» — скажете вы.

А все очень просто и вполне логично: для выделения нужных объектов (тем самым делая их главными) и скрытия второстепенного «мусора».

На заднем фоне часто присутствует много объектов, которые отвлекают человека и забирают его внимание на себя, тем самым отрывая от основного предмета концентрации…

Иногда это бывает просто некрасиво и негармонично!

В таких случаях нам и приходит на помощь размытие заднего фона!

Использовав данную фишку вы сами прикажете человеку куда ему смотреть, тем самым использовав его внимание по максимуму!

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

А вот вам и небольшой пример:

До:

как сделать задний фон размытым, размытие заднего фона
После:

как сделать задний фон размытым, размытие заднего фона
А вы знали, что с помощью цифрового фотоаппарата и правильных настроек можно получить уже готовый кадр с размытым фоном?

Но, увы, сайт у меня не о фото, да и сам я не фотограф! Поэтому подробнее вам не расскажу!

Зато в фотошопе навыков хватает, что позволит показать вам несколько вариантов достижения цели!

Поехали!

Как сделать задний фон размытым?

Это уже 6-й урок по фотошопу! Писать «открываем фотошоп» и рисовать карты до уже использованных ранее инструментов я не буду!

Мы уже много проходили в предыдущих постах:

Как правильно скачать и установить программу фотошоп на свой компьютер?

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

Урок 2. Как создать анимацию в фотошопе? Или плавное появление надписи…

Урок 3. Трансформирование в фотошопе. Полезные фишки для творчества.

Урок 4. Эффект рваных краев в фотошопе… Очередная ступенька для чайника!

Урок 5. Эффект рваных краёв в фотошопе — дубль два!

Тем не менее, все будет как всегда: понятно и доступно даже для «чайника»!

Способ №1

После того как загрузили фотографию, переходим в режим «Быстрая маска» (горячая клавиша Q).

Что мы будем делать в данном виде редактирования?

Так мы сможем замаскировать те части фотографии, которые мы не хотим изменять… И когда в конце будем применять фильтры размытия, то они не повлияют на эти участки!

Выбираем инструмент «Кисть» (клавиша B) и начинаем закрашивать нужные нам области изображения, которые хотим оставить неизменными.

По умолчанию обработанный участок приобретает красный цвет…

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

Если закрасили что-то лишнее не переживайте! Можно использовать ластик (клавиша E) и стереть свои косяки; или воспользоваться вкладкой «История», вернув свою работу на нужный этап.

Вкладка «История» во включенном виде находится вот здесь:

как сделать задний фон размытым, размытие заднего фона
Так сразу и не понять что и где…

Это правая панель инструментов! Посмотрите ярлык инструмента на скриншоте (стрелка с кубиками) и ищите такой у себя!

Что делать, к примеру, если вам не удалось найти инструмент на панели?

Не время для паники! Скорее всего данная функция просто отключена…

Итак, заходим на верхнем меню во вкладку «Окно» и там ставим галочку напротив «История». Вот и все!

Продолжаем нашу обработку фотографии!

По окончанию нанесения маски, нажмите снова клавишу Q для возврата в стандартный режим.

Что должно произойти?

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

Все следующие изменения будут влиять только на эту часть!

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

Идем дальше…

В меню «Фильтр» выберите вкладку: Размытие — Размытие по Гауссу…

Автоматически откроется новое окошко, где нужно выбрать радиус размытия:

как сделать задний фон размытым, размытие заднего фона
Здесь как говорится: «На вкус и цвет товарищей нет!». Пробуйте, меняйте, оптимальный вариант получайте! =)

Есть вот такие рекомендации:

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

 

Изменения сразу видны на вашей фотографии и в данном окошке, но в силу не вступят пока вы не нажмете кнопочку «Ок».

Что будет если убрать галочку напротив слова «Просмотр»?

Радиус размытия будет отображаться только на фотографии в маленьком окошке!

Моя картинка плохая для примера, поэтому решил с ней похимичить и поставил радиус размытия на 1000 пикселей… А нет, передумал!

Вот результат (22,3 px):

как сделать задний фон размытым, размытие заднего фона
После применения эффекта нажмите сочетание клавиш Ctrl+D, чтобы снять выделение!

Можете сохранить ваше изображение!

Способ №2

Выбираем инструмент «Перо».

На панели настроек должен стоять параметр «Контур»:

как сделать задний фон размытым, размытие заднего фона
Теперь делаем обводку нужного нам объекта!

как сделать задний фон размытым, размытие заднего фона
Вникать в подробности здесь не будем! В статье «Урок 1. Как убрать задний фон с картинки в фотошопе?» подробно был описан данный процесс!

Когда контур будет замкнут, сделайте клик правой кнопкой мыши и нажмите «Образовать выделенную область…»

В новом всплывающем окне ставим радиус растушевки (к примеру, 0,3 px).

как сделать задний фон размытым, размытие заднего фона
Потом в меню «Выделение» нажмите «Инверсия» (Shift+Ctrl+I): теперь выделена не наша фигура, а все что находится за ней!

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

В меню «Фильтр» выберите вкладку: Размытие — Размытие по Гауссу…

И т.д…

Изображение после обработки:

как сделать задний фон размытым, размытие заднего фона
Способ №3

Этот способ «для ленивых»! Картинку, там где Джек Воробей, я обработал в такой способ!

Все просто! Берем инструмент «Размытие» (к примеру, на левой панели инструментов) и с помощью него размываем нужные участки фотографии!

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

Если вы делали выделение (способ №1 и №2), спешили и все получилось неаккуратно, то данным инструментом можно немного доработать пропущенные участки…

Вот и все!

Я показал вам основные способы редактирования… Да, их много, некоторые даже повторяются определенными моментами, зачастую сам процесс бывает просто немного изменен, или усложнен — но итог всегда тот же!

Для размытие фона используют даже специальные программы… Как по мне — «Самый лучший подарок — тоткоторый сделан своими руками»…

Или как-то так… Это неважно! Думаю, что вы саму суть уловили…

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

Что еще сказать?

Каждый делает так, как ему удобнее, исходя из ситуации или сложности фотографии!

Если есть вопросы, задавайте все в комментариях!

Подписывайтесь на обновления блога и будем химичить вместе! Так же вы сможете заказывать и выбирать темы для написания постов… Заказы я выполняю, возможно не сразу, но делаю!

Не забудьте поделится с друзьями!

P.S. Не пойму, почему блоггеры не делятся записями один одного? Висят эти кнопки соц.сетей просто так, а ретвитов нет… Печально!

До скорых встреч!

С вами был ваш любознательный Ёжик…

Понравилась статья? Поделиться с друзьями:
Комментариев: 34
  1. Леха)

    Классная статья! Только я пользуюсь лишь 3 способом))))

    1. Vlad Lemishko (автор)

      Спасибо! =)
      Да, 3-й способ — это просто, удобно и быстро! 8)

  2. Антон Холкин

    В целом, хорошая статья, но на мой взгляд, фотографии с Джеком и белкой подобраны неудачно. Вот с домом — хороший пример) Кстати, можно для выделения и размытия фона еще использовать инструмент «лассо». У меня на блоге есть статьи об этом (я уж ссылку не стал оставлять без разрешения автора блога). А вообще у нас блоги похожи (по рубрикам). Ну, будем знакомы, Влад :)

    1. Vlad Lemishko (автор)

      В целом, да! =)

      Насчет фотографий с вами согласен, я даже упоминал про это в посте!

      Будем знакомы! ;)

  3. Юрий Йосифович

    Для меня ближе третий способ — а то выделять и работать с быстрой маской (честно даже незнаю как правильно с ней работать) — а вот растереть пальчиком или кистью размытия в выборочных местах — самое оно!

    1. Vlad Lemishko (автор)

      Вас можно понять! =)

      1. Юрий Йосифович

        Да, а вы я так понимаю профессионально занимаетесь фотошопом (раз такие умные вещи рассказываете о режимах быстрой маски…)?

        1. Vlad Lemishko (автор)

          Нет, не профессионально!

          Просто люблю познавать новое и быстро схватываю на лету! ;)

  4. Татьяна

    Влад, спасибо большое за статью! Испробовала все способы все получилось. Больше всего понравились первые два способа.

    1. Vlad Lemishko (автор)

      Рад, что смог вам помочь! =)

  5. Ирина Жигалова

    Как-то мне нужно было сделать размытие заднего фона одной фотки. Не стала тогда искать информацию об этом. А сейчас, скорее всего, найду ту фотку и доведу её до ума. Спасибо, Влад, за урок!

    1. Vlad Lemishko (автор)

      Обязательно отпишитесь о результатах! ;)

  6. Алексей

    Классный урок! Затухание заднего фона бывает полезно и даже очень часто.

    1. Vlad Lemishko (автор)

      Ага! =)

  7. Андрей Назыров

    То что нужно! Только вчера скачал фотошоп, теперь буду применять на практике эти способы :)

    1. Vlad Lemishko (автор)

      Удачи! ;)

  8. Алексей

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

    1. Vlad Lemishko (автор)

      Ага, я в курсе событий! Буду заходить теперь почаще! ;)

      P.S. Соц. кнопки пока молчат о твоих кликах… %)

  9. Наталья Мельникова

    Блин… фотошоп это ВЕЩЬ! Но к сожалению темная и далекая для меня! Может кто подскажет дельный видео курс по фотошопу для конкретных чайников?

    1. Vlad Lemishko (автор)

      А вы заходите ко мне почаще, а я вам буду давать дельные и полезные уроки фотошопа «для чайников»! ;)

      1. Наталья Мельникова

        Хитро)) но все равно спасибо))

        1. Vlad Lemishko (автор)

          Никакой хитрости! =)

  10. Лара

    Привет, Влад! Полезная информация. Я бы посоветовала тебе уже написать ещё несколько статей на эту тему и подумать уже о выпуске видео курса по просьбе читателей))) Тем более, что у тебя всё хорошо получается!

    1. Vlad Lemishko (автор)

      Привет!

      Как ты там, фон уже научилась убирать сама? :-D

      Да, написать нужно: и видео-курсы, и посты… %)

      1. Лара

        Что-то мне кажется, придётся тебя нанять для индивидуального обучения, когда захочу серьёзно изучить фотошоп =) Я пока только начинающий ученик. Серьёзно заниматься нет сил, но есть желание. Как-то так. Всё в планах… А насчёт ошибок… не самая страшная опечатка)))

        1. Vlad Lemishko (автор)

          Когда надумаешь, мои уроки уже будут платными! :-D

          Какие ошибки? Лара, ты о чем? %)

  11. Никита

    Со всеми способами был знаком, но всё равно отличная статья, т.к. объясняешь просто и понятно! Отличный стиль написания!

    1. Vlad Lemishko (автор)

      Спасибо!

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

  12. Николай

    Интересные способы, порою бывает нужно самому выделить более четко передний план фото и замылить дальний. Буду упражняться, спасибо, vlad

    1. Vlad Lemishko (автор)

      Да не за что! ;)

      Пробуйте, а потом напишете о своих результатах!

  13. Александр

    Прикольно! Мне больше понравился третий способ. Буду применять для украшения картинок для постов.

    1. Vlad Lemishko (автор)

      Химичте на здоровье! ;)

  14. Константин Белан

    Классно, Влад! Я пользуюсь для размытия заднего фона в Photoshop’е совсем другим способом — немного быстрее, но получается не так качественно… Спасибо за открытие для меня нового способа — сегодня обязательно использую! А потом зайду и отпишусь :-)

    1. Vlad Lemishko (автор)

      Константин, а что за способ? Напиши в крациях! =)

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: