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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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


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


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


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


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


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

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



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


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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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


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

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

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

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

Вступление

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

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

Вы научитесь использовать разные инструменты, чтоб совместить сканированные элементы с фото и сделанными вручную текстурами; использовать корректирующие слои и маски, чтоб объединить цветовую палитру и композицию иллюстрации.

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

Используемые материалы:

Шаг 1

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

Откройте фото с моделью в Photoshop и, используя инструмент Перо (Pen tool), (P), создайте контур вокруг модели.

Шаг 2

Когда закончите, сохраните этот контур. Для этого на панели контуров (paths) вызываем выпадающее меню и выбираем Сохранить контур (Save path).

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

Шаг 3

На панели слоев выберите слой с моделью и дублируйте его (Cmd/ Ctrl+ J ). Свяжите эти слои вместе, для этого выделите одновременно два слоя и кликните на первой иконке внизу панели слоев Связать слои (Link layers).

Перейдите на верхний слой и активируйте сохраненный контур на панели контуров (paths). Кликните по выпадающему меню и выберите Создать выделение (Make selection).

Установите радиус растушевки (feather) 0.3 и нажмите OK. На панели слоев внизу нажмите иконку Маски (Mask).

Шаг 4

Теперь у нас два слоя: модель с маской слоя и модель с фоном.

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

Шаг 5

Откройте изображение, которое вы хотите добавить в коллаж, и возьмите инструмент Волшебная палочка (Magic Wand tool) (W). В верхней панели установите Допуск (Tolerance) 20, чтоб захватить большую часть пикселей. Уберите галочку с параметра Смежные пиксели (Contiguous), чтоб Волшебная палочка выделила весь одноцветный фон.

Теперь кликните по фону, чтоб выделить его (на нашем изображении он белый). Элементы, которые мы будем использовать, вне выделения. Инвертируйте выделение, чтоб выделенными были цветы (Cmd/ Ctrl+ I ). Скопируйте выделенную область и вставьте в рабочий документ.

Повторите этот шаг и с остальными элементами, которые хотите добавить в коллаж.

Шаг 6

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

Я сконцентрировала цветы вокруг модели, будто она стоит в небольшом цветущем участке.

Шаг 7

Так как коллажи обычно содержат в себе несколько элементов из разных источников, важно каждый из этих элементов подкорректировать при помощи Уровней (Levels), чтоб все они имели одинаковый контраст и насыщенность.

Вы можете сделать это, добавив к слою, который вам нужно изменить, Уровни (Levels) в панели коррекции (adjustment panel). Вы можете откорректировать тени и света, если это необходимо.

Шаг 8

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

Чтоб сделать это, откройте Illustrator и нарисуйте растекшиеся формы, используя инструмент Перо ( Pen tool) (N).

Примечание: для этой же цели в Photoshop вы можете использовать инструмент Перо и/или Произвольная фигура.

Шаг 9

Скопируйте эти формы и вставьте их в рабочий документ в Photoshop. В панели коррекции (adjustment panel) выберите Цвет/Насыщенность (Hue/Saturation) и измените цвет на такой, который вписывался бы в ваш коллаж.

Шаг 10

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

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

Шаг 11

Используя инструмент Область выделения (Marquee tool) (M), выделите область текстуры, которую вы хотите использовать. Вставьте ее в рабочий документ над слоем с векторными фигурами.

Шаг 12

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

Шаг 13

Чтоб сделать это, повторите шаг 10, но вместо того, чтоб добавлять слою текстуру, установите слою с краской режим наложения Умножение (Multiply). Вы можете изменить цвет краски, повторив шаг 8 и добавив корректирующий слой Цвет/Насыщенность (Hue/Saturation).

Шаг 14

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

Чтоб их создать, я использовала инструмент Перо (Pen tool) (N) в Illustrator, с помощью которого нарисовала завитые стебли. Далее скопировала и вставила их в Photoshop.

Примечание: эти завитушки вы также можете нарисовать в Photoshop, используя инструмент Перо или Кисть.

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

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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