Коллаж из трех фото

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

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

Откроем изображения в программе Фотошоп. Я заблаговременно уменьшила размер накладываемых фото, чтобы они не перекрывали фон, сделать это можно командой Изображение (Image) => Размер изображения (Image Size). Затем удаляем блокировку фонового слоя на каждом фото, перетаскивая мышью замочек рядом с названием слоя в корзину на палитре Слои, и перетягиваем каждое фото инструментом Перемещение (Move)    во вкладку с фоном. Получим четыре слоя: фон и фото 1, 2, 3.

создать в Фотошопе коллаж из фотографий

создание коллажа из нескольких фото в Фотошоп

Подкорректируйте, если нужно, размер фото еще раз при помощи команды Свободное трансформирование (Free Transform), нажав комбинацию клавиш Ctrl+T. (Подробнее о трансформировании) Нажмите на панели параметров значок цепочки между окнами ввода значений ширина (width) и высота (height), чтобы перетягивать угловой маркер рамки, не удерживая Shift, сохраняя при этом пропорции изображения. Если, как у меня, все три фото одного размера, можно запомнить степень трансформации первого фото в процентах (появится при перетягивании маркера в окнах ширины и высоты), и затем при  изменении размера остальных фото просто ввести то же значение, нажав значок цепочки на панели параметров. Помним, что для изменения каждого фото мы должны перейти на соответствующий слой.

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

как сделать коллаж из фото в Фотошоп

Теперь нажмем значок Создать новый слой (New  Layer)   в нижней части палитры Слои. Сразу расположите новый слой ниже слоя с фото 1, просто перетянув мышью. Теперь выделение находится на новом, пустом слое, на котором мы создадим рамку. Выберите команду Выделение (Select) =>Модификация (Modify) => Расширить (Expand) и в появившемся окне введите значение 10-15 в зависимости от того, какой толщины рамку желаете получить (у меня 15). Границы выделения расширились, и теперь нужно залить каким-либо цветом выделенную область на новом слое.

как сделать коллаж из фото в Фотошоп

Чаще всего гармонично смотрится рамка белого цвета, но поскольку у меня исходные фото на белом фоне, я сделаю рамку цветную. Активируем инструмент Заливка (Paint Bucket) и кликаем мышью на значок основного цвета, чтобы открыть окно выбора цвета. При этом можно выбрать какой-либо цвет, присутствующий на фоне, курсор примет вид пипетки. Подтверждаем выбор цвета нажатием ОК и щелкаем мышью внутри выделения. Выделенная область заполнилась выбранным цветом, снимаем выделение Ctrl+D. За счет того, что цветная область немного больше, чем фото поверх неё, она выглядит как рамка.

Чтобы не повторять те же действия ещё дважды, скопируйте цветную область (рамку), перетянув ее на значок  Создать новый слой (New  Layer)   в нижней части палитры Слои, а затем переместите под слой с фото 2. Включите видимость этого слоя нажатием на значок глаза и, находясь на копии цветного слоя, переместите копию рамки инструментом Перемещение (Move)   так, чтобы фото оказалось в её центре.

создание коллажа из нескольких фото в Фотошоп

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

создание коллажа из нескольких фото в Фотошоп

Теперь пришло время соединить каждое фото с его рамкой. Становимся на самый верхний слой и комбинацией клавиш Ctrl+E объединяем его с ниже лежащим. Становимся на слой с фото 2, снова жмём Ctrl+E, и затем то же самое для слоя с фото 3.

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

Активируем слой с фото 1, жмем Ctrl+T и в появившейся рамке с маркерами кликаем правой кнопкой мыши, вызывая контекстное меню. Выбираем режим Деформация (Warp). Теперь на фото наложена сетка, перемещая которую, мы будем деформировать фото по своему усмотрению.

как придать картинке эффект загнутого уголка

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

как объединить несколько фотографий в коллаж с помощью Фотошоп

Коллаж готов! Но мне хотелось бы подчеркнуть новогоднюю тематику. Я выбираю инструмент Текст, делаю кегль побольше (150 пикселей), подбираю контрастный цвет текста и пишу 2013. К тексту можно применить стили, нажав кнопку fх Добавить стиль слоя (Layer Style) внизу палитры Слои (Layers): я выбираю Тиснение и Внешнее свечение (как это сделать, рассказано здесь).

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

Пожалуй, стоит еще добавить немного сияния и обрамить наше произведение тонкой рамкой. Да и тень от фото создать не помешает. Активирую слой с фото 1, жму кнопку fх Добавить стиль слоя (Layer Style) и выбираю стиль Тень (Drop Shadow):

как объединить несколько фотографий в коллаж с помощью Фотошоп

Теперь копирую этот стиль слоя правой кнопкой мыши и переношу на остальные слои с фото, нажимая «Вклеить».

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

как объединить несколько фотографий в коллаж с помощью Фотошоп

И в завершение добавим обрамление: Выделение (Select)  => Всё (All), при этом граница нашего изображения выделена бегущим пунктиром.Выделение (Select)  =>  Трансформировать выделение (Transform Selection), в окнах значений ширины (width) и высоты (height) на панели параметров ввожу 97%, чтобы слегка уменьшить размер выделения, и далее   Редактировать (Edit) => Выполнить обводку (Stroke). Параметры обводки ставлю такие:

как объединить несколько фотографий в коллаж с помощью Фотошоп

Получившийся результат:

Коллаж из нескольких фотографий

Два года назад моя вариация на эту тему выглядела так:

как объединить несколько фотографий в коллаж с помощью Фотошоп

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

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

как объединить несколько фотографий в коллаж с помощью Фотошоп

Этот прием мне особо нравится. Если присмотреться, можно понять, что только фото 2 и 3 добавлены из других снимков, а фото 1 и 4 изначально являлись объектами фонового изображения. Инструментом Прямоугольная область (Rectangular Marquee tool) я выделила нужные участки (№1 и №4), скопировала каждый на новый слой комбинацией клавиш Ctrl+J, а далее поступила с ними точно так же, как описано в уроке, правда, ограничившись перемещением и поворотом вместо деформации.

Пробуйте! Фантазируйте! И результат превзойдет все ваши ожидания)

Успешной работы!

15 комментарий на «Коллаж из трех фото»

    • Скорее всего, функции есть, поскольку здесь используются простейшие из них…
      У меня стояла 12.1, а с Нового года 13.0. Версия 12.0.0.0. совсем не старая, просто, может, что-то было взломано некорректно…

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

    • Получится, отчего же нет?
      1)Редактирование=> Трансформирование => Деформация или 2) Ctrl+T, клик правой кнопкой мыши внутри рамки трансформации, в контекстном меню выбираем Деформация. Затем двигаем появившуюся сетку, как нужно.

  2. Поняла, искать в трансформировании. Надеюсь, в моем фотошопе найдется. По идее в любом должно быть.
    А как куда чего скрывить, это я уже поэкспериментирую и выберу.
    Я просто думаю еще в одном месте шаблон поменять, но уже неохота делать шапку тем методом, как я в Хатке сделала. Хочу, чтоб это был монтаж не в одну картину, а такое что-то типа коллажа, где есть фон и на нем отдельные элементы, но в одной тематике.

    • Да, мной марионеточная деформация тоже пока не освоена, хотя в примерах выглядит очень эффектно.

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

  3. Приветствую! Интересная статья, только вот картинок не видно. Причем только в этой статье. Так должно быть или это у меня что-то с браузером. Хотя в двух проверял — нету картинок. Видимо что-то с кодом

    • Добрый вечер! Да, вы правы, после смены шаблона некоторые картинки, добавленные с помощью коротких кодов, стали не видны. Спасибо за замечание. Исправляю.

  4. Красиво получилось. Я когда-то делал коллажи в какой-то программе автоматически по шаблонам, но с этим, конечно, не сравнить.

    • Спасибо! Я когда-то пользовалась сервисом онлайн для этой цели, некоторые результаты получились вполне приличные. Бывает удобно для быстрого результата. Но, познакомившись с Фотошопом, невольно используешь его везде)

Добавить комментарий для Ольга Черныш Отменить ответ

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>