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

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

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


Фотография с девушкой очень хорошо подойдет для фона будущего коллажа, а остальные изображения мы попробуем наложить на нее.
  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 пикселей), которое может быть использовано в качестве обоев для рабочего стола.

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

Коллаж в фотошопе быстро и легко

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

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

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

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

Сочетанием клавиш Ctrl+J делаем два дубликата слоя. К дубликату посередине применяем корректирующий слой «Цветовой тон/Насыщенность»/(Hue/Saturation) в режиме тонирования. Верхний слой пока скроем, нажав значок «Глаз» напротив. Вызвать корректирующий слой можно на палитре слоёв внизу. Значок списка корректирующих слоёв - круг, закрашенный наполовину.

Чтобы корректирующий слой работал в режиме тонирования, в окне настроек, которое откроется после вызова слоя, нажмите галочку «Тонирование»/Colorize . Теперь, перемещая чекеры «Цветовой тон»/Hue , «Насыщенность»/Saturation и «Яркость»/Brightness влево либо вправо, добейтесь оттенков, похожих на старое фото. Затем примените к этому же дубликату слоя размытие по Гауссу. Становимся на слой и в пункте «Фильтр»/Filter главного меню выбираем «Размытие»/Blur , «Размытие по Гауссу»/Gaussian Blur .

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

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

Остаёмся на этом слое и выбираем инструмент выделения «Прямоугольная область»/Rectangular Marquee Tool . Создадим портрет для первого элемента коллажа. Выделяем произвольно рамку, удерживая левую клавишу мыши: просто протягиваем столько, сколько нам нужно на изображении. Выделение обозначится пунктиром.

Затем сразу, не снимая выделения, нажимаем значок «Создание маски» . Рядом со слоем появится маска, а видимым останется изображение, ограниченное выделением.

Нажмите на изображение скрепки между слоем и маской. Оно исчезнет, а маска станет свободной для перемещения по слою и трансформации. Перейдите со слоя на маску (на палитре слоёв).

Теперь, выбрав инструмент «Перемещение»/Move (вызывается клавишей V ), вы можете, ухватив маску, переместить её в любое место изображения. А если нажмёте сочетание клавиш Ctrl+T , сможете растянуть или уменьшить размер маски. Ухватитесь за угловую точку рамки трансформации и, удерживая левую клавишу мыши, растяните или сожмите размер. Чтобы при трансформации не произошло искажения прямоугольника, нажмите на скрепку на панели управления.

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

На этом же слое перейдите с маски на слой (на палитре слоёв).

Оставаясь на слое, нажмите правую клавишу мыши. В появившемся консольном списке выберите пункт .

В окне настроек выберите «Выполнить обводку»/Stroke . Перемещая верхний ползунок, подберите размер рамки. Цвет можно изменить, вызвав палитру двойным щелчком по окошку образца цвета. Завершив все подборки, нажмите Ok .

Теперь создайте дубликат слоя с маской, нажав Ctrl+J . На новом слое вызовите инструмент «Перемещение»/Move (клавиша V ) и, ухватив, перетащите маску на новое место. Желательно выделить ещё один портрет. Если нужно, измените размер маски либо поверните её иначе, как это было проделано на предыдущем слое. Так вы получите второй элемент коллажа. Повторяя шаги от создания дубликата до нахождения новой позиции маски, создайте столько элементов коллажа, сколько вам будет нужно. Не забывайте: чтобы переместить маску по изображению, на палитре слоёв перейдите со слоя на маску. Если вам нужно отменить какие-либо действия, нажимайте сочетание клавиш Ctrl+Alt+Z .

Чтобы сделать картинку ещё интереснее, выборочно к слоям коллажа можно применить корректирующий слой «Цветовой тон/Насыщенность» , как мы применили его к слою-фону. Можно применить и корректирующий слой «Чёрно-белое» .

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

Примените корректирующие слои по своему вкусу. По окончании сохраните файл (Shift+Ctrl+S ) в формате psd, на случай, если захотите что-либо изменить. Готовый коллаж сохраните в любом удобном вам формате, JPG или другом (Shift+Ctrl+S и укажите другой формат).

Вот так просто из одного обычного фото можно создать интересный коллаж. При желании в окне «Параметры наложения»/Blending Option можно, кроме обводки, задать ещё тень и свечение вокруг каждого элемента коллажа.

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

Рассмотрим, как из нескольких фото сделать коллаж в фотошопе.

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

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

На сообщения при открытии файла отвечаем Ok .

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

На всех изображениях следует снять значок «Замок» на слое. Заранее продумайте, в каком порядке разместите картинки на коллаже. Выберите изображение, которое будет опорным центральным кадром. Установите курсор на слое с изображением, нажмите Ctrl+T , если вас всё устраивает и вырезать фрагмент не нужно. Когда появится рамка трансформации, на панели управления нажмите значок «Скрепка» . В этом случае при трансформации не нарушатся пропорции изображения. Подводим курсор к углу рамки и уменьшаем изображение до нужного размера. Нажимаем Enter , чтобы завершить трансформирование.

Если же нам нужен только фрагмент изображения, то инструментом выделения (клавиша M Ctrl+C и Ctrl+V. У нас появится новый слой с нужной заготовкой. Старый слой удаляем. Инструментом «Перемещение»/Move (вызывается клавишей V ) передвигаем изображение в нужную позицию. Для этого подводим курсор к изображению и, удерживая левую клавишу мыши, перемещаем в выбранную позицию изображение.

Готовим следующий фрагмент коллажа. Переходим на закладку с нужным изображением. Инструментом выделения «Прямоугольная область» /Rectangular Marquee Tool (клавиша M ) вырезаем нужный участок, нажимаем Ctrl+C . Возвращаемся на закладку с первым фрагментом коллажа и нажимаем Ctrl+V . Появляется новый слой с изображением. Ставим на него курсор, нажимаем Ctrl+T и подгоняем трансформированием нужный размер. Нажимаем Enter , чтобы завершить трансформирование. Инструментом «Перемещение»/Move (вызывается клавишей V ) передвигаем изображение в нужную позицию.

Закладку с использованным изображением можно закрыть, чтобы не путаться среди их множества. Если есть желание, можно задать обводку каждому элементу коллажа. Оставаясь на слое, нажмите правую клавишу мыши. В появившемся консольном списке выбираем пункт «Параметры наложения»/Blending Option . В окне настроек выбираем «Выполнить обводку»/Stroke . Перемещая верхний ползунок, подбираем размер рамки. Цвет можно изменить, вызвав палитру двойным щелчком по окошку образца цвета. Завершив все подборки, нажмите Ok .

Повторите все шаги с вырезанием, копированием, добавлением к коллажу и трансформацией со всеми выбранными картинками. Завершите ваш коллаж. Сохраните в любом из желаемых форматов (Shift+Ctrl+S ), JPG и т.д. Ваш коллаж готов. Если вдруг будет желание в нём что-либо изменить, то сохраните файл psd вашего коллажа (Shift+Ctrl+S ) и выбрать формат psd). Потом, открыв этот файл в photoshop, вы легко сможете внести изменения.

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

2 голоса

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

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

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

Простой коллаж

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

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

В правой верхней части я открываю меню «Файл» и выбираю «Создать новый», думаю все знают как это делается, и проблем не возникнет.

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

Теперь перетаскиваю изображение из папки с фотографиями на подготовленный фон. Это самый простой и правильный способ работы.

Вы можете или . Делается это очень просто, при помощи стрелок и мышки. Затем «отпустите» фото, нажав Enter.

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

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

Давайте немного подробнее разберемся со слоями. Представьте, что перед вами лежит ватман. Вы накладываете одну картинку, затем другую. Так и получается коллаж. Каждая картинка – это и есть слой, но зачем он нужен в электронной программе? Чтобы когда вы делали какие-то изменения для одной фотографии (меняли цвет, размер, форму), то другие были не затронуты.

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

Эффекты и работа с элементами

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

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

Чтобы снова получить возможность поработать с размерами картинки, нажмите сочетание клавиш Ctrl+T. Это очень полезное сочетание, так что предлагаю вам его запомнить.

Кроме того, различные интересные эффекты, с которыми можно поработать самостоятельно, есть в меню «Изображение». Мне, к примеру, очень нравится «Коррекция» — «Сочность».

Эта опция помогает сделать любую фотографию ярче.

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

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

Теперь нажимаю кнопку Del и готово.

Ctrl+D поможет избавиться от выделения области.

Работать с фоном сейчас тоже невозможно, так как он закрыт для редактирования и «Замок» рядом с эскизом указывает на это. Просто щелкните по замочку, чтобы открыть слой для редактирования.

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

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

Ну вот в общем-то и все. Вот такой результат у меня получился.

Более сложный коллаж

На сайте photoshop-master вы можете найти кучу дополнений для своей программы, в том числе рамок и шаблонов. Вам просто нужно или рамку.

Вы скачиваете шаблон, вырезаете из фото себя, подгоняете по размеру, используя Ctrl+T, затем по цвету (Изображения – Коррекция).

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

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


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

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

Посмотрите, какие проекты выполняют люди, завершившие этот курс. В рубрике отзывы множество таких примеров!

Ну а если пока вы не готовы решиться, то на этой же странице вы можете получить бесплатный теоретический мини-курс (просто перейдите в самый низ страницы), состоящий из 6 уроков другого автора. Он не менее полезен.


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

До новых встреч и удачи в ваших начинаниях.


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


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



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

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


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

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

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

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

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

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

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

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



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: