Как в фотошопе наложить одну картинку на другую с прозрачностью. Как в фотошопе наложить фон на картинку


Как в фотошопе наложить одну картинку на другую с прозрачностью

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

Как известно для такой операции вам нужны два изображения.

Для примера я выбрал эту фотографию, на неё мы будем накладывать изображение.

как наложить изображение в фотошопе

НЛО, на прозрачном фоне. Если у вас есть изображение на прозрачном фоне — хорошо, если нет — вырежьте. В данном уроке я даю вам изображение на прозрачном фоне (ссылка сверху).

изображение которое будем накладывать

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

изображение

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

вставляем изображение в фотошопе

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

слои

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

трансформируем изображение

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

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) — найдите на панели инструментов справа.

перемещаем изображение

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

уменьшаем непрозрачность

Результат:

наложили одну картинку на другую в фотошопе

Автор урока — Александр Акимов

pixelbox.ru

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

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

Содержание статьи

Наложение с прозрачностью

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

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

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

  1. Откройте картинку с фоном в фотошопе, а второе фото откройте следом. После этого картинки появятся в разных вкладках. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  2. Далее, выбираем инструмент «Перемещение», и зажав левую кнопку мыши на утке, переносим ее на вкладку с прудом. После этого, отпускаем кнопку мыши. У вас, естественно, будут свои фото. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  3. Конечно, утка выглядит неестественно, так как она находится непонятно где, так еще и гигантская. Для начала нужно уменьшить ее. Для этого воспользуемся Свободным трансформированием, нажав на комбинацию клавиш CTRL+T. Только перед этим убедитесь, что вы находитесь на слое с уткой. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  4. Теперь, начинайте уменьшать изображения, потянув за уголки с зажатой кнопкой мыши. И не забудьте в это время зажать клавишу SHIFT, чтобы картика уменьшалась равномерно. Когда вы уменьшите ее до нужного размера, нажмите Enter, чтобы применить трансформирование.
  5. Теперь, снова возьмите инструмент «Перемещение» и потяните за утку, чтобы она находилась где-нибудь на берегу. Так будет выглядеть естественно. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее

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

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

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

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

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

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

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

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

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

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

  1. Откройте фотографию человека и картинку с костюмом на прозрачном фоне. После этого перенесите его на вкладку лицом, чтобы он встал на отдельном слое. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  2. Теперь, выбираем функцию трансформации, нажав комбинацию CTRL+T. А дальше меняем размер костюма, чтобы он соответствовал размеру самого персонажа. Просто если этого не сделать, то у вас получится рахитоид. Для этого потяните за верхний уголок с зажатым SHIFT, чтобы сохранились все пропорции. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  3. Когда размер будет подогнан, нажмите Enter, чтобы применить изменения. Скорее всего у вас не будет полного совпадения, и часть ворота не будет подходить шее человека, либо часть старой одежды будет выпирать. Ничего страшного.
  4. Теперь выбираем в меню «Редактирование» — «Трансформирование» — «Деформация», после чего наш костюм обрамится сеткой. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  5. Далее, зажмите левой кнопкой мыши в области воротника, и начинайте погонять тянуть выше сначала с одной стороны, затем с другой, пока куски прошлой одежды не исчезнут, а ворот не не будет точно облигать шею. Подробнее о девормации в фотошопе вы можете прочитать здесь.Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее

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

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

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

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

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

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

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

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

koskomp.ru

Как в фотошопе вырезать изображение и наложить одно на другое

 Работая с программой Photoshop, чаще всего вам придется работать с уже имеющимися изображениями. Либо вам понадобится что-то в них исправить, либо вы захотите взять часть в изображении, чтобы использовать в другом изображении, да мало ли для чего еще.

Открытие изображения

Сначала необходимо открыть само изображение в программе Phoroshop. Для этого выберете команду меню Файл -> Открыть (File -> Open). В отрывшемся окне выберите необходимое изображение.

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

Постановка задачи

Как всегда рассмотрим на примере. Предположим у нас есть две вот такие фотографии:

А мы хотим, чтобы лошадка скакала по берегу моря. Что нам необходимо сделать:

  • Создать новый файл для нового изображения (конь на берегу моря).
  • Разместить на разных слоях нового файла изображения коня и моря.
  • Вырезать коня. Для этого его необходимо сначала выделить.
  • Добавить естественности новому изображению.
Разберем все пункты по шагам. Вы можете подобрать свои фотографии или скачать эти здесь.

Создание нового файла

Итак, создадим новый файл, размером 500 Х 375 (таковы размеры фотографии с морем, хотя мы могли бы сделать и меньшее изображение).

Создадим два новых слоя: один назовем "конь", другой - "море", причем слой -Море- должен находится под слоем -Конь-. Чтобы слою дать название, щелкните правой кнопкой мыши по слою, в открывшемся контекстном меню выберите -Параметры слоя- (Layer Properties). Откроется окно параметров, где и нужно задать имя:

Сейчас у нас в программе открыты три файла, т.е три окна с разными файлами (с морем, с конем и только что созданный, который будем называть рабочим окном). Причем активным окном (с которым работаем) является последнее.

В нем, на слое -Море- мы расположим наше море. Для этого:

  • Сделаем активным окно с морем (просто щелкните по нему).
  • Выделим все изображение, для этого в меню выберем команду Выделение -> Все (Select -> All) или нажмите комбинацию клавиш Ctrl+A. Вокруг изображения появится рамочка выделения в виде бегущих муравьев.
  • Скопируем это изображение (Ctrl+C). Теперь сделаем активным наше рабочее окно (щелкнем по нему), убедимся, что активным является слой -Море- (если нет, то щелкните по нему) и вставим изображение (Ctrl+V). Теперь на слое море изображено море.
Проделайте все тоже самое, чтобы расположить на слое -Конь- изображение коня. Таким образом, у нас есть обе необходимые составляющие для будущего изображения. Поэтому файлы с фотографиями моря и коня можно закрыть.

Выделение коня

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

Для его выделения мы воспользуемся двумя инструментами на панели инструментов:

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

Выберите инструмент -волшебная палочка-. Если щелкнуть по какому-либо пикселу слоя этим инструментом, то будут выделены смежные пикселы одного оттенка. На панели параметров этого инструмента выберите следующие значения:

В поле -Допуск- (Tolerance) можно вводить значения от 0 до 255. Если установить значение 0, то будет выделен только один оттенок, если установить 32, то инструмент будет выделять пикселы в диапазоне от цвета на 16 единиц темнее и до цвета на 16 единиц светлее того, по которому вы щелкнули. В нашем случае мы установили значение 100.

Мы также установим флажок -Сглаживание- (Anti-aliased), чтобы сделать более гладкими границы выделенной области.

Флажок -Смежные пикселы- (Contiguous) выделяет только те пикселы, которые находятся в соседних с выбранным областях.

Уберите флажок -Образец всех слоев- (Sample All Layers), т.к. он распространяет свое действие на все слои, а мы работаем только со слоем -конь-.

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

Само выделение не будет идеальным (мы его доработаем позже), на этом этапе главное выделить контуры коня. Если вам не нравится то, как выделилось, щелкните еще раз инструментом и выделение пропадет (или Ctrl+Z) и попробуйте снова.

Теперь, когда наш конь выделен, нам нужно удалить все лишнее. Для этого в меню выберем команду Выделение -> Инверсия (Select -> Inverse). Теперь будет выделена вся область вокруг коня. Жмем Del на клавиатуре и получаем нашего вырезанного коня на фоне моря:

Уберем выделение (в меню выберем команду Выделение -> Убрать выделение). Согласитесь очень не плохо, только траву надо убрать. Для этого сначала увеличим нижнюю часть изображения (там где трава). Для этого на панели инструментов возьмите инструмент -Лупа-.

На панели параметров этого инструмента щелкните по лупе с плюсиком.

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

Итак, вы увеличили ту часть, где трава. Нажмите левой клавишей мыши на инструмент -Лассо-, откроется окно выбора инструмента:

Выберите инструмент -магнитное лассо-. Этот инструмент автоматически создает выделенную область в то время, как вы перемещаете или перетаскиваете курсор. Граница области «прилипает» к ближайшему отличительному оттенку цвета или тени, который определяет границу фигуры.

Щелкните по изображению, чтобы создать первую промежуточную точку. Перемещайте курсор вдоль границы фигуры, которую вы хотите выделить (в нашем случае конечности коня). В то время как вы перемещаете курсор, линия выделения будет «прилипать» к границе фигуры. Появляющиеся в процессе перемещения курсора временные точки исчезнут, как только вы замкнете контур.

Снова Del на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа- на панели параметров щелкните по лупе с минусом).

Для пущей убедительности добавим песка на копыта коня. Для этого создайте новый слой, сделайте его самым верхним. Теперь возьмите инструмент пипетка на панели инструментов

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

Теперь возьмите инструмент кисть на панели инструментов

На панели параметров этого инструмента выберите кисть, напоминающую песок (т.е. с неровными краями).

Сделайте ею по одному щелчку на каждом копыте. Получится примерно вот так:

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

Предыдущий урок Вернуться в раздел Следующий урок 

www.site-do.ru

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

В предыдущей статье я рассказывала, как наложить одно изображение на другое в бесплатном графическом редакторе Gimp. Сегодня проделаем то же самое в Photoshop, только с другими картинками. Алгоритм действий в двух редакторах сильно разнится. По мне, Gimp, несмотря на свою бесплатность, в чем-то удобнее и проще – например, с наложением картинок я разобралась сама, без всяких подсказок. А вот чтобы наложить изображение на изображение в Фотошопе, надо знать, как это делается – методом «тыка» данный редактор освоить сложно.

Для статьи я собрала в Фотошопе вот такую картинку:

Картинка из разных объектов в Фотошопе

Заготовки выглядели так:Исходники картинок для накладывания в Фотошопе

Как видите, исходный смайлик выполнен в формате jpg, что не есть хорошо – фон наносимых объектов должен быть прозрачным, иначе при наложении он закроет все остальное. К тому же, смайлик намного больше значка WordPress, из-за которого он выглядывает на итоговой картинке. Ниже я покажу, как это исправить.

Итак, открываем все три исходника в Фотошопе. Должно получиться три вкладки:

Картинки в отдельных вкладках в Фотошопе

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

Создание дубликата слоя в Фотошопе

Появится окно, где следует выбрать файл для добавления дубликата. В нашем случае это fon.jpg – серый фон, на который мы будем накладывать знак WP со смайликом. Копию слоя можно здесь же переименовать. Я эту возможность проигнорирую, так как слоев у нас мало, запутаться невозможно:

Окно редактирования слоя в Фотошопе

Нажимаем ОК. Если сейчас мы заглянем во вкладку с фоном, то увидим, что на нем появился WordPress, а рабочих слоев стало два:

Нанесение дубликата на фон в Фотошопе

Аналогичным образом добавим сюда смайлик. Идем в его вкладку – Слои – Создать дубликат слоя. Созданный слой отправляем в файл fon.jpg.

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

Большое изображение в Фотошопе

Сейчас мы это исправим.

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

Отключение видимости слоев в Фотошопе

Нам нужно изменить его размер, но воспользоваться стандартной опцией «Размер изображения» мы в данном случае не можем, потому что она затронет все слои. Чтобы уменьшить один лишь смайлик, убеждаемся, что его слой выделен, после чего идем в меню Редактирование — Трансформирование — Масштабирование:

Масштабирование слоя в Фотошопе

При нажатии на «Масштабирование» вокруг смайлика появится рамка. Зажимаем клавишу Shift, хватаем мышью край рамки и тащим ее в направлении смайлика, тем самым уменьшая его:

Уменьшение слоя в Фотошопе

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

Для закрытия режима масштабирования надо нажать клавишу Enter. Пока вы этого не сделаете, любые другие операции будут недоступны.

Итак, смайлик уменьшился, но нам еще нужно убрать непрозрачный фон вокруг него, а сам смайлик немного наклонить вбок, чтобы на итоговой картинке он как бы выглядывал из-за значка WP. Активируем инструмент «Волшебный ластик» и щелкаем мышью по любому участку белого фона, чтобы он исчез:

Удаление белого фона в Фотошопе

Далее изобразим наклон. Идем в Редактирование — Трансформирование – Поворот, и мышью тащим вниз рамку, появившуюся вокруг смайлика. Повернем его градусов на 30:

Поворот слоя в Фотошопе

Для выхода из режима трансформирования снова нажимаем Enter.

Теперь вернем видимость фону и значку WP. Для этого щелкаем мышью по пустым квадратикам слева от слоев, чтобы в них появились «глазки»:

Включение видимости слоев в Фотошопе

Осталось совсем немного – поместить смайлик под правый край Вордпресс, а сам Вордпресс немного подвинуть влево:

Перемещение объекта в Фотошопе

Чтобы поместить смайлик под значком, мышью перетаскиваем его слой так, чтобы он оказался ниже слоя Вордпресса:

Перемещение слоя в Фотошопе

Перемещенный слой в Фотошопе

Дело осталось за малым. Активируем мышью инструмент «Перемещение», после чего выделяем сначала слой со смайликом и мышью перетаскиваем его вправо (это можно также сделать при помощи стрелочек на клавиатуре):

Перемещение объектов в Фотошопе

А затем выделяем слой с Вордпрессом и отодвигаем его влево:

Готовое изображение в Фотошопе

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

Если же вы хотите «смешать» картинки, чтобы смайлик едва проступал на фоне, словно привидение, откройте окно с режимами слоев и выберите «Умножение»:

Смешение слоев в Фотошопе

Затем, используя ползунки в окнах «Прозрачность» и «Заливка», добейтесь нужной степени «призрачности» (напоминаю, что редактируемый слой должен быть выделен):

Создание эффекта призрачности в Фотошопе

Результат:

Призрачный смайлик в Фотошопе

Этот прием используется, когда нужно изобразить сцену «за мокрым стеклом»: берется искомая картинка – например, с лесом, и картинка с дождем, которые с помощью режима «Умножение» сводятся воедино. Получаются очень интересные эффекты – будто смотришь на природу через залитое дождем окно.

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

Всем удачи и отличного творческого настроения.

 

Как наложить одно изображение на другое в графическом редакторе Gimp « Предыдущая запись Как выделить название страницы в меню сайта на WordPress («черный» способ) Следующая запись »

in-blog.ru

Как в фотошопе вырезать изображение и наложить одно на другое?

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

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

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

  1. Картинку, с которой будем вырезать определенное изображение
  2. Чистый холст
  3. Фон, на который хотим поместить вырезанное изображение

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

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

  • С помощью инструмента «Быстрое выделение»
  • С помощью инструмента «Магнитное лассо»

Оба эти инструмента находятся в панели справа. Чтобы их вызвать, нажмите правой кнопкой мыши на соответствующий ярлык.

Начнем с «Магнитного лассо». Когда вы выберете инструмент, на картинке появится магнитик. По контуру фигуры проводите им максимально точно, ставьте точки, не отходя от краёв. Если мышку повело, и линия зашла не туда, куда надо, тогда нажимайте «Backspace» (или Ctrl+Alt+Z) до тех пор, пока точка не дойдёт до места, где прервалось правильное выделение.

Кстати, если вам трудно работать с «Магнитным лассо», можно обойтись без него. Тогда воспользуйтесь только «Быстрым выделением» или «Волшебной палочкой».

Как в фотошопе вырезать изображение и наложить одно на другое

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

Иногда в фотошопе выделить изображение с точностью трудно, особенно если оно имеет прерывистые края (пальцы, уши, какие-то другие детали). Чтобы доработать края и труднодоступные места, воспользуйтесь «быстрым выделением». Потом увеличьте картинку с помощью одновременного нажатия клавиши Alt и колёсика мыши. Этим же способом можно потом уменьшить.

Как в фотошопе вырезать изображение и наложить одно на другое

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

Как в фотошопе вырезать изображение и наложить одно на другое

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

Как в фотошопе вырезать изображение и наложить одно на другое

Как в фотошопе наложить одно изображение на другое

Чтобы в фотошопе наложить одно изображение на другое, мы копируем (Ctrl+C) наш заранее выделенный обрезанный из другого фона объект (то, что мы, собственно, проделали выше в статье) и вставляем на нужный нам фон, который уже давно ждёт в третьей вкладке.

Как в фотошопе вырезать изображение и наложить одно на другое

Итак, у нас есть фон и есть слой с объектом (с хомяком). Работаем со слоем, где фигура. По желанию её можно отредактировать под этот фон. Для этого во вкладке «Редактирование» нажмите «Трансформирование», а потом экспериментируйте. Меняйте масштаб, поворачивайте (при этом зажимайте Shift, чтобы сохранить пропорции), работайте с цветом и т.д. Если не понравилось – возвращайте прошлое состояние, нажав Ctrl+Alt+Z.

Вот и всё! Теперь вы знаете, как в фотошопе вырезать изображение и наложить одно на другое. В первый раз, конечно, что-то может показаться сложным. Не бойтесь нажимать на какие-то инструменты и работать с ними, всегда есть возможность вернуть исходный вариант.

Также рекомендуем к прочтению ещё одну статью в контексте работы с Photoshop: «Как сделать гифку из фото и из видео в фотошопе?«.

Изучайте и всё у вас обязательно получится!

Как в фотошопе вырезать изображение и наложить одно на другое

 

digital-boom.ru

Наложение изображений

Как объединить две фотографии?

Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.

наложение изображений

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

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

Наложение изображений

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

Наложение изображений

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

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш  CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

Наложение изображений

Вставка в изображение фрагмента из другой картинки

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

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

наложить одну картинку на другуюНаложение изображений

Как в фотошопе наложить одну картинку на другую?

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

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

Плавный переход одного изображения в другое

В некоторых случаях нужно сделать так, чтобы одно изображение плавно переходило в другое или какая-то часть картинки становилась прозрачной, и сквозь нее был виден фон.

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и  перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется,  можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Наложение изображений

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите,  для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

Наложение изображений

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

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

Наложение изображений

Напоследок два простых способа плавного перехода изображения в фон.

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

Наложение изображений

Наложение изображений

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

Наложение изображений

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

Наложение изображений

www.takpro100.net.ua

Как наложить текстуру и заменить фон фотографии. Урок фотошопа.

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

Добавить интересный фон к натюрморту

Автор фото: Павел Древницкий

Эмитировать дагеротип

Автор фото: Павел Древницкий

 

Сделать фотопортрет похожим на картину

Автор фото: Павел Древницкий

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

Итак, открываем фотографию в фотошопе.

Затем находим текстуру

Кстати, есть очень интересный фотошоп в он-лайне — http://onfoto.org. Для базовых операций обработки фотографий он подойдет.

Теперь нужно объединить оригинальное фото с текстурой. Есть много путей для этого, но я предпочитаю просто из проводника перетащить файл текстуры на открытую фотографию в фотошопе. Таким образом она открывается, как Smart Object, что позволяет без потери качества изменять размеры текстуры. Но можно открыть текстуру отдельным файлом в фотошопе, выделить ее (меню Выделение — Все), копировать содержимое в буфер и вставить в новый слой в окне с оригинальной фотографией.

Часто бывает так, что текстура слишком большая или слишком маленькая в соотношении с фотографией и поэтому ее нужно «подстроить» под изображение Свободным трансформированием. Жмем CTRL+T и тянем за углы рамки…

Теперь начинаем подбирать режим наложения (о режимах наложение подробнее тут) и прозрачность слоя с текстурой. Обычно, судя из моего личного опыта, самый подходящий режим наложения — это Soft Light или Мягкий свет в русской версии фотошопа. Прозрачность слоя следует выбирать исходя из интенсивности текстуры и задумки обработки фото.

Вот, что получилось в результате:

А еще можно текстуру обесцветить, чтобы она не добавляла фотографии своих собственных оттенков. Лучше обесцвечивать с помощью корректировочных слоев, но можно просто нажать Shift+CTRL+U и обесцветить текстуру. Если использовать корректирующие слои, то уровень обесцвечивания можно регулировать. В результате получается такая картинка:

 

 

Таким образом можно обрабатывать снимки до бесконечности. Можно менять режимы наложения, прозрачность, накладывать много текстур, изменять их оттенок, а потом слоем-маской «оставлять» их действие только на конкретных объектах снимка и т.д. и т.п., вариантов масса! 🙂

intpicture.com