Домой / Видео / Коллаж в фотошопе на русском. Создаём коллаж из фотографий в Фотошоп

Коллаж в фотошопе на русском. Создаём коллаж из фотографий в Фотошоп

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

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


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

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

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

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

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

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


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


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


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


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


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

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



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


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

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

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

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

Создать коллаж в 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. Теперь вы готовы показать ваш коллаж миру.

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

Тема фотографий для коллажа может быть любой, но обычно фотографии выбираются «созвучные». Например: фото разнообразных пейзажей природы, фото здания и его внутреннего интерьера, фотографии скульптур, фото цветов, или семейные фотографии. Хотя можно делать коллажи из, казалось бы, несовместимых фотографий, разного цветового «звучания», темы и размера. Но во всем нужно чувство меры и чувство сочетания… И это приходит с опытом. Ведь если не попробовать что-то сделать самому, то и результата не узнать!
Сейчас моя основная задача – рассказать вам, как создавать самый простой коллаж, научившись делать который, вы сможете создавать в дальнейшем разнообразные по качеству, замыслу и теме коллажи. Это как бы основа, изучив которую, потом можно творить коллажи сообразно своей фантазии и желанию.
На выборе темы для коллажа останавливаться мы не будем. Тут, по-моему, все ясно. Каждый определится без проблем согласно своим потребностям и фантазиям. А вот сам процесс создания коллажа из фотографий или картинок я разделила бы на несколько основных этапов:

1- Подбор фотографий для коллажа.
2- Проверка необходимых настроек в фотошопе.
3- Определение макета коллажа.
4- Непосредственно процесс создания коллажа.
5- Сохранение коллажа.

Как правильно выбрать фотографии для коллажа.

Процесс подбора фотографий начинаем с предварительной работы с оригиналами своих фотографий или подборкой и «скачивания» нужных фотографий из Сети. Для своих фотографий дополнительно проверяем разрешение полученных изображений (позже я расскажу для чего).

Вообще, для качественных коллажей лучше всего подходит разрешение фотографий в 300 пкс/ дюйм. Но не расстраивайтесь, если оно меньше, ведь качественно улучшить общий вид фотографии можно, предварительно «обработав» их в том же фотошопе, изменяя настройки в верхнем меню — пункт «Изображение» .

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

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

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

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

Итак, фотографии мы подобрали, с разрешением оригинальных фотографий разобрались. Переходим к следующему этапу.

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

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

Если каких то «галочек» нет, то ставим их. Все, второй пункт мы тоже выполнили.

Определение макета коллажа.

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

Открываем фотошоп и создаем новый файл с нужными нам размерами. Я создаю файл с размерами 500 на 375 пкс (это тот размер фотографий, который предусмотрен в настройках моего блога). Вот тут пришло время рассказать про разрешение.

У меня для коллажа использованы оригинальные фотографии с разрешением 300 пкс/дюйм, поэтому при создании нового файла я устанавливаю именно эту цифру в графе разрешение. Если у вас разрешение ваших оригинальных фотографий иное, то вы прописываете иную цифру соответственно. Если фотография из Сети, то пишем в данной графе цифру 72. Нажимаем ОК. Все, основа для коллажа создана.

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

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

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

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

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

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

Непосредственно процесс создания и сохранение коллажа.

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

А вот результат урока — новоиспеченный коллаж!!!

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

Уверена, что сделав несколько коллажей самостоятельно, «набив руку», вы будете создавать легко и просто. К тому еще и будете получать удовольствие от такого увлекательного процесса!

С удовольствием отвечу на все вопросы и помогу всем, чем смогу. Успехов вам!

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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


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

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

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

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