Решение... Советы... Windows 10

Как в фотошопе вырезать изображение и наложить одно на другое. Вырезаем изображение в Photoshop и накладываем его на другое Наложение изображения на другое в фотошопе

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

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

Я решил перенести утку на изображение с прудом.


Как вырезать лицо в фотошопе и вставить в другое фото

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

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


  1. Откроем две фотографии в разных вкладках. Я больше всего предпочитаю способ Drag and Drop, то есть, выделить нужные изображения и перенести их в фотошоп с зажатой левой клавишей мышки. После этого они по очереди откроются в разных вкладках.
  2. Теперь берем любой инструмент выделения, например « », и начинаем выделять лицо Джона Траволты, захватывая лобную часть и подбородок. А вот волосы нам не понадобятся.
  3. Теперь берем инструмент «Перемещение» , после чего зажимаем левую кнопку мыши внутри выделения, а затем переносим его на вкладку с Николасом Кейджем, пока она не откроется. После этого наводим нашу выделенную часть куда-нибудь на картинку и отпускаем копку мыши.
  4. Когда фотография Траволты окажется на новом слое, уменьшите его не прозрачность хотя бы на 25-30 процентов. чтобы нам легче было работать.
  5. Теперь начинаем заниматься подгоном. Как видите, фотография с Джоном была больше, кроме того, его голова была слегка наклонена. Поэтому, нам все нужно подогнать. Для начала вызовите Свободное трансформирование, нажав комбинацию клавиш CTRL+T , и после этого тяните за уголки, не забыв нажать клавишу SHIFT , чтобы примерно подогнать размер.
  6. Теперь поставьте курсор чуть выше угла, чтобы он изменился на режим поворота. После этого зажмите левую кнопку мыши, и начинайте поворачивать перенесенный объект в ту сторону, чтобы лицо стояло также прямо, как и Кейджа.
  7. Теперь перенесите полупрозрачное лицо Траволты, на Кейджа, чтобы посмотреть соответствие носа, рта и глаз нужного размера. Отлично, мы сделали все на одном уровне. после этого можно нажать Enter , чтоюы применить трансформирование.
  8. Теперь нам нужно удалить или обрезатьостатки кожи, которые вылезают за пределы черепной коробки. Для этого можно воспользоваться инструментом ластик и просто стереть ненужную область. Только желательно нажать правую кнопку мыши и выставить жесткость на 0 процентов, чтобы границы были с максимально мягким переходом.
  9. Нам удалось наложить одно фото на другое да и лицо вроде бы готово, но вот оттенок их немного не совпадает, поэтому придется немного изменить тон. Можно воспользоваться тем же способом, которым мы убирали красноту с лица в фотошопе, либо применить инструмент заплатка. Для этого выберите «Заплатку» и обведите лобную часть, которая принадлежит Николасу Кейджу. После это зажмите правцю кнопку мыши и перенесите ее на кусок кожи траволты, чтобы заменить ту часть.
  10. В принципе всё. Можно только провести восстанавливающей кистью по лобной складке, чтобы она не дублировала уже имеющуюся.

Теперь у нас получился настоящий Джон Кейдж или Николас Траволта. Да уж. Конечно, у них совершенно разный тип лиц, но я думаю, что уть вы поняли.

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

Как наложить костюм в фотошопе

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


Теперь Джастина Тимберлейка можно вклеивать в документы. Точно также мы делаем и с другими костюмами, с прическами, усами, бородами или даже шрамами. Достаточно в интернете в любом поисковике найти задать что-нибудь типа «Костюм полицейского png» или «Мужские прически с прозрачным фоном» . Принцип работы такоей же: открываем, переносим, подгоняем размер и деформируем.

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

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

Кстати, вспомнился один забавный случай. Одному моему знакомому лет 10 назад нужно было к определенному времени загрузить фуру грузом (какие-то мешки с непонятно чем). Но к назначенному времени он ничего не успевал. Тогда он сфотографировал отдельно пустой кузов фургона и поддоны с мешками, после чего попросил друга положить их туда с помощью фотошопа. Тот без проблем все сделал, после чего фотография была выслана начальству. Фотка прокатила и никто не узнал, о том, что с погрузкой опоздали.

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

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

С уважением, Дмитрий Костин.

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

Итак, если вам потребовалось в Adobe Photoshop вырезать и перенести изображение, то самое ответственное задание – это ровно выделить объект, чтобы впоследствии перенести его на новое изображение.

Как выделить изображение в Adobe Photoshop?

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

1. Выделение с помощью инструмента «Волшебная палочка»

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

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

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

Для этого просто щелкаем по белому фону, после чего волшебная палочка аккуратно выделяет его. Нам лишь остается инвертировать выделение, поэтому нажимаем сочетание клавиш Ctrl+Shift+I , после чего выделение переносится на цветок.

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

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

2. Выделение с помощью инструмента «Магнитное лассо»

Еще один полезный инструмент для «умного» выделения, который является «любимчиком» многих Photoshop-пользователей. Действие его действительно магическое: вы выбираете данный инструмент, начинаете стараться аккуратно обводить по контуру, но даже если у вас будут промахи, выделение на контур объекта будет ложиться идеально ровно, словно примагничиваясь.

Чтобы выбрать магнитное лассо, щелкните по инструменту «Лассо» правой кнопкой мыши и в отобразившемся меню выберите нужный нам инструмент.

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

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

Если в процессе обводки магнитное лассо допустило ошибку, просто нажмите клавишу Del , которая удалит последнюю добавленную точку. Нажимайте данную клавишу столько раз, пока нужное количество точек не будет удалено.

3. Использование функции «Цветовой диапазон»

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

Чтобы воспользоваться данной функцией, щелкните по вкладке «Выделение» и откройте раздел «Цветовой диапазон» .

На экране отобразится окошко, а курсор превратится в инструмент «Пипетка» . Отодвиньте окошко в сторону так, чтобы было видно изображение, а затем щелкните по объекту, которое необходимо выделить.

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

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

Примените внесенные изменения, и на вашем изображение отобразится выделение.

4. Использование инструмента «Быстрое выделение» и функции «Утончить край»

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

Примените инструмент «Быстрое выделение» , который располагается там же, где и волшебная палочка.

Чтобы выделять данным инструментом, просто начинайте щелкать по тем участкам, которые должны быть захвачены. Для того, чтобы инструмент захватывал дополнительную область, зажмите клавишу Shift или установите параметр «Добавить к выделенной области» . Для того, чтобы удалить лишнее выделение, которое захватил собой инструмент, зажмите клавишу Alt и щелкните по лишнему выделению.

Закончив с выделением объекта, переходим к утончению края. Для этого щелкните по вкладке «Выделение» и перейдите к разделу «Утончить край» .

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

Для того, чтобы применить настройки, нажмите кнопку «ОК» , после чего окно будет закрыто.

Как перенести выделенный объект на другое изображение?

1. Добавьте в Photoshop второе изображение, в которое будет вставлен выделенный объект.

2. Вернитесь к первому изображению и нажмите сочетание клавиш Ctrl+C , чтобы скопировать объект.

3. Перейдите ко второму изображению и вставьте в него объект сочетанием Ctrl+V .

4. Примените инструмент «Перемещение» и расположите объект в нужной для вас области картинки.

5. Нажмите сочетание клавиш Ctrl+T , чтобы, при необходимости, изменить размер объекта на изображении. Чтобы сохранить пропорции объекта, при изменении размера не забудьте зажать клавишу Ctrl .

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

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

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

Перед тем как вырезать, в "Фотошопе" открываем нужное фото. Для этого необходимо выбрать команду Файл -> Открыть. В открывшемся окне выбираем необходимое изображение.

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

Как вырезать в "Фотошопе" изображение

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

Создать файл для нового изображения;

Поместить фото девушки и моря на разных слоях файла;

Вырезать в "Фотошопе" картинку девушки, для этого ее нужно выделить;

Добавить достоверности новому изображению.

Разберем все поэтапно.

Обработка фотографий в "Фотошоп" начинается с открытия нового файла. Мы создаем два слоя: один называем «девушка», а второй - «море». Чтобы дать название картинке, нужно в открывшемся окне параметров задать нужное имя.

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

В нем на слое «море» располагаем именно эту картинку. Для этого нужно:

  1. Сделать активным окно с данным изображением (щелкаем по нему).
  2. Выделить картинку, выбирая команды Select -> All и нажать клавиши Ctrl + A. Вокруг нее появляется пунктирная рамочка.
  3. Копировать изображение комбинацией Ctrl + С. Теперь рабочее окно делаем активным, щелкая по нему, и вставляем Ctrl + V. В итоге на слое «море» получаем такую же картинку.

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

Мы воспользуемся двумя: "Лассо" и "Быстрое выделение".

Нажимаем левой клавишей мыши на второй инструмент, открывается окно выбора: "Быстрое выделение" и

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

На панели параметров выбираем такие значения:

В поле "Допуск" можно проставить значения от 0 до 255. При установке 0 выделяется только один оттенок. Если установить 24, то инструменты выделят пикселы в диапазоне 12 оттенков светлее и 12 оттенков темнее цвета;

Устанавливаем галочку на окне "Сглаживание" для того, чтобы края границ были гладкими;

Выделяем смежные пикселы;

Убираем галочку на "Образец всех слоев".

Теперь щелкаем инструментом по картинке девушки, она выделяется.

Выделенное изображение не будет иметь идеальную форму, мы его доработаем позже. На этом этапе нужен лишь контур.

Перед тем как вырезать, в "Фотошопе"удаляемвсе лишнее. Выбираем команду в меню: "Выделение" -> "Инверсия". Теперь вся область вокруг девушки будет выделена. На клавиатуре нажимаем на клавишу Del и получаем нашу вырезанную девушку на фоне моря.

И так, открываем картинки в ФШ:
Файл - Открыть

В окне Слои снимаем замочки.

Вырезаем объект с помощью инструмента Перо (см. урок № 13) , увеличьте для удобства картинку инструментом Лупа или Ctrl ++ , Ctrl -- уменьшить


Закончив обводить:


Растушовка для маленьких объектов 1пикс. , побольше - 2пикс.


Объект выделился пунктирной линией. Далее жмём Ctrl+C - это скопировали объект в буфер обмена, кликаем на фон и жмём Ctrl+V - вставить объект и инструментом Перемещение расположите объект, как вам надо. С помощью Свободной трансформации Ctrl+T - придайте объекту нужный размер


Осталось подрегулировать Яркость/Контрастность, Цвет и т.д. что бы объект вписался в фон.
Для этого идём: Изображение -Коррекция


Теперь сохраняем: Файл - Сохранить для Web в формате JPEG


Вот что получилось


Часть II
Добавление людей с других фотографий
Часто возникает ситуация, когда фотографируясь в дружной компании кто-то не попадает в кадр (например сам снимающий). Ну или отлучился кто-то в этот момент в туалет, или спит уже на полу, но зато он есть на каких-то других фотографиях и мы желали бы добавить его в общую фотографию. Короче говоря из нескольких таких фотографий:









Получить вот такую:


Для этого в Photoshop открываем все эти картинки, на каждой вырезаем нужного нам человека и переносим на общую картинку (как это делается рассмотрено в предыдущей части).
Поскольку размеры людей на разных фотографиях почти наверняка будут различаться (если только все это не снималось с одной точки), то понадобиться подкорректировать размеры.
Для этого воспользуемся Свободным трансформированием Ctrl+T и подгоним размеры на каждом слое

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


Теперь для большего правдоподобия осталось подкорректировать цвет и яркость отдельных людей. Это делается в меню Изображение -Коррекция-Яркость/контрастность и Цветовой баланс

Часть III
Здесь приведу пример как вырезать более сложные объекты
Например: волосы , деревья , перья и т.д.

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


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

Далее идём Фильтр -Извлечь
Откроется окно, и инструмент для выделения уже должен быть нажат (или сами можете выбрать, самый первый в панели слева). Начинаем выделять область, где необходимо вырезать волосы. Чем меньше размер кисти, тем более качественнее у вас получиться. Выделение у вас должно в итоге быть замкнутым .
После того как вы закончили выделять контур и места с проблемными волосами, берем инструмент ЗАЛИВКА и заливаем.

Как видите каждый волосок обрезан аккуратно!

Дальше с помощью инструмента Перемещение перетаскиваем картинку на Фон, с помощью Свободного трансформирования Ctrl+T придаём нужный размер.
Не забывайте корректировать цветность, яркость и т.д. Это делается в меню Изображение-Коррекция-Яркость/контрастность и Цветовой баланс
Сохраняем : Файл-Сохранить для Web в формате JPEG .

Пример наложения обычной jpg картинки на другую jpg картинку со всеми настройками по умолчанию:
+ =

Пример наложения обычной jpg картинки на другую jpg картинку с изменённым размером и без прозрачности:
+ =
Чтобы так получилось, нужно выставить такие настройки:
 1) Прозрачность второй картинки — «0%»;

 3) Размер 2-й картинки относительно «ширины и высоты» 1-й картинки — «45%».
И остальное без изменений, как было выставлено по умолчанию.

Пример наложения PNG картинки с прозрачным фоном на JPG картинку:
+ =
Для этого в настройках нужно указать:
 1) Тип наложения второй картинки — «Наложить PNG, GIF, TIFF картинку с прозрачным фоном».
А остальные настройки оставить такими, как они были выставлены по умолчанию.

Пример наложения PNG картинки с ручным изменением размера, позиционированием и отступом:
+ =
Для того, чтобы так сделать, нужно выставить такие настройки:

 2) Автоматическая подгонка размера 2-й картинки — «использовать ручное изменение размера в %»;
 3) Размер 2-й картинки относительно «ширины и высоты» 1-й картинки — «30%»;
 4) Привязка расположения 2-й картинки над 1-й — «справа внизу»;
 5) Смещение или отступ 2-й картинки от указанного расположения — «по оси X:30 и Y:30 в px (пикселях)».
Остальные настройки остались без изменений.

Для наложения фоторамки , например, в формате PNG с прозрачностью , можно указать такие параметры:
 1) Тип наложения второй картинки — «Наложить PNG, GIF, TIFF картинку с прозрачным фоном»;
 2) Автоматическая подгонка размера 2-й картинки — «включена, но наоборот, 1-ю картинку подогнать под размер 2-й».
Остальное оставить так, как было выставлено по умолчанию.

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

1) Укажите 2 изображения в формате BMP, GIF, JPEG, PNG, TIFF:


2) Настройки наложения картинок
Тип наложения второй картинки:
Наложить вторую картинку, сделав её полупрозрачной
Наложить PNG, GIF, TIFF картинку с прозрачным фоном

Прозрачность второй картинки: % (от 0 до 100, 0="непрозрачная", 100="полностью прозрачная")
(При выбранном наложении «PNG-картинки с прозрачным фоном» этот параметр игнорируется) Автоматическая подгонка размера 2-й (накладываемой) картинки под размер 1-й указанной картинки:
включена (выбрано по умолчанию)
включена, но наоборот, 1-ю картинку подогнать под размер 2-й
использовать ручное изменение размера в % (регулируется ниже)
отключена, оставить все размеры как есть

Размер 2-й (накладываемой) картинки относительно ширины и высоты размера в мегапикселях ширины высоты 1-й картинки: %
(Можно указывать значения в процентах от 0.1 до 250 с точностью до десятых, чтобы задействовать эту опцию , нужно для параметра «Автоматическая подгонка размера 2-й картинки...» выбрать «использовать ручное изменение размера в % ») Привязка расположения 2-й (накладываемой) картинки над 1-й: слева вверху слева слева внизу вверху по центру внизу справа вверху справа справа внизу

Смещение или отступ 2-й картинки по оси X: и Y: в % (процентах) px (пикселях) от указанного расположения
(Можно указывать целые числа больше и меньше нуля в пикселях или с точностью до десятых в процентах)