Как наложить изображения друг на друга. Три способа быстрого наложения картинок. Или как сделать коллаж своими руками
Хотите создать красивый коллаж из фотографий, объединив два снимка в одно изображение? Воспользуйтесь программой «Домашняя Фотостудия» . В ней вы легко справитесь с этой задачей. В статье мы расскажем, как наложить изображение на изображение в этом редакторе.
Шаг 1. Установите «Домашнюю Фотостудию»
Сначала вам нужно скачать простой редактор фотографий на ПК. Загрузка не займет много времени, так как дистрибутив приложения весит всего 80 мегабайт. Дважды кликните по созданному файлу. На экране перед вами моментально появится специальный мастер. Следуйте его инструкциям, тогда вы быстро установите программу на компьютер. Выберите папку, в которую будут распакованы файлы софта, запустите установочный процесс и дождитесь его окончания, а после приступайте к работе.
Шаг 2. Объедините фотографии
Итак, вы установили и запустили программу. Что дальше? Всё просто! В стартовом меню кликните по кнопке «Открыть фотографию» и укажите путь к снимку, который вы хотите отредактировать. Выбранная фотокарточка через мгновение появится в рабочей области. Теперь откройте меню «Оформление» и выберите пункт «Фотомонтаж». На экране появится новое окно. Здесь вы сможете разобраться, как наложить изображение на изображение.
Добавьте базовое фото для монтажа
Кликните по кнопке «Добавить слой» > «Фотографию» и выберите снимок, который хотите добавить поверх исходного. Настройте местоположение второй фотографии: ухватите её мышкой и перетащите в нужную локацию. При необходимости настройте размер картинки. Для этого потяните курсором за один из уголков. При желании задайте поворот для фото. Передвигайте бегунок на шкале, расположенной на панели настроек справа.
Наложите второе фото и поверните на нужный угол
Шаг 3. Скорректируйте границы фото
Естественно, простого добавления одной фотографии поверх другой для качественного монтажа будет мало. Скорее всего, вам понадобится скорректировать размер нового изображения. К счастью, это также можно сделать в приложении. В меню справа кликните «Обрезать фото». Выберите форму обрезки: волшебная палочка, прямоугольник, овал или произвольная форма, затем выделите с помощью рамки ту часть снимка, которую нужно оставить. Не забудьте настроить размытие границ, а после сохраните все правки.
Вырежьте фигуру из фотографии
В «Домашней Фотостудии» есть ещё один способ гармоничного вписывания одного изображения в другое. Речь идет о масках. Чтобы применить одну из них к фото, нажмите кнопку «Задать маску». Выберите подходящее оформление в каталоге и кликните «Применить». Инструмент особенно подходит, если предстоит обработка фото в стиле винтаж , ретро и т.п.
Наложите красивую маску
Шаг 4. Настройте режим смешивания
Вы узнали о том, как наложить одно изображение на другое. Далее вы можете продолжить работу в редакторе и улучшить получившуюся композицию при помощи других встроенных в программу инструментов. Например, в том же окне фотомонтажа можно настроить режим смешивания снимков. Щелкните по выпадающему списку в меню справа и выберите один из девяти доступных вариантов. Если же вас всё устраивает, нажмите «Применить».
Настройте режим смешивания
При желании вы можете предварительно увеличить или уменьшить яркость, контраст и насыщенность фотографии, выполнить коррекцию освещения, дополнить фото стильной рамкой… Обо всех возможностях вы можете узнать ещё более подробно, если перейдете . Сохраните фотографию на компьютере, щелкнув по значку дискеты на панели управления.
Великолепно! Вы узнали о том, как наложить одно изображение на другое. Программа «Домашняя Фотостудия» станет вашим надежным помощником в сфере обработки фото, поможет улучшить любое изображение в короткие сроки и произвести качественный фотомонтаж. Просто установите её на свой компьютер и преобразите свои снимки!
Если в Вашем документе MS Word очень много картинок, и из-за этого он получается большим, тогда можно его немного уменьшить за счет изменения размеров самих изображений и наложения их друг на друга. Конечно, если документ оформляется в соответствии с определенными требованиями, то так сделать нельзя, но если это реферат или какая-нибудь информационная надпись, может открытка, тогда ограничений никаких нет.
В данной статье давайте рассмотрим, как разместить одну картинку поверх другой в Ворде, и сделать так, чтобы необходимая была помещена перед всеми остальными. У меня установлен Ворд 2010, но данные советы подойдут, если Вы пользуетесь Word 2007, 2013 или 2016.
Сначала добавьте изображения в документ. У меня вот такие три рисунка. Также это могут быть фотографии.
Дальше изменяем тип обтекания изображения текстом. Для этого нажмите на картинку, затем перейдите на вкладку «Работа с рисунками» – «Вставка» . Кликните по кнопке «Обтекание текстом» и выберите то, что подходит больше всего. В примере я выбрала «Вокруг рамки» .
Подробнее про обтекание изображения текстом в Ворде , и какой тип для чего лучше использовать, можно прочесть в статье, перейдя по ссылке.
Или можно кликнуть правой кнопкой мышки по объекту, выбрать из контекстного меню «Обтекание текстом» , а затем подходящий вариант. Настройте обтекание, таким образом, для всех объектов.
Дальше расположите снимки на листе так, как они должны быть, накладывая один на другой. Чтобы повернуть изображение выделите его, чтобы появилась рамка с маркерами вокруг него, и для поворота используете зеленый маркер, который находится вверху.
Теперь рассмотрим, что делать, для размещения одной картинки над другой. В примере сделаем, чтобы изображение с горами было расположено над той, где нарисован луг.
Выделите ту, которая должна быть вверху и кликните по ней правой кнопкой мышки. Дальше выберите из контекстного меню «На передний план» .
Или перейдите на вкладку «Работа с рисунками» – «Формат» и в группе «Упорядочить» нажмите на стрелочку (маленькая черная справа) возле кнопки «Переместить вперед» и выберите из открывшегося списка нужный нам пункт.
Картинка переместится в перед.
Следующее, что можно сделать – это их сгруппировать. Благодаря этому, вокруг них появится одна общая рамка, и они будут восприниматься, как один объект: их все сразу можно уменьшить, или переместить. При этом останется возможность редактирования каждой по отдельности.
Выделите мышкой все картинки с зажатой клавишей «Ctrl» , кликните по любой из них правой кнопкой мышки и выберите из меню «Группировать» .
Подробнее про объединение рисунков в Ворде , можно прочесть в статье, перейдя по ссылке.
Картинки будут объединены, и с ними можно будет работать, как с одним объектом.
Если хотите что-то написать на ней, тогда в статье: как вставить текст в картинку в Ворде , можете прочесть, как это сделать.
Размещайте картинки и фото в документе Ворд, чтобы они смотрелись красиво и занимали меньше места. Таким образом, можно сделать, например, открытку или просто надпись вроде «ВНИМАНИЕ!», на фоне различных изображений.
Оценить статью:И так, открываем картинки в ФШ:
Файл
- Открыть
В окне Слои снимаем замочки.
Вырезаем
объект с помощью инструмента Перо
(см. урок № 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 .
Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе 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 (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!
После этого скопируйте выделенную растушеванную область и вставьте на подходящий фон. Края вставленного фрагмента будут полупрозрачными, причем прозрачность у края будет больше.
Работая с программой 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 на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа- на панели параметров щелкните по лупе с минусом).
Для пущей убедительности добавим песка на копыта коня. Для этого создайте новый слой, сделайте его самым верхним. Теперь возьмите инструмент пипетка на панели инструментов
Этот инструмент выбирает цвет из активного изображения или из любой другой области экрана и назначает его в качестве основного или фонового. Нам нужен цвет песка, поэтому щелкаем по изображению песка. Посмотрите основной цвет изменился.
Теперь возьмите инструмент кисть на панели инструментов
На панели параметров этого инструмента выберите кисть, напоминающую песок (т.е. с неровными краями).
Сделайте ею по одному щелчку на каждом копыте. Получится примерно вот так:
Все, наше изображение готово, а урок закончен. В следующем уроке мы рассмотрим другие инструменты выделения, а также научимся
изменять размеры изображений и их частей.