Как создать коллаж и изменить его размеры в Photoshop. Простой коллаж из фото в фотошопе CS5

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

Предположим, мне потребовалось соединить две немного отличающиеся фотографии розы:

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

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

Я открываю фотошоп и создаю новый пустой файл, это можно сделать с помощью быстрой комбинации «Ctrl + N». Предположим, что я не знаю размеров фотографий, которые буду использовать для коллажа, поэтому, чтобы не промахнуться при создании нового файла я выставляю размер 40х40 см и 200 пикселей на дюйм. Кстати, это, наверное, единственный минус данного способа. Два мои «исходника» занимают 654 кб, а файл с ними же и белым фоном более 8 мб. Если работать с большими изображениями и большим количеством слоев, создавая достаточно крупные файлы, то слабому компьютеру придется хорошенько призадуматься.

Итак, мы создали квадратный файл. Теперь открываем изображения, которые мы хотим видеть в коллаже. Перед тем как в фотошопе из двух фотографий сделать одну, мне нужно переместить эти фотографии на мой большой белый квадрат. Для этого я открываю первую фотографию и нажимаю «Ctrl + A» (выделить все), далее копирую выделенное поле, для чего использую еще одну стандартную комбинацию Windows – «Ctrl + С». Теперь я перехожу к окну белого квадрата и использую комбинацию «Ctrl + V» (вставить).

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

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

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

Далее необходимо уменьшить размер фотографии, для этого так же используется «Свободное трансформирование». Зажимаем клавишу «Shift», которая сохраняет пропорции уменьшаемого или увеличиваемого изображения. Далее, наведя курсор мыши на любой угол картинки, зажимаем ЛКМ и уменьшаем фотографию до нужного размера. Когда все трансформации произведены, нажмите «Enter».

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

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

В принципе, на этом работа практически закончена, но еще осталась парочка простых действий. Нам нужно обрезать все лишнее, в моем примере, это громадная белая область вокруг роз. Я выбираю инструмент «Кадрирование», который отзывается на клавишу «С» и выделив мои розы нажимаю «Enter».

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

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

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

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

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


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


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


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


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


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

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



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


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

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

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