Уроки фотошопа коллаж из нескольких фотографий. Коллаж из нескольких фотографии в фотошопе

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

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

Чтобы сделать коллаж, вам потребуется Photoshop последних лет, обратите внимание, что я пользуюсь версией СC 2017. Приступим к работе, удачи!

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

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

Создайте новый файл

Для создания нового файла вам нужно найдите в программе функцию «Файл» и выберите положение «Создать». Я лично выбираю размер 20 на 30 дюймов при 140 ppi. Для коллажа это оптимальный размер кадров.

Фотографии загружайте на коллаж по одной

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

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

Чтобы изменить размер , воспользуйтесь клавишами CTRL+Т. Для использования углового узла нажмите Shift. С её помощью вы сможете отредактировать размер и переместить изображение в нужный ракурс.

Важно: если у вас использовался смарт-объектив, качество изображений при изменении размера не пострадает.

Создания макета для коллажа

Если какое-то фото не подходит, то смело можно удалять его. Например, я удалил второй слой и их осталось всего пять.

После добавления всех фотографий требуется расположить их в правильной последовательности.

Пространство между картинками

Когда макет коллажа уже готов, вы можете прочертить линии между ними, если они необходимы. Это делать необязательно. В инструментах примените «Стиль слоя », далее выберите «Обводка внутри ».

Я выбрал серую обводку всех слоев толщиной 20 пикселей.

Соединение всех слоёв коллажа

Для соединения всех слоёв коллажа в один нажмите Ctrl+Shift+E .

Изменение размера для пользования онлайн

Используйте водяной знак

Это можно пропустить, но если важно, то лучше заморочиться 🙂 Из материалов выберите подходящий. После чего еще раз соедините все слои в один и сохраните работу в формате JPEG или PNG.

Работа закончена, можете предоставить свой шедевр на обзор в сеть!

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

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

В программе Photoshop (у меня Adobe Photoshop CS5) создаем новый документ (Файл - Создать). Размер я выбрала А4 горизонтальный (297х210 мм). Диапазон разрешения от 70 до 300 пикселей/дюйм. Я выбрала 300 пикселей, чтобы при распечатывании в большом формате изображение было более четкое. Цветовой режим: RGB.


Создав новый документ, открываем иллюстрацию, которая станет фоном коллажа. Можно также выбрать фоновый узор из предложенных Фотошопом шаблонов (Редактирование – Выполнить заливку – Использовать: регулярный). Но мы откроем свою фоновую картинку (Файл - Открыть).

Как вы видите, новый документ, названный «коллаж», и фоновая картинка (назовем ее «радуга») открылись в двух смежных вкладках. Чтобы одновременно работать с ними, нужно по-другому расположить эти две вкладки. Зайдем в верхнюю панель управления (Окно – Упорядочить – Свободно перемещать все окна).

В итоге получаем:

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

После того как красочная иллюстрация оказалась в новом документе, сразу закрываем окно «радуга», оно нам больше не понадобится.

Получилось следующее:

Теперь надо растянуть разноцветную картинку по всему периметру нового документа. Для этого выделяем красочный слой. Кстати, чтобы активировать слой, не обязательно мышью выделять его на правой панели управления. Можно, выбрав на левой панели инструментов «Перемещение», кнопкой CTRL и левой кнопкой мыши выделить нужный слой прямо в документе. Теперь, держа SHIFT, тянем левой кнопкой мыши уголок слоя, пока изображение не перекроет белый фон. Кнопку SHIFT нужно держать для того, чтобы картинка увеличивалась или уменьшалась пропорционально. Чтобы сохранить изменение размера, нажимаем на клавиатуре кнопку ENTER.

Далее открываем два файла с изображениями, которые послужат нам рамочками для фотографий (Файл - Открыть). Потом, как мы уже делали ранее, упорядочиваем окна (Окно – Упорядочить – Свободно перемещать все окна).


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

При желании можно трансформировать, повернуть изображение. В этом коллаже мы слегка повернем левую рамочку против часовой стрелки. Выделим необходимый слой (инструмент «Перемещение» плюс CTRL). В верхней панели управления выбираем Редактирование – Трансформирование – Поворот и левой кнопкой мыши поворачиваем фото. Сохраняем изменения, нажав ENTER. На данном этапе у нас получилось:

Вы можете сами регулировать порядок слоев, какой слой будет «над» или «под». Есть два способа. В правой панели управления слой, который будет «над», просто перетащите мышью в верхнюю строчку. Либо выделите слой и в верхней панели выберите Слои – Упорядочить и далее подберите нужное положение слоя.

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

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

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

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

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

Ну а дальше самое приятное – украшательство! Я скачала клипарты (изображения с прозрачным слоем) бантиков, пуговичек, цветочков и т. д. В интернете предложено великое множество заготовок на разные темы и скачать их можно быстро и бесплатно. Открываем наши клипарты и копируем в основной документ так же, как и обычные иллюстрации. Уменьшаем до небольших размеров и располагаем в творческом беспорядке, выставив на передний план. Не забывайте, что выделить слой можно кнопкой CTRL плюс левая кнопка мыши, а сохранить трансформирование слоя - кнопкой ENTER (без сохранения изменений в изображении дальше работать вы не сможете). У меня получилось так:

Осталось сохранить изображение: Файл – Сохранить как. Если это окончательная работа, то сохраняйте в формате jpg. А если вы еще будете вносить поправки, то выберите расширение psd. С таким расширением в дальнейшем вы сможете открыть вашу работу в Фотошопе с сохранением всех слоев.

Что ж, на этой позитивной и красочной ноте откланиваюсь. Творите добро и радость своими руками! И да поможет вам в этом Фотошоп!

Надпись и Текст CSS-спрайты Видеокурсы Photoshop

С оздание коллажа

Рассмотрим создание коллажа в Photoshop на наглядном примере. Чтобы коллаж выглядел гармонично, нужно учитывать ряд правил — с ними мы познакомимся позже. Сначала займёмся технической стороной создания коллажей, что позволит освоить необходимые инструменты программы.

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

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

Для выделения объекта воспользуемся удобным инструментом «Быстрое выделение» (Рис.1-1), который идеально подходит для вырезания не слишком контрастных объектов:


Рис.1. Вырезание объекта:
1 — Инструмент «Быстрое выделение»;
2 — Добавить к выделенному; 3 — Вычитание из выделенного;
4 — Установка размера кисти; 5 — Указатель кисти;
6 — Инструмент «Перемещение».

Устанавливаем размер кисти покрупнее (Рис.1-4,5) и кликаем по объекту, пока не получим желаемый контур. Для этого задействуем режим «Добавить к выделенному» (Рис.1-2), а если выделение захватило лишнюю область — то удаляем её, используя режим «Вычитание из выделенного» (Рис.1-3).

Для включения в область выделения мелких деталей объекта — уменьшаем размер кисти. После завершения операции, копируем выделенный объект — жмём Ctrl+C (Редактирование — Скопировать), а затем вклеиваем его на фотографию — жмём Ctrl+V (Редактирование — Вставить).

Но изначально наш Фукс, в отличие от коллектива, смотрит в противоположную сторону. Необходимо заменить объект его же зеркальным отражением (Редактирование — Трансформирование — Отразить по горизонтали).

Но и размер объекта, как правило, не совпадает с нужным. Если его увеличить, то пострадает качество. А вот уменьшить его просто: жмём Ctrl+T (Редактирование — Свободное трансформирование), и тянем за углы рамки, подгоняя объект под нужный размер. Если при этом зажать клавишу Shift , то сохранятся пропорции:

Чтобы объект хорошо «вписывался» в окружающую среду, возможно, потребуется сделать его бледнее, или наоборот увеличить насыщенность его цвета. Для чего жмём клавиши Ctrl+U (Изображение — Коррекция — Цветовой тон/Насыщенность), а затем бегунком регулируем параметр «Насыщенность»:

А чтобы точно расположить объект в нужном месте фотографии, используем инструмент «Перемещение» (Рис.1-6), а это результат:

В Photoshop имеется несколько инструментов для вырезания объектов. Продемонстрируем применение инструмента «Прямолинейное Лассо» (Рис.2-1), а в качестве подопечного на этот раз выступит лемур, некстати оказавшийся крайним:


Рис.2. Вырезание объекта (2-ой способ):
1 — Инструмент «Прямолинейное Лассо»;
2 — «Ластик».

Думаю, что затруднений с обводкой объекта ни у кого не будет — точность здесь не критична. Главное, не обрезать лишнее. Затем в панели «Слои» нужно разблокировать слой, просто совершив двойной клик по его названию «Фон» и нажав Enter:

Теперь наш лемур остался в одиночестве. А мы инструментом «Ластик» (Рис.2-2), с кистью белого цвета, аккуратно стираем лишнее вокруг него. Для чего вообще понадобилась маска? Она защищает невидимые пиксели от безвозвратной потери. Если вы случайно что-нибудь стёрли, то просто поменяйте цвет кисти на чёрный и восстановите утраченное!

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

Однако в примере мы рассмотрели лишь базовые принципы создания коллажа. Для того чтобы создать шедевр, необходимо соблюдать определённые правила.

5 условий для создания качественного коллажа, который будет смотреться гармонично
и производить впечатление единого целого:

  1. Разрешение: приличный размер и качество исходных изображений и фотографий, из которых монтируется коллаж.
  2. Композиция: намеренное выделение главного объекта — композиционного центра.
  3. Реалистичность: свет и тени должны смотреться естественно.
  4. Цветокоррекция: все составляющие коллажа должны быть приведены к единообразной цветовой гамме.
  5. Сюжет: оригинальная идея коллажа и ваша фантазия — залог потрясающего впечатления, который окажет коллаж на зрителей.

А теперь взгляните на профессиональные коллажи, которые созданы в программе Photoshop с соблюдением этих правил.

Исходные материалы:

А это готовые коллажи:

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

Мы все стремимся рассказать историю с помощью одной единственной фотографии. Однако, во многих случаях хорошо сконструированный коллаж может стать прекрасным способом открыть зрителю гораздо больше. Этот метод может пригодиться для фотографий с мероприятия, съемки недвижимости или даже семейной фотосессии!

Создать коллаж в Photoshop очень просто, поэтому давайте начнем. Обратите внимание, что я работаю с Photoshop CS3.

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

Шаг 1. Откройте выбранные фотографии для коллажа в Photoshop

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

Шаг 2. Создайте новый файл

Создайте новый файл (Файл -> Новый). Его размер должен быть немного больше, чем тот, который вы хотите получить в итоге. Я всегда делаю его 20×30″ при 150ppi.

Шаг 3. Добавьте ваши фотографии по одной

Перейдите к одной из открытых фотографий, с помощью инструмента выделения выберите все (или нажмите CTRL+A). Нажмите CTRL+C, чтобы скопировать. Перейдите в новый документ и нажмите CTRL+V, чтобы вставить выделенное. Таким образом вы скопируете фотографию в новый документ на отдельный слой. В зависимости от размера и разрешения изображения, может понадобится их корректировка. Чтобы сделать это, нажмите CTRL+T для трансформирования. Используйте угловой узел и, удерживая клавишу Shift, установите такой размер, чтобы изображение было удобно перемещать в новом документе.

Примечание: если вы сначала преобразуете слой изображения в смарт-объект, то он будет поддерживать целостность качества изображения во время изменения его размера.

Шаг 4. Создайте макет коллажа

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

Шаг 5. Добавьте пространства между изображениями

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

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

В качестве альтернативы вы можете соединить их впритык и использовать Стиль слоя (выберите Обводка > Внутри), добавив белую или черную окантовку каждому изображению. Смотрите скриншот ниже.

Шаг 6. Объедините все слои

После того, как ваш коллаж готов и фотографии разделены так, как вы хотите, самое время объединить все слои. Чтобы сделать это, нажмите Ctrl+Shift+E.

Шаг 7. Обрежьте готовое изображение

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

Шаг 8. Измените размер для использования онлайн

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

Шаг 9. Добавьте водяной знак, если желаете

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