Создание фотоколлажа в фотошопе. Как в "Фотошопе" сделать коллаж? Уроки мастерства создания красивых коллажей в "Фотошопе"

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

Как сделать коллаж в Фотошопе

Самый простой вариант коллажирования в Photoshop:

Переносить и размещать фотографии можно по своему вкусу, желательно оставлять между ними немного места, так смотрится более эстетично. Размер так же подбирают на свой взгляд. Для того чтобы изменить масштабы и положение фотографии нужно выбрать «Free Transform », или воспользоваться сочетанием клавиш Ctrl+ T . Также в трансформации есть возможность растянуть фотографию, или перевернуть ее.


Создание коллажа с эффектами

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

Самым простым и аккуратным способом создания коллажа в Фотошопе является использование фильтров, или наложение эффектов.

Как наложить эффект на картинку

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

Возле слоев в «Layers », можно обнаружить список возможных вариантов изменений изображения, так называемых mode . На скриншоте показано, что выбранный эффект «Divide », сделал коллаж более холодным.

Работа с фильтрами

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

Все эффекты можно посмотреть в галерее фильтров заранее, прежде чем использовать. Поэтому для начала нужно выбрать слой на котором находится коллаж и нажать «Filter Gallery ». Затем можно спокойно пробовать все имеющееся. Имеется возможность настройки мягкости, резкости и т.д. с правой стороны экрана. Например, фильтр «Cutout ».

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

Сделать коллаж из одного фото

Хорошим вариантом является добавление стикеров , или картинок в формате png. Также можно использовать то, что было изучено выше — фильтры и эффекты. Можно скачать и использовать рамки. Можно добиться абстрактного фотоэффекта, а еще воспользоваться кистями, которые есть в приложении.

Пример создания фотоколлажа:


Шаблоны для коллажа в Фотошопе

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


  1. « ». Время так быстротечно, а сохранить важные моменты очень хочется. Изящный шаблон в приятной цветовой гамме подойдет для особенно-важных фото.
  2. . Подойдет для фотографий торжеств, прогулок, красивых мест и даже свадьбы.
  3. . Яркий и жизнерадостный шаблон для Фотошопа. Подойдет для фото детей, или приятного отдыха.
  4. . Изящный шаблон, прекрасно подойдет для фото тематической вечеринки.

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

Составление коллажей – занятие интересное и увлекательное. Подбор фото, расположение их на холсте, оформление…

Этим можно заниматься почти в любом редакторе и Фотошоп не исключение.

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

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

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

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

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

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

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

Переходим на нижний слой с фотографией, и дважды кликаем по нему. Откроется окно настройки стилей.

Здесь нам необходимо настроить обводку и тень. Обводка станет рамкой для наших фото, а тень позволит отделить снимки один от другого.

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

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

Нажимаем ОК .

Перемещаем снимок. Для этого нажмем сочетание клавиш CTRL+T и перетянем фото и, по необходимости, поворачиваем.

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

Зажимаем ALT , подводим курсор к слову «Эффекты» , нажимаем ЛКМ и перетягиваем на следующий (верхний) слой.

Включаем видимость для следующего снимка и помещаем его в нужное место при помощи свободного трансформирования (CTRL+T ).

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

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

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

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

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

Такое вполне сгодится.

Вначале необходимо создать копию фонового слоя, нажав сочетание клавиш CTRL+J .

Затем создать еще один пустой слой,

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

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

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

Теперь создадим первый фрагмент.

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

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

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

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

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



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

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

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

Давайте потренируемся в его перемещении.

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

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

При помощи этой рамки можно не только перемещать фрагмент по холсту, но и вращать. Размеры менять не рекомендуется. Если это сделать, то придется заново настраивать тень и рамку.

Следующие фрагменты создаются очень просто. Закрываем группу (чтобы не мешалась) и создаем ее копию сочетанием клавиш CTRL+J .

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

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

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

Небольшое дополнение. Придадим нашему коллажу немного реалистичности.

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

Затем перейдем в меню «Фильтр – Шум – Добавить шум» . Настроим фильтр на такое же примерно зерно:

Затем сменим режим наложения для этого слоя на «Мягкий свет» и поиграем с непрозрачностью.

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

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

Начинать процесс следует с открытия программы и создания нового файла. Название выбирается по вашему усмотрению. Размер пусть будет составлять 1920 на 1080 пикселей. Фон сделайте прозрачным.

В левой части рабочего окна присутствуют два цветных квадратика. Они отвечают за выбор основного и фонового цвета. Щелкните по первому квадратику и выберите какой-нибудь светло-голубой цвет. Им мы зальём наше изображение, чтобы получить мягкий фон. Для этой операции нужно выбрать инструмент «Заливка» и щелкнуть по любой области прозрачной на данный момент картинки.

Как сделать в Фотошопе красивый коллаж?

Теперь нужно сделать в Фотошопе красивый коллаж: в нашем случае он будет состоять из четырех снимков. Все они должны располагаться на новых слоях. Пока же у нас создан всего один слой, имеющий наименование «Фон». Перейдите в панель «Слои». Совершите двойной щелчок по существующему слою и переименуйте его. Это разблокирует данный слой, в будущем вы сможете совершить с ним любое действие. Если вы работаете в одной из последних версий Adobe Photoshop, то данная операция не потребуется, так как вместо фонового будет присутствовать обычный слой.

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


Но так снимок выглядит безлико. Поэтому наш урок по коллажу в Фотошопе продолжается работой над данным кадром. На панели «Слои» у вас должен быть выбран слой с вставленной фотографией. Затем нажмите на этой панели кнопку «Fx» и выберите пункт «Обводка». Стандартно нам предлагается создать обводку шириной 3 пикселя. Этого будет вполне достаточно. В качестве положения обводки выберите вариант «Внутри». Остается лишь подобрать цвет. Попробуйте сделать обводку темно-зеленой.


Далее в этом диалоговом окне щелкните по вкладке «Тень». Параметры можно оставить по умолчанию. Если же хотите — никто не мешает сменить положение тени и увеличить её смещение. Когда будете готовы — жмите кнопку «OK».

Фотошоп: делаем коллаж из снимков

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

Когда мы делаем коллаж в Фотошопе, все три снимка нужно правильно расположить по углам создаваемого изображения. Для этого вновь нужно использовать пункт «Свободное трансформирование». Уменьшите кадры, поверните их в разные стороны. Не забывайте, что каждая фотография представляет собой отдельный слой. Поэтому они могут загораживать друг друга. Если нужно «вытянуть» какой-нибудь снимок поверх остальных, то вам поможет панель «Слои». Просто перетащите нужный слой на самый верх.

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

Обратите внимание, что сейчас тень и обводка имеется только у одного снимка. Менять параметры у каждой фотографии — это очень долго. Поэтому мы попробуем создать коллаж в Фотошопе проще. Взгляните на панель «Слои». В данный момент в ней есть всего один слой, у которого стоит значок Fx. Наведите на этот значок курсор мыши, зажмите клавишу Alt и левую кнопку мыши. Переместите курсор на слой с другим снимком и отпустите левую кнопку мыши вместе с клавишей Alt. Так вы скопируете эффекты на другой слой. Точно так же их нужно скопировать и на два оставшихся слоя.

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

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

У каждой из фотографий теперь имеется обводка. Но почему бы не добавить обводку и коллажу в целом? Делается это очень просто. Выберите самый первый слой, который имеет миниатюру в виде голубого прямоугольника. Нажмите кнопку «Fx» и выберите пункт «Обводка». Измените параметры по своему усмотрению. Размер увеличьте до семи пикселей. Положение — внутри. Но самое интересное располагается в нижней половине предоставленного диалогового окна. Попробуйте использовать в качестве типа обводки «Градиент». Вы увидите несколько видов градиента, входящих в основную группу. Для доступа к другим группам нажмите на иконку с изображением шестеренки.


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

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

Коллаж в Фотошопе CS5 и CS6

Вы можете создать коллаж в Фотошопе CS5 , для примера наша работа происходит в версии CC, но повторить её можно и в предыдущих релизах графического редактора.
Этот урок был посвящен, в том числе созданию коллажа и в Фотошопе CS6 или любой более свежей версии графического редактора. Посещайте наш сайт регулярно, тогда вы научитесь и более сложным трюкам!

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

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


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


  2. Открываем в графическом редакторе фотографию с автомобилем, который должен расположиться поверх основного.


  3. Нажмите сочетание клавиш Ctrl + A (английское), чтобы выделить всю область изображения с автомобилем. В результате выделения по периметру изображения должна появиться мерцающая черно-белая рамка. Скопируйте выделенную область в оперативную память компьютера, нажав сочетание клавиш Ctrl + C (английское).


  4. Перейдите в окно с изображением девушки и скопируйте в него сочетанием клавиш Ctrl + V фотографию автомобиля. В результате данной операции должен появиться новый слой.


  5. Очевидно, что размеры изображения с автомобилем нуждается в корректировке. Поэтому, применим к нему инструмент «Масштабирование» (полный путь Редактирование-Траснформирование-Масштабирование) и уменьшим до 70% высоту и ширину данного изображения после чего сдвинем его в левый верхний угол.


  6. В нижней части окна управления слоями нажмите на кнопку «Добавить слой-маску», выберите инструмент «Градиент» из панели инструментов и нажмите кнопку Ввод (Enter) для выбора палитры градиента. Выберите «черный, белый» градиент.


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


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


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


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


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


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

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

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

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

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

Женский портрет с цветами и бабочками

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

Двойная экспозиция

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

Дизайн в смешанном стиле

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

Текст с цветами

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

Коллаж с текстурой и кистями, имитирующими брызги краски

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

Чтобы создать коллаж в фотошопе потребуются изображения в высоком разрешении

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