Как сделать картинку поверх другой в photoshop
Перейти к содержимому

Как сделать картинку поверх другой в photoshop

  • автор:

Как наложить одну картинку на другую в Фотошоп Онлайн?

Фотошоп онлайн на русском языке

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

Как наложить одну картинку на другую в Фотошоп Онлайн?

Инструкция №1 – наложение без прозрачности

В этой инструкции слои не используются, будем работать с базовыми функциями:

  1. Запустите в браузере Фотошоп Онлайн и загрузите картинку через меню Файл – Открыть .
  2. Сразу откройте вторую картинку, на которую нужно наложить первую – она откроется в другой вкладке.
  3. Перейдите к первой картинке – выделите всё изображение комбинацией Ctrl-A или воспользуйтесь одним из инструментов выделения на боковой панели.
  4. Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать , выбранный участок скопируется в буфер обмена.
  5. Перейдите на второй рисунок в соседней вкладке, выберите в верхнем меню Редактирование – Вставить .

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

Инструкция №2 – наложение слоёв с прозрачностью

Вставить картинку в картинку в Фотошоп Онлайн с прозрачностью поможет система слоёв:

  1. Откройте первое изображение через меню Файл – Открыть .
  2. Создайте слой через меню Слой – Новый – Слой .
  3. Откройте второе изображение через меню Файл – Открыть .
  4. Выделите всё второе изображение комбинацией Ctrl-A или с помощью инструментов выделения на боковой панели.
  5. Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать – выбранный участок скопируется в буфер обмена.
  6. Перейдите на вкладку с первым изображением, вставьте скопированный участок через меню Редактирование – Вставить .
  7. В правой панели во вкладке Слои виден параметр прозрачности – отрегулируйте его в диапазоне от 0% до 100%.

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

Частые вопросы:

  • Как вырезать человека и вставить в другое фото в Фотошоп Онлайн?
  • Как сохранить фото в Фотошоп Онлайн?
  • Как сделать белый фон в Фотошоп Онлайн?
  • Как убрать задний фон в Фотошоп Онлайн?
  • Как вставить рамку в Photoshop Online?
  • Как добавить шрифт в Photoshop Online?
  • Как заменить лицо в Photoshop Online?
  • Как улучшить фотографию в Photoshop Online бесплатно?
  • Как вставлять лицо в Photoshop Online?
  • Как увеличить изображение в Photoshop Online?
  • Как вырезать объект в Photoshop Online?

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

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

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

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

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

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

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

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

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

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

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

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

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

    Сделаем активным окно с морем (просто щелкните по нему).

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

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

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

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

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

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

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

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

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

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

инструмент выделения изображения - волшебная палочка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

admin@site-do.ru
site-do.ru © 2009-2019 Копировать материалы сайта запрещено!
За нарушение авторских прав предусмотрена уголовная ответственность!
Телефон редакции +7(499)346-89-56
127051, г.Москва, Цветной бульвар, д. 11, стр. 6, офис 405.

Как сделать картинку поверх другой в photoshop

Adobe

«ДАТАСИСТЕМ»
официальный Партнер
ADOBE

на Программное Обеспечение
8 (800) 775-79-98
Звонок по России бесплатно
Организациям и ИП БЫСТРЫЙ ЗАКАЗ
+7 (495) 902-65-12
звонок по Москве

Каталог продуктов

  • Обучение, курсы Adobe
    • Курсы Adobe
  • Семейство продуктов Adobe Photoshop
    • Adobe Photoshop CC
    • Adobe Photoshop Elements
    • Adobe Photoshop Lightroom
    • Adobe Photoshop Elements & Adobe Premiere® Elements
  • Мультимедиа, графика и дизайн
    • Adobe Premiere Pro CC
    • Adobe Premiere Elements
    • Adobe After Effects CC
    • Adobe Audition CC
  • Web-дизайн
    • Adobe Dreamweaver CC
    • Adobe Animate CC / Adobe Flash Professional CC
    • Adobe RoboHelp Office
    • Adobe InDesign CC обновлено 21.12.2021 в 21:32
  • Издательские пакеты
    • Adobe InCopy CC
  • Графические редакторы
    • Adobe Illustrator CC
  • Офисные программы
    • Adobe Acrobat Standard
    • Adobe Acrobat Professional
    • Adobe Framemaker
    • Adobe Creative Cloud
    • Adobe Acrobat DC / Adobe Document Cloud
  • Обучающие программы
    • Adobe Captivate
    • Adobe Technical Suite

Методы оплаты

Уроки Photoshop: Как наложить одну картинку на другую

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

Шаг 1. Откройте выбранные изображения Ctrl+O:

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

Шаг 2. Выберите изображение, которое будет фоном Apply Image (Target), и которое будет использоваться для наложения Source image.

Шаг 3. Изображения, которые вы используете, автоматически открываются в слое Background layer. Скопируйте данный слой Ctrl+J.

Уроки Photoshop: Как наложить одну картинку на другуюУроки Photoshop: Как наложить одну картинку на другую

Шаг 4. Затем, в фоновом изображении переходим Image>Apply Image (Изображение>Внешний канал). В открывшемся окне в поле Target (Получатель) указано название изображения, с которым мы работаем, в качестве Source (Источника) должно быть указано название второго изображения (для того, чтобы картинка открылась в списке Sourse, она должна совпадать по размеру с Target изображением). В поле Layer (Слой) указываем Background (фоновый). В разделе Channel — RGB. А в полях Blending (Наложение) и Opacity (Непрозрачность) задаём Overlay (Перекрытие) и определяем масштаб -100%.

Добавить фото в Фотошоп разными способами

Освоить Фотошоп — естественный шаг для фотографа. Но первый взгляд на графический редактор вызывает ужас: он пугает своей громоздкостью и множеством команд, которые не отличаются вовсе или отличаются, но непонятно чем.

Рассказываем пошагово и отвечаем на все вопросы новичков: как добавить фото в Фотошоп, как совместить несколько снимков или — наоборот — открыть их в разных окнах.

Отредактировать фото в Фотошопе невозможно, если для начала его не открыть, верно? / Фото: unsplash.com

Как открыть фото в Фотошоп — три способа

У Фотошопа есть особенность: к одному и тому же результату можно прийти с помощью двух, трёх, а то и десятка путей. Это усложняет программу для новичков — если убрать все повторяющиеся инструменты и команды, она бы стала куда понятней и легче визуально. Но, с другой стороны, можно принять это как данность, и просто из множества выбирать тот способ, который проще запомнить. Рассказываем, как открыть картинку в Фотошоп разными способами.

С помощью командного меню

  • Откройте Фотошоп.
  • Найдите самую верхнюю строку в программе.

Это командное меню, в котором собраны все возможности Фотошопа, кроме тех, где нужно физически что-то делать руками — рисовать, расставлять заплатки и убирать лишнее, выделять / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

3. Выберите Файл / File — Открыть / Open. В открывшемся окне найдите ту фотографию, которую хотите добавить в Фотошоп.

С помощью переноса

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

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

Оранжевые рамки — области, куда нужно переносить файлы / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

С помощью горячих клавиш в Фотошопе

Горячие клавиши в Фотошопе — быстрые команды, которые существенно ускоряют работу, если вы обрабатываете большой объём фотографий. Да, команда экономит всего пару секунд, но, если вы ретушируете постоянно, это сэкономит часы.

  • Чтобы открыть изображение в Фотошопе, зажмите сочетание клавиш Ctrl + O.
  • После этого откроется меню, в котором нужно найти фотографию в папке компьютера, кликнуть по ней левой кнопкой мыши и нажать на кнопку «Открыть».

Как добавить фото на слой в Фотошопе

Как только вы открываете фотографию, она по умолчанию создаётся вместе со слоем. Это видно, если в меню Окно / Window открыть палитру Слои / Layers.

В палитре вы увидите единственный слой — Фон / Background / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт / Фото: unsplash.com

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

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

Как добавить фото на фото

1. Откройте Фотошоп. Следом любым удобным способом, которые описаны в предыдущем блоке, откройте то изображение, на которое нужно будет добавить другую фотографию.

2. В палитре Слои / Layer пока что будет всего один слой с исходником — фоновый.

3. Найдите на компьютере картинку, которую хотите добавить в Фотошоп.

4. Подхватите изображение, зажав левую кнопку мыши, и перенесите его на окно Фотошопа.

Чтобы добавить фото на фото, картинку нужно переносить на рабочую область, то есть на область с уже открытым файлом. Здесь она помечена оранжевым прямоугольником / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт / Фото: unsplash.com

Как добавить другое фото в Фотошоп

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

Первый способ — тот, о котором мы говорили в первом блоке. Если открывать картинки через Файл / File — Открыть / Open, изображение появится в соседнем окне, рядом с уже открытыми.

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

Если перенести фотографию на эту строку, она откроется отдельным документом / Иллюстрация : Елизавета Чечевица, Фотосклад.Эксперт

Как открыть RAW

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

Часто операционные системы компьютеров и ноутбуков не открывают Raw-формат без дополнительного софта. Одна из программ, которая умеет это делать — Фотошоп. Рассказываем, как открыть фото в Raw-формате.

Чтобы открыть RAW, подхватите нужный файл или всё нужные файлы и перенесите на открытый заранее Фотошоп. Также можно воспользоваться горячими клавишами Ctrl +O или выбрать в меню Файл / File — Открыть / Open.

Вам откроется окно — это Adobe Camera Raw (ACR). Конвертер, который переводит RAW в обычное изображение. К слову, Лайтрум произошёл от него и является его почти стопроцентной копией / Иллюстрация и фото : Елизавета Чечевица, Фотосклад.Эксперт

В открывшемся меню можно сделать многое: осветлить, затемнить, поднять контраст, добавить тонировки, изменить цвета. Но, если цели менять исходник в ACR нет, нажмите на кнопку Открыть / Open в левом нижнем меню окна. После этого файл откроется в Фотошопе.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *