Как настроить смартфоны и ПК. Информационный портал
  • Главная
  • Windows 7, XP
  • Как в Фотошопе сделать коллаж? Уроки мастерства создания красивых коллажей в "Фотошопе".

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

Доброе время суток, друзья!

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

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

А что такое коллаж вообще? Буквальный перевод этого слова с моего любимого французского означает «наклеивание».

Так что все правильно. В этом уроке мы будем «клеить» фотографии на общий фон.

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

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

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

Главное, чтобы у вас было желание, творческое вдохновение и упорство. Без него никак.

Итак, начнем…

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

Для этого создаем новый документ. Теперь, когда вы уже знакомы с программой , путь буду прописывать коротко. Меню - Файл - Создать…

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

Сразу же прописываем имя нового документа «Простой коллаж из фото». Так будет называться рабочий файл в формате PSD, который мы сохраним позже. И жмем на кнопку ОК.

В палитре слоев появляется слой 0, который я сразу переименовала в основу коллажа . Основа и станет в последствие фоном коллажа.

Создаем дополнительный слой. Для этого жмем на иконку «Создать новый слой» в правом нижнем углу палитры слоев. На новый слой мы вставим первую фотографию.

После этих действий выбранные фото разместятся в .

Теперь скопируем все фотографии на новый документ. В моем случае это «Простой коллаж из фото». Напоминаю коротко, как это сделать: Меню - Выделение - Все .

Фотография выделилась прерывистыми линиями.

Я копирую классическим способом, для этого идем в Меню - Редактирование - Скопировать .

Переходим на вкладку «Простой коллаж их фото» становимся на Слой 1. Меню - Редактирование - Вставить . После выполненных действий на слое 1 появляется копируемая фотография.

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

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

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

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

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

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

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

Позже для удобства я переименовала все слои.

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

Для этого идем в .

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

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

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

Увеличу немного размер фрагмента уже известным вам способом Меню - Редактирование - Трансформирование - Масштабирование .

Расставлю другие фрагменты на коллаже. Слои Желтая роза и Букет решила немного повернуть.

Для этого идем в Меню - Редактирование - Трансформирование - Поворот .

Вы конечно же можете поэкспериментировать и расставить ваши фотографии по другому. Я вот решила снова уменьшить немного фрагмент Вертикальное фото красная роза . И воспользовалась все теми же действиями: Меню - Редактирование - Трансформирование - Масштабирование .

Мне показалось, что фон с вертикального фото вполне подойдет для всего коллажа. Для этого инструментом ПИПЕТКА определяем цвет.

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

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

Начинаем с вертикального фото. Нам нужно его выделить. Для этого активируем нужный слой, идем в Меню - Выделение - Загрузить выделенную область . Жмем на ОК.

Видим, что красная роза выделилась прерывистыми линиями.

Идем в Меню - Редактирование - Выполнить обводку .

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

Я оставила все параметры одинаковыми для всех фрагментов коллажа.

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

Теперь в окончательном варианте можно и уменьшить размер коллажа до 1000 рх по ширине. Этого вполне достаточно (Меню - Изображение - Размер изображения ).

Сохраняем рабочий документ в формате PSD, если захотим в последствии что-то изменить. Для этого идем в Меню - Файл - Сохранить как - выбираем тип файла Photoshop PSD .

И после этого сохраняем свой коллаж в формате jpg. Идем в Меню - Файл - Сохранить для Web и устройств .

А это похвастушки! Когда-то я проходила тренинг у Ольги Бор по созданию скрапбукинга. написана на моем сайте о жизни в Болгарии, и перенести ее сюда в оригинальном виде уже не получится. Но вы можете просто посмотреть мою работу. Мало того, что все детали скрапбукинга выполнены мною, и эта картинка тоже своего рода коллаж, только намного сложнее… И при определенном терпении вы тоже сможете этому научиться.

Все придет с опытом, поверьте.

Моя подруга Ольга Витман тоже всерьез увлеклась этим модным и интересным творчеством. Ее рамочка «Первоклашка» выполнена в стиле скрапбукинга. Может она вам пригодится, ведь 1 сентября не за горами.

P.S.: Мне казалось, что по созданию Простого коллажа из фото в фотошопе CS5 получится коротким, но я ошиблась.

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

Девочки, перед началом поста хочу трижды извиниться.

1. Перед профессионалами. Они, наверно, надорвут животы, читая мои топорные объяснения... Но, в принципе, этот пост не для них.

2. Перед теми, кто у меня уже спрашивал о коллажах, но так и не понял моих объяснялок))))

3. На всякий случай, если где-то уже есть подобное объяснение, а я "изобретаю велосипед")))) Ко всему прочему могут быть разночтения в версиях, но общий принцип, я надеюсь, останется прежним.

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


Открываем вкладку "Файл" и кликаем на "Создать". Это нужно для того, чтобы создть слой, на котором будем строить наш коллаж.


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


Для этого нажимаем на флажок флажок и выбираем их.


Сразу хочу оговориться. Я сжимаю все фотографии для блога до ширины 520 пикселей. Это примерно соответствует размеру 10х15 см. Но чтобы потренироваться - выставьте произвольный размер. Потом поймете))) Ширина - это размер по верхнему краю, высота - это размер сбоку (независимо от того горизонтальное фото или вертикальное). Я выбрала 30х15 см.
В этом же окне есть кнопка "Содержание фона". Если хотите, чтобы он был белый, то выставляйте белый, если желаете, чтобы был серый, то выбирайте «В цвет фона», если в цвет поля блога, то кликайте на «Прозрачный». После того как все параметры выставлены, то можно жать на ОК.


Должно появиться поле, в моем случае белое.

Теперь возвращаемся к одной из наших фотографий. Нажимаем Ctrl + A (выделить) и затем Ctrl +С (копировать).



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


Аналогичную операцию проводим со вторым фото. Если нам нужен просвет между ними, то двигаем их обычными кнопками на клавиатуре со стрелками вправо-влево. Двигается только то фото, которое в активном в слое.

Сохраняем как обычно в нужном формате (у меня в jpg). Для этого открываем опять вкладку "Файл" и находим "Сохранить как".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажимаем ОК .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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



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

Как создать коллаж в программе Adobe Photoshop?


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

Например, в таком. Лето, солнце, ромашки. Вполне соответствует лучезарной улыбке девочки. Ну и пару бабочек для поднятия настроения не помешают.

2. С фото определились – следуем дальше. Откройте программу Adobe Photoshop. Загрузите выбранные фотографии (Файл/Открыть).

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

4. Выделите девочку с помощью инструмента Перо. Это наиболее точный способ выделения.

5. Загрузите контур как выделенную область. Для этого перейдите на вкладку Контуры и нажмите кнопку.

6. Выберите инструмент Перемещение и перетащите девочку на фоновое фото с ромашкой.

8. Бабочек переместите на коллаж тем же способом, что и девочку. Потом их можно расположить так, как вам нравится (Редактирование/Трансформирование/Поворот).

Надпись и Текст 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 с соблюдением этих правил.

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

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

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


Лучшие статьи по теме