Урок 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 способом))))
    Ответить
    • Vlad:
      Спасибо! =)
      Да, 3-й способ — это просто, удобно и быстро! 8)
      Ответить
  2. Антон Холкин:
    В целом, хорошая статья, но на мой взгляд, фотографии с Джеком и белкой подобраны неудачно. Вот с домом — хороший пример) Кстати, можно для выделения и размытия фона еще использовать инструмент «лассо». У меня на блоге есть статьи об этом (я уж ссылку не стал оставлять без разрешения автора блога). А вообще у нас блоги похожи (по рубрикам). Ну, будем знакомы, Влад :)
    Ответить
    • Vlad:
      В целом, да! =)

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

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

      Ответить
  3. Юрий Йосифович:
    Для меня ближе третий способ — а то выделять и работать с быстрой маской (честно даже незнаю как правильно с ней работать) — а вот растереть пальчиком или кистью размытия в выборочных местах — самое оно!
    Ответить
    • Vlad:
      Вас можно понять! =)
      Ответить
      • Юрий Йосифович:
        Да, а вы я так понимаю профессионально занимаетесь фотошопом (раз такие умные вещи рассказываете о режимах быстрой маски…)?
        Ответить
        • Vlad:
          Нет, не профессионально!

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

          Ответить
  4. Татьяна:
    Влад, спасибо большое за статью! Испробовала все способы все получилось. Больше всего понравились первые два способа.
    Ответить
    • Vlad:
      Рад, что смог вам помочь! =)
      Ответить
  5. Ирина Жигалова:
    Как-то мне нужно было сделать размытие заднего фона одной фотки. Не стала тогда искать информацию об этом. А сейчас, скорее всего, найду ту фотку и доведу её до ума. Спасибо, Влад, за урок!
    Ответить
    • Vlad:
      Обязательно отпишитесь о результатах! ;)
      Ответить
  6. Алексей:
    Классный урок! Затухание заднего фона бывает полезно и даже очень часто.
    Ответить
    • Vlad:
      Ага! =)
      Ответить
  7. Андрей Назыров:
    То что нужно! Только вчера скачал фотошоп, теперь буду применять на практике эти способы :)
    Ответить
    • Vlad:
      Удачи! ;)
      Ответить
  8. Алексей:
    Представляешь Влад, мы с тобой в одной группе из блогомарафона. Короче иду нажимать на твои соц. кнопки, хотя вот они. Жду в гости!
    Ответить
    • Vlad:
      Ага, я в курсе событий! Буду заходить теперь почаще! ;)

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

      Ответить
  9. Наталья Мельникова:
    Блин… фотошоп это ВЕЩЬ! Но к сожалению темная и далекая для меня! Может кто подскажет дельный видео курс по фотошопу для конкретных чайников?
    Ответить
    • Vlad:
      А вы заходите ко мне почаще, а я вам буду давать дельные и полезные уроки фотошопа «для чайников»! ;)
      Ответить
      • Наталья Мельникова:
        Хитро)) но все равно спасибо))
        Ответить
        • Vlad:
          Никакой хитрости! =)
          Ответить
  10. Лара:
    Привет, Влад! Полезная информация. Я бы посоветовала тебе уже написать ещё несколько статей на эту тему и подумать уже о выпуске видео курса по просьбе читателей))) Тем более, что у тебя всё хорошо получается!
    Ответить
    • Vlad:
      Привет!

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

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

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

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

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

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

      Ответить
  12. Николай:
    Интересные способы, порою бывает нужно самому выделить более четко передний план фото и замылить дальний. Буду упражняться, спасибо, vlad
    Ответить
    • Vlad:
      Да не за что! ;)

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

      Ответить
  13. Александр:
    Прикольно! Мне больше понравился третий способ. Буду применять для украшения картинок для постов.
    Ответить
    • Vlad:
      Химичте на здоровье! ;)
      Ответить
  14. Константин Белан:
    Классно, Влад! Я пользуюсь для размытия заднего фона в Photoshop’е совсем другим способом — немного быстрее, но получается не так качественно… Спасибо за открытие для меня нового способа — сегодня обязательно использую! А потом зайду и отпишусь :-)
    Ответить
    • Vlad:
      Константин, а что за способ? Напиши в крациях! =)
      Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

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

Оповещение на e-mail о выходе новых статей

Введите ваш e-mail адрес:

Топ комментаторов!
Макси(1)
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика