Skip to content
 

Превращаем цветную фотографию в чёрно-белую с цветным элементом.

обесцвечивание фотографии

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

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

Итак, приступим к уроку. Что нам нужно? Для начала нужно найти эффектную фотографию или картинку на бесплатных фотостоках. Адреса таких сервисов вы можете посмотреть в предыдущем уроке: «Обработка фотографий + подарки».

Как сделать цветное фото чёрно-белым с цветным объектом.

Открываем фотографию в фотошопе. Берём инструмент «Быстрое выделение» На панели с лева, четвёртое с верху. При наведении мышки на инструменты появляется подсказка. Можно вызвать этот инструмент нажатием клавиши — W.

инструменты фотошопа

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

Нажимаем на первую кисточку (выделение объекта). Нажимаем на треугольник, рядом с цифрой. Выпадает окно с настройками, здесь нам нужно поставить жесткость на 100%. Остальные настройки можно не трогать. Щёлкнем по экрану, что бы закрылось окно. Приступаем к выделению объекта, который нужно сохранить в цвете.

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

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

Если захватили немного лишнего, не волнуйтесь, лишнее уберем третьей кисточкой — вычитание из выделенной области. Нажимаем на кисточку (верхняя панель), и проводим в тех местах, которые не нужно выделять. Я тут вам так долго описываю этот процесс, а делается это всё очень быстро, легко и интересно. Очень умная кисточка — скажу я вам!

Когда всё, что нужно, выделено, идём в «Слои», на верхней панели, в открывшемся окне подводим курсов к «Новый», он самый первый в списке, откроется следующее окно, нажимаем «Скопировать на новый слой», или нажать «Ctrl» + «J». Всё, цветной объект скопирован на верхний слой. Ура — работа почти закончена!

выделение объекта

Выделяем нижний слой, с изображением, в палитре «слои». Жмём — «изображение» — «коррекция» — «обесцветить», или «Shift» + «Ctrl» + «U».  Вот так просто и быстро вы получили чёрно-белое изображение, с цветным объектом. Объединяем слои — «Shift»+ «Ctrl» + «E».

цветное фото в чёрно-белое Сохраняем для Web.

Итак, подведём итог, для получения чёрно-белого изображения с цветным объектом, нужно выполнить несколько шагов:

  1. Открыть фотографию в фотошопе.
  2. Выделить объект инструментом «быстрое выделение».
  3. Скопировать выделенный объект на новый слой.
  4. Вернуться на слой с фотографией.
  5. Обесцветить её.
  6. Объединить слои.
  7. Сохранить фотографию для Web в формате JPEG.

Семь шагов за две минуты!  Вот ещё один пример:

цветное фото в чёрно-белоечёрно-белое фото из цветного

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

из цвета в чёрно-белое

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

настройки параметров чёрно-белого изображения

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

С уважением Ирина Баталова.

Я хочу быть в курсе событий на сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Google

57 комментариев

  1. Интересно, надо будет так поизвращатся над фотками 💡 эффект интересный. Черно-белое фото вообще классика жанра.

  2. Круто-круто!! Надо будет попробовать так же. Очень креативно и оригинально получилось!! Спасибо за урок, Ирина!!!))

  3. Этот способ проще, чем я раньше делал (я раньше просто выделял и обесцвечивал области) — оказывается со слоями работать гораздо удобнее.

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

  5. Я фотошоп только осваиваю,ваша статья мне очень пригодится

    • @Олеся Сазонова, конечно пригодится, Олеся — ведь все четко и понятно написано Ириной.

    • @Олеся Сазонова, вы быстрее освоите фотошоп, если будите делать уроки. Только так можно всему научиться. Теория без практики ничему не научит. А этот урок обязательно сделайте. Вам для статей подойдёт такой эффект выделения цветом объекта на черно-белом фоне. Такой эффект подчеркнёт красоту изделия. ❗

      • @Ирина, для меня подобное пока сложно,конечно по урокам все делаешь,но тут же забываешь. Я хочу сначала познакомиться с панелями,со значками,и принципом работы фотошопа,а потом уже подобными уроками займусь

        • @Олеся Сазонова, так ты быстрее освоишь все панели и значки. Я училась фотошопу именно по урокам. Это кажется, что всё забываешь, на самом деле всё откладывается в памяти, как кусочки мазаики, пока не сложется в единую картину. 😉

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

  7. Ира, ты часто используешь горячие клавиши в фотошоп? Я не все знаю, но очень удобно. Записала для себя, и стараюсь чаще применять. Так быстрее, мне кажется.

    • @Светлана, раньше я ими не пользовалась, но потом поняла, что клавишами намного быстрее и удобнее. Сейчас работаю в основном с помощью клавиш. Но если забываю, какие то клавиши, то обычным путём, но сразу стараюсь запомнить или записать клавиши на будущее. 💡

  8. Действительно получаются отличные фотографии. Мое внимание такие фото всегда привлекали, и я думаю, что я не одна такая 🙂 Вот только жаль, что для тематики моего блога такие усовершенствования фотографий не подойдут…

  9. Отличный мастер-класс для новичков! Владею фотошопом на уровне «чайника», завтра же попробую осваивать и эти премудрости фотошопа. Спасибо.

  10. Полезная статья.Отписался вам на почту!Проверьте в спаме!

  11. Ира, браво! Очень эффектно получается! Ты самостоятельно осваиваешь фотошоп? Но, молодец, в любом случае. Особенно рада скриншотам так как у меня фотошоп на английском и часто бывает что только по картинке и находишь куда жать 😉

    • @Наталья, переключить фотошоп на русский язык дело одной минуты. А фотошоп я осваиваю самостоятельно уже два года. Состояла в группах по изучению фотошопа на мыле, сама искала уроки. В основном изучение шло по урокам из интернета, а теперь могу уже работать без уроков. ➡

    • @Наталья, почти во всех фотошопах есть русский язык, нужно только переключить в настройках. Ну а если в вашей версии нет русского языка, то можно его скачать. Я поделюсь.
      Переключить можно так: Переключаете клавиатуру на английскую раскладку и жмёте Ctrl+K, откроется окно основных настроек. Слева в списке жмёте на вторую сверху строчку — интерфейс. И в окне снизу есть окно — язык интерфейса. Нажимаете треугольник, и выбираете русский язык. И затем сохраняете изменения и перезагружаете фотошоп.
      ❗ ➡

  12. Ой, как здорово. Спасибо большое, Ирина. Пока только прочитала, как освобожусь, попробую поэкспериментировать.

  13. Как все просто то оказывается.) С фотошопом вообще не дружу, тяжелый он для меня. А может просто так кажется, я ведь его еще никогда и ни разу не изучала. Спасибо, Ирина. Попробую сегодня.)
    Я раньше как делала, просто делала черно-белое фото, и нужный мне элемент сама разукрашивала.)) Но, не очень красиво так получается.)

  14. Спасибо за статью. Хочу довести фото до ума (откадрировать, достирать цвет), распечатать и повесить.
    Думаю получится.

  15. Раньше как то не приходилось делать цветные фотографии в черно-белые, но мне это интересно. И вообще всё что связанно с фотошопом мне интересно.

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

Написать отзыв

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