Перейти на новую версию сайта https://iuraf.ru

Adobe Photoshop. Урок 2

Контурная обрезка изображения.
Как вырезать изображение в Adobe Photoshop.

Наши задачи на этом уроке:

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


Что нам будет нужно:

  • Фото с портретом, который мы будем вырезать.
  • Фото с пейзажем, которое будет служить нам фоном для вставки портрета.
  • Программа Adobe Photoshop.

Фото - источник.

Это фото источник, который нам надо будет обрезать и вставить на фон справа.

Фото - фон

Это фото "Фон" на который мы будем помещать фото слева.

 

Быстрое выделение.

Для того что бы выполнить нашу задачу изучим работу инструмента Adobe Photoshop "Быстрое выделение". Для этого откроем в Adobe Photoshop два подготовленных файла.

Мы видим - эти две фотографии открылись в разных вкладках.

Выделим файл с женщиной. И начнем процесс вырезки. Для этого:

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


ВНИМАНИЕ!

  • ctrl+Пробел+Щелчок мыши - увеличить,
  • alt+Пробел+Щелчок мыши - уменьшить,
  • держать Пробел и двигайте мышью переместить.
    •




Возьмем инструмент "Быстрое выделение":





ВНИМАНИЕ!
Под меню Adobe Photoshop всегда располагается динамическая панель текущего инструмента.

Под меню Adobe Photoshop отобразится панель "Быстрое выделение", а на ней опции быстрого выделения:



Мы воспользуемся опцией параметры кисти:

  • Размер инструмента можно выбрать 30,
  • жесткость 100, (размытость инструмента 0% - максимально размытые края, 100% - резкие края)
  • интервал 10.

Чтобы разобраться лучше с этими параметрами поэкспериментировать.

Чем более мелкие детали нужно выделять, тем меньше должен быть размер кисти. (Кисть - курсор - кружочек с крестиком посередине).

Для выделения нужного фрагмента фото:

  • Нажмем левую кнопку мыши (держим) и "елозим" мышкой на той области рисунка, которую мы хотим выделить, подводя мышь максимально близко к границе. Выделенная область будет окружена "Муравьями".
  • Если выделилась область рисунка, которая нам не нужна - нажимаем alt (в кружечке плюс сменится на минус) и удаляем лишнее.


После окончания выделения жмем кнопку "Выделение и маска" на панели "Быстрое выделение".



Отобразится окно, на котором есть управление опциями выделения. Перед тем, как Вы начнете разбираться с ними я рекомендую опцию "Прозрачность" выставить около 90%, так будет нагляднее.

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

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

В нашем случае я установил все остальные опции в "0". Нажимаем "Ок". (Окно закроется).

Копируем выделенное (ctrl+C).

Окно с фоновым рисунком делаем активным и вставляем скопированное (ctrl+v).



Открываю панель "Слои" (Меню Окно/Слои). Вот что на экране:

В панельке Слои мы видим два слоя: нижний - фон, и верхний Слой 1 - наша вырезка.



Выбираем инструмент "Перемещение" (Верхний слева). Выделяем "слой 1" и двигаем изображение вниз до соприкосновения с краем, можно чуть влево (для красоты).

Вот что у меня получилось:



Сохранение в файл

Теперь нам нужно наш монтаж сохранить. Как мы можем это сделать:

  • Меню Файл/Сохранить. Выбираем формат .PSD. Сохраняем. В этом формате сохраняется информация о слоях.
  • Меню Файл/Сохранить. Выбираем формат .JPG. Сохраняем. В этом формате информация о слоях не сохраняется.

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

В моем случае файл .PSD имеет размер 13,6 Мб, а файл .JPG 335 Кб. Вот и думайте в каком формате сохранять. Остальные доступные форматы, кроме .PNG и GIF, на сегодня не пользуются популярностью. (Во всяком случае я ими практически не пользуюсь.)



Сохранение вырезанного изображения с прозрачным фоном.

Попробуем сохранить вырезку в файле с прозрачным фоном, чтобы можно было вставлять в Adobe Premiere или Adobe After Effects с наложением на фон не пользуясь маской. Как это сделать?

  • Вернемся к окну с файлом в котором сделано выделение контура. У меня контур остался выделен.
  • Копируем выделенное (ctrl+C).
  • Создаем новый файл ctrl+N, в окне создания параметры не меняем - жмем Enter.
  • Вставляем скопированное ctrl+V. Изображение вставится вместе с белым фоном.


  • Открываем Панельку Слои, снимаем блокировку слоя (щелкаем по замочку на слое Фон), и нажимаем Delete для удаления фона.

Теперь у нас изображение на прозрачном фоне. Это видно, так Adobe Photoshop прозрачный фон отображает в виде серых квадратиков. (Вид прозрачного фона можно изменить в настройках Adobe Photoshop.)

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




Видео-пример изученного на этом уроке.

Для просмотра видео щелкните по картинке справа. Видео при просмотре масштабируется автоматически в зависимости от размеров окна браузера.