Создаем коллажи в Фотошопе


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

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

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

Для фона выберем картинку, которая также соответствует тематике.

Создаем коллаж в Фотошопе

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

Создаем коллаж в Фотошопе

Приступим к созданию коллажа.

  1. Открываем фоновое изображение в Фотошопе.

    Затем открываем папку со снимками, выделяем все и перетаскиваем их в рабочую область.

  2. Создаем коллаж в Фотошопе
  3. Далее снимаем видимость со всех слоев, кроме самого нижнего. Это касается только фото, которые были добавлены, но не фонового изображения.
  4. Создаем коллаж в Фотошопе
  5. Переходим на нижний слой с фотографией, и дважды кликаем по нему. Откроется окно настройки стилей.
  6. Здесь нам необходимо настроить обводку и тень. Обводка станет рамкой для наших фото, а тень позволит отделить снимки один от другого.

    Настройки обводки: цвет белый, размер – «на глаз», положение – внутри.

    Создаем коллаж в Фотошопе

    Настройки тени не являются константой. Нам нужно лишь задать этот стиль, а впоследствии параметры можно будет отрегулировать. Основной момент – непрозрачность. Это значение выставляем в 100%. Смещение – 0.

  7. Создаем коллаж в Фотошопе
  8. Нажимаем ОК.
  9. Перемещаем снимок. Для этого нажмем сочетание клавиш CTRL+T и перетянем фото и, по необходимости, поворачиваем. Создаем коллаж в Фотошопе

    Первый снимок оформлен. Теперь нужно перенести стили на следующий.

  10. Зажимаем ALT, подводим курсор к слову «Эффекты», нажимаем ЛКМ и перетягиваем на следующий (верхний) слой.
  11. Создаем коллаж в Фотошопе
  12. Включаем видимость для следующего снимка и помещаем его в нужное место при помощи свободного трансформирования (CTRL+T).
  13. Создаем коллаж в Фотошопе
  14. Далее по алгоритму. Перетягиваем стили с зажатой клавишей ALT, включаем видимость, перемещаем. По завершению увидимся. Создаем коллаж в Фотошопе

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

  15. Переходим на слой с фоном, идем в меню «Фильтр – Размытие – Размытие по Гауссу». Размываем. Создаем коллаж в Фотошопе

    Коллаж готов.

Вторая часть урока будет немного интереснее. Сейчас создадим коллаж из одного (!) снимка.

Для начала подберем подходящее фото. Желательно чтобы на нем было как можно меньше неинформативных участков (большая площадь травы или песка, например, то есть без людей, машин, заданий и пр.). Чем больше фрагментов Вы планируете разместить, тем больше должно быть мелких объектов. Такое вполне сгодится.

Создаем коллаж в Фотошопе
  1. Вначале необходимо создать копию фонового слоя, нажав сочетание клавиш CTRL+J.
  2. Создаем коллаж в Фотошопе
  3. Затем создать еще один пустой слой, Создаем коллаж в Фотошопе

    выбрать инструмент «Заливка»

    Создаем коллаж в Фотошопе

    и залить его белым цветом.

  4. Создаем коллаж в Фотошопе
  5. Полученный слой поместить между слоями с изображением. С фона снять видимость.
  6. Создаем коллаж в Фотошопе
  7. Теперь создадим первый фрагмент.

    Переходим на верхний слой и выбираем инструмент «Прямоугольник».

    Создаем коллаж в Фотошопе

    Рисуем фрагмент.

  8. Создаем коллаж в Фотошопе
  9. Далее перемещаем слой с прямоугольником под слой с изображением. Создаем коллаж в Фотошопе

    Зажимаем клавишу ALT и кликаем по границе между верхним слоем и слоем с прямоугольником (курсор при наведении должен поменять форму). Создастся обтравочная маска.

  10. Создаем коллаж в Фотошопе
  11. Затем, находясь на прямоугольнике (инструмент «Прямоугольник» при этом должен быть активирован) идем на верхнюю панель настроек и настраиваем штрих.

    Цвет белый, сплошная линия. Размер подбираем ползунком. Это будет рамка фотографии.

  12. Создаем коллаж в Фотошопе Создаем коллаж в Фотошопе
  13. Далее дважды кликаем по слою с прямоугольником. В открывшемся окне настроек стилей выбираем «Тень» и настраиваем ее.

    Непрозрачность выставляем на 100%, Смещение – 0. Остальные параметры (Размер и Размах) – «на глаз». Тень должна быть немного гипертрофированной.

  14. Создаем коллаж в Фотошопе
  15. После того, как стиль настроен, нажимаем ОК. Затем зажимаем CTRL и кликаем по верхнему слою, тем самым выделяя и его (два слоя теперь выделены), и нажимаем CTRL+G, объединяя их в группу. Создаем коллаж в Фотошопе

    Первый базовый фрагмент готов.

  16. Давайте потренируемся в его перемещении. Для перемещения фрагмента достаточно переместить прямоугольник.

    Открываем созданную группу, переходим на слой с прямоугольником и нажимаем CTRL+T.

  17. Создаем коллаж в Фотошопе
  18. При помощи этой рамки можно не только перемещать фрагмент по холсту, но и вращать. Размеры менять не рекомендуется. Если это сделать, то придется заново настраивать тень и рамку.
  19. Создаем коллаж в Фотошопе
  20. Следующие фрагменты создаются очень просто. Закрываем группу (чтобы не мешалась) и создаем ее копию сочетанием клавиш CTRL+J.
  21. Создаем коллаж в Фотошопе
  22. Далее все по шаблону. Открываем группу, переходим на слой с прямоугольником, нажимаем CTRL+T и двигаем (поворачиваем).

    Все полученные группы в палитре слоев можно «перемешивать».

    Создаем коллаж в Фотошопе

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

  23. Создаем коллаж в Фотошопе
  24. Для достижения более приемлемого результата можно немного уменьшить размер или размах тени в стилях каждого прямоугольника по отдельности.
  25. Создаем коллаж в Фотошопе
  26. Небольшое дополнение. Придадим нашему коллажу немного реалистичности.

    Создадим новый слой поверх всех, нажмем SHIFT+F5 и зальем его 50% серого.

  27. Создаем коллаж в Фотошопе
  28. Затем перейдем в меню «Фильтр – Шум – Добавить шум». Настроим фильтр на такое же примерно зерно:
  29. Создаем коллаж в Фотошопе
  30. Затем сменим режим наложения для этого слоя на «Мягкий свет» и поиграем с непрозрачностью.
  31. Создаем коллаж в Фотошопе

Результат нашего урока:

Создаем коллаж в Фотошопе

Интересный прием, не правда ли? С его помощью можно создать коллажи в Фотошопе, которые будут выглядеть весьма интересно и необычно.
Урок окончен. Творите, создавайте коллажи, удачи в Вашем творчестве!

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

2 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Wyc
19 ноября 2016 20:04

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

Аноним
4 июня 2021 12:49

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

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS