Преврати фотографию в коллаж с фотошопом: познавайте с нами

Узнайте, как легко превратить одно изображение в веселый квадратный коллаж с помощью Photoshop!

Чтобы создать эффект фотоколлажа, мы начнем с обрезки изображения в квадрат, а затем разделим его на более мелкие квадраты. Мы добавим рамку вокруг каждой из них, чтобы они выглядели как отдельные фотографии, а затем переместим и повернем их на место. Наконец, мы изменим цвет фона и добавим тень за эффектом. Я буду использовать Photoshop CC, но все полностью совместимо с Photoshop CS6.

Вот изображение, которое я буду использовать. Я скачал этот с Adobe Stock:

Изображение, которое будет превращено в фотоколлаж.  Фото предоставлено: Adobe Stock.

Исходное изображение. Фото предоставлено: Adobe Stock.

И вот как будет выглядеть фотоколлаж, когда мы закончим:

Как создать фотоколлаж из одного изображения в фотошопе

Финальный эффект фотоколлажа.

Давайте начнем!

Содержание

Как создать квадратный фотоколлаж

Шаг 1: обрежьте изображение в квадрат

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

Выбор инструмента обрезки в Photoshop

Выбор инструмента обрезки.

На панели параметров установите Соотношение сторон к Квадрату :

Установка соотношения сторон инструмента обрезки к квадрату в Photoshop

Установка соотношения сторон к площади.

Photoshop добавляет начальную квадратную рамку обрезки вокруг изображения:

Начальная квадратная рамка обрезки вокруг изображения в Photoshop

Начальная квадратная граница урожая.

Вернувшись на панель параметров, убедитесь, что установлен флажок « Удалить обрезанные пиксели» :

Параметр «Удалить обрезанные пиксели» в Photoshop

Удалить обрезанные пиксели должны быть включены.

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

Изменение размера квадратной границы обрезки вокруг объекта в Photoshop

Изменение размера рамки обрезки вокруг объекта.

Чтобы обрезать изображение, нажмите Enter (Win) / Return (Mac):

Результат после обрезки изображения в квадрат в фотошопе

Результат после обрезки изображения в квадрат.

Шаг 2: Добавьте несколько руководств

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

Добавление первой горизонтальной направляющей

Подойди к меню View в строке меню и выбери New Guide :

Выбор нового гида из строки меню в Photoshop

Идем в Вид> Новое руководство.

В диалоговом окне «Новое руководство» установите для параметра « Ориентация» значение « Горизонтально» , а затем введите 33% для позиции . Нажмите OK, чтобы закрыть диалоговое окно:

Добавление горизонтальной направляющей в документ Photoshop

Добавление первого руководства.

Photoshop добавляет первую горизонтальную направляющую на треть пути сверху вниз:

Первое горизонтальное руководство добавлено в документ Photoshop.

Добавлена ​​первая горизонтальная направляющая.

Добавление второй горизонтальной направляющей

Чтобы добавить второе руководство, вернитесь в меню « Вид» и снова выберите « Новое руководство» :

Выбор нового гида из строки меню в Photoshop

Возвращаясь к View> New Guide.

Оставьте Ориентацию установленной по горизонтали , но на этот раз введите 66% для Позиции . Нажмите OK, чтобы закрыть диалоговое окно:

Добавление второй горизонтальной направляющей в документ Photosohp

Добавляем второе руководство.

А Photoshop добавляет второе руководство, на этот раз на две трети сверху вниз:

Вторая горизонтальная направляющая добавлена ​​в документ Photoshop.

Добавлена ​​вторая горизонтальная направляющая.

Добавление вертикальной направляющей

Вернитесь в меню View и снова выберите New Guide :

Выбор нового гида из строки меню в Photoshop

Возвращаясь к View> New Guide.

Для этого третьего руководства измените ориентацию на вертикальную и введите 33% для позиции . Затем нажмите ОК:

Добавление вертикальной направляющей в документ Photoshop

Добавление третьего руководства.

Это добавляет вертикальную направляющую на треть пути слева:

Первое вертикальное руководство добавлено в документ Photoshop.

Первая вертикальная направляющая добавлена.

Добавление второй вертикальной направляющей

И, наконец, вернитесь в последний раз в меню « Вид» и выберите « Новое руководство» :

Выбор нового гида из строки меню в Photoshop

Возвращаясь к View> New Guide.

Оставьте Ориентацию установленной на Вертикальную, но измените Положение на 66% . Нажмите OK, когда вы закончите:

Добавление второй вертикальной направляющей в документ Photoshop

Добавление четвертого руководства.

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

Четыре направляющих, разделяющих изображение на квадраты в Photoshop.

Четыре направляющих делят изображение на квадраты.

Шаг 3: Выберите и скопируйте каждый квадрат в новый слой

Нам нужно выбрать каждый квадрат и скопировать его в свой слой. Выберите инструмент Rectangular Marquee Tool на панели инструментов:

Выбор инструмента «Прямоугольная область» в Photoshop.

Выбор Прямоугольного Marquee Tool.

Привязка выбора к направляющим

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

Функция привязки к направляющим в Photoshop

Ищите галочку рядом с руководствами.

Выбор первого квадрата

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

Выделение квадрата в верхнем левом углу изображения.

Рисование контура выделения вокруг квадрата в левом верхнем углу.

Копирование квадрата в новый слой

Чтобы скопировать квадрат в его собственный слой, перейдите в меню « Слой» , выберите « Новый» , а затем выберите « Слой через Копировать» . Или более быстрый способ — нажать сочетание клавиш Ctrl + J (Win) / Command + J (Mac):

Выбор нового слоя с помощью команды «Копировать» в Photoshop

Переход к Layer> New> Layer via Copy.

На панели «Слои» мы видим, что Photoshop поместил копию квадрата на новый слой над изображением:

Панель «Слои», показывающая квадрат, скопированный в его собственный слой в Photoshop

Квадрат был скопирован в его собственный слой.

Выбор фонового слоя

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

Выбор фонового слоя на панели «Слои» в Photoshop

Выбор фонового слоя.

Выбор и копирование второго квадрата

Затем нарисуйте выделение вокруг квадрата в верхнем центре:

Выбор второго квадрата

Выбор второго квадрата.

Чтобы быстро скопировать его на новый слой, нажмите Ctrl + J (Победа) / Command + J (Mac). Вернемся к панели «Слои», теперь у нас есть два квадрата над изображением:

Панель «Слои», показывающая второй квадрат над изображением

Второй квадрат был скопирован.

Выбор и копирование оставшихся квадратов

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

Выбор изображения на фоновом слое

Всегда выбирайте фоновый слой перед выбором нового квадрата.

Нарисуйте контур выделения вокруг нового квадрата:

Выбор третьего квадрата на изображении.

Выберите другой квадрат.

А затем нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы скопировать квадрат в новый слой:

Третий квадрат появляется на новом слое на панели «Слои»

Квадрат копируется в новый слой.

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

Панель «Слои», показывающая все девять квадратов, выбранных и скопированных в Photoshop

Все 9 квадратов были скопированы.

Шаг 4: Скрыть направляющие

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

Отключение направляющих в документе Photoshop

Отключаем направляющие.

Шаг 5: Добавьте больше места для холста

Чтобы дать нам пространство для перемещения и поворота квадратов, мы добавим больше пространства холста вокруг изображения. И мы можем сделать это с помощью Crop Tool. Выберите инструмент обрезки на панели инструментов:

Выбор инструмента обрезки в Photoshop

Повторный выбор инструмента Crop.

Нажмите и удерживайте клавишу Alt (Победа) / Option (Mac) на клавиатуре, а затем щелкните и перетащите любой из маркеров обрезки наружу и в сторону от изображения. Клавиша Alt / Option позволяет изменить размер границы обрезки от ее центра:

Добавление большего пространства холста с помощью инструмента Crop в Photoshop

Добавление большего пространства холста с помощью инструмента Crop.

Нажмите Enter (Win) / Return (Mac), чтобы принять его, и Photoshop добавляет дополнительное пространство холста:

Вокруг фотографии добавлено больше места для холста

Вокруг фотографии было добавлено больше места.

Шаг 6: залейте фон черным

По умолчанию Photoshop заполняет новое пространство белым, но давайте заполним наш фон черным. На панели «Слои» выберите фоновый слой :

Выбор фонового слоя на панели «Слои»

Выбор фонового слоя.

Затем перейдите в меню Edit и выберите Fill :

Выбор команды «Заполнить» в Photoshop

Собираюсь Правка> Заполнить.

В диалоговом окне «Заливка» установите для параметра « Содержание» значение « Черный» и нажмите кнопку «ОК».

Настройки содержимого в черный цвет в диалоговом окне Fill в Photoshop

Настройка содержимого на черный.

Изображение теперь появляется на черном фоне:

Фон позади изображения был залит черным

Результат после заливки фона черным.

Шаг 7: Добавьте обводку вокруг первого квадрата

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

Добавление штриха

На панели «Слои» выберите верхний слой (тот, который содержит квадрат в левом верхнем углу):

Выбор верхнего слоя на панели «Слои»

Выбор верхнего слоя.

Затем щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:

Щелчок по значку «Эффекты слоя» на панели «Слои» в Photoshop

Нажав на значок «FX».

И выберите Stroke из списка:

Добавление эффекта слоя обводки в Photoshop

Добавление эффекта слоя обводки.

Изменение цвета обводки

В диалоговом окне «Стиль слоя» щелкните образец цвета :

Изменение цвета обводки в фотошопе

Нажав образец цвета в настройках обводки.

А затем в палитре цветов , изменить цвет обводки на белый , а затем нажмите кнопку ОК:

Выбор белого цвета для нового цвета обводки в палитре цветов

Выбор белого для нового цвета обводки.

Установка размера и положения

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

Установка размера и положения обводки вокруг первого квадрата

Настройка положения и размера обводки.

Нажмите OK, чтобы закрыть диалоговое окно, и теперь у нас есть рамка вокруг одного из квадратов:

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

Граница появляется вокруг квадрата в левом верхнем углу.

Шаг 8: Добавьте обводку в другие квадраты

Вернувшись на панель «Слои», мы видим, что наш штрих обозначен эффектом под слоем:

Эффект обводки слоя, указанный под слоем в Photoshop

Эффекты перечислены под слоем.

Чтобы быстро применить тот же штрих к другим квадратам, мы скопируем и вставим его. Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу « Control» (Mac) на верхнем слое, а затем выберите « Копировать стиль слоя» в меню:

Команда «Копировать стиль слоя» в Photoshop

Выбор «Копировать стиль слоя».

Нажмите на второй слой сверху (Layer 2), чтобы выбрать его:

Выбор второго слоя сверху

Выбор второго слоя сверху.

Нажмите и удерживайте клавишу Shift , а затем нажмите на слой чуть выше фонового слоя (слой 9). Это выбирает все остальные квадраты одновременно:

Выделение всех остальных квадратов одновременно на панели «Слои»

Удерживая Shift и выбирая нижний квадрат.

Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) на любом из выбранных слоев, а затем выберите « Вставить стиль слоя» :

Команда «Вставить стиль слоя» в Photoshop

Выбор «Вставить стиль слоя».

И точно так же, Фотошоп вставляет обводку в другие квадраты:

Результат после вставки эффекта слоя обводки на оставшиеся квадраты в Photoshop

Все 9 квадратов теперь обведены.

Шаг 9: двигай и вращай квадраты

Чтобы создать эффект коллажа, мы будем перемещать и вращать квадраты с помощью команды «Свободное преобразование» в Photoshop.

Выбор инструмента перемещения

Выберите инструмент Move на панели инструментов:

Выбор инструмента «Перемещение» в Photoshop

Выбор инструмента перемещения.

Включение автоматического выбора

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

Параметр автоматического выбора для инструмента «Перемещение» в Photoshop

Убедитесь, что Auto-Select включен и установлен на Layer.

Нажмите, чтобы выбрать квадрат

Нажмите на квадрат в левом верхнем углу, чтобы выбрать его:

Выбор верхнего левого квадрата в фотоколлаже в Photoshop

Выбор верхнего левого квадрата.

Перемещайте и вращайте квадрат с помощью Free Transform

Затем перейдите в меню « Правка» и выберите « Свободное преобразование» . Или используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac):

Параметр автоматического выбора для инструмента «Перемещение» в Photoshop

Собираемся Правка> Свободное Преобразование.

Фотошоп размещает поле «Свободное преобразование» и обращается вокруг квадрата:

Дескрипторы Free Transform появляются вокруг первого квадрата в коллаже.

Появятся маркеры Free Transform.

Чтобы переместить квадрат, щелкните и перетащите в любое место внутри поля «Свободное преобразование». Вы также можете переместить его с помощью клавиш со стрелками на клавиатуре. Чтобы повернуть его, переместите курсор мыши за пределы поля, а затем нажмите и перетащите:

Перемещение и вращение первого квадрата в фотоколлаже

Перемещение и вращение квадрата на место.

Чтобы принять его, нажмите Enter (Win) / Return (Mac), и наш первый квадрат был перемещен и повернут на место:

Первая фотография в коллаже была перемещена и повернута в Photoshop

Результат после перемещения и вращения первого квадрата.

Повторяя шаги для других квадратов

Чтобы переместить и повернуть другие квадраты, просто повторите те же шаги. Сначала нажмите на квадрат, чтобы выбрать его, а затем нажмите Ctrl + T (Win) / Command + T (Mac), чтобы быстро выбрать Free Transform . Переместите квадрат на место, а затем поверните его на место. Нажмите Enter (Win) / Return (Mac), чтобы принять его.

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

Квадратный фотоколлаж на черном фоне, созданный в фотошопе

Результат после настройки всех внешних квадратов.

Шаг 10: Измените цвет фона

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

На панели «Слои» щелкните фоновый слой, чтобы выбрать его:

Выбор фонового слоя на панели «Слои»

Выбор фонового слоя.

Затем щелкните значок « Новый слой заливки или корректировки» :

Щелкнув по значку «Новый слой заливки» или «Корректирующий слой» на панели «Слои»

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И выберите Solid Color из списка:

Выбор слоя заливки сплошным цветом в Photoshop

Выбор сплошного цвета заливки.

Выборка цвета фона из изображения

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

Выборка цвета фона для фотоколлажа из изображения в Photoshop

Выборка нового цвета фона из изображения.

Найдя понравившийся цвет, нажмите кнопку «ОК», чтобы закрыть палитру цветов:

Фотоколлаж фотошопа с цветом фона, взятым из изображения

Фотоколлаж с новым цветом фона, взятым из изображения.

На панели «Слои» мы видим наш новый слой заливки сплошным цветом над фоновым слоем:

Слой заливки находится между фоновым слоем и квадратами

Слой заливки находится между фоновым слоем и квадратами.

Шаг 11: Добавьте тень

Наконец, давайте закончим эффект, добавив тень за квадраты. Чтобы добавить тень ко всем квадратам одновременно, мы сначала поместим их в группу слоев .

Группировка квадратов

Нажмите на верхний слой (Layer 1), чтобы выбрать его. Затем нажмите и удерживайте клавишу Shift и нажмите на слой непосредственно над слоем заливки (Слой 9). Это выбирает все квадраты одновременно:

Выбор всех слоев, которые составляют квадраты в фотоколлаже

Нажмите на слой 1, затем нажмите Shift-на слой 9.

Поднимитесь в меню Layer и выберите Group Layers :

Выбор команды «Слои группы» в Photoshop

Идем в Layer> Group Layers.

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

Квадраты фотоколлажа теперь находятся внутри группы слоев в Photoshop

Квадраты теперь находятся внутри группы слоев.

Добавление тени

Чтобы применить тень к группе, щелкните значок « Стили слоя» :

Добавление эффекта слоя в группу слоев

Нажав на иконку «fx» с выбранной группой слоев.

И затем выберите Drop Shadow из списка:

Добавление стиля слоя Drop Shadow в группу слоев

Выбор Drop Shadow.

Откроется диалоговое окно «Стиль слоя» с параметрами «Тень»:

Параметры «Тень» в диалоговом окне «Стиль слоя» в Photoshop

Параметры «Тень» в диалоговом окне «Стиль слоя».

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

Регулировка угла и расстояния тени за фотоколлажем в Photoshop

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

Once you’ve set the Angle and Distance, go back to the dialog box and adjust the Size value to soften the edges. You can also adjust the Opacity to make the shadow appear lighter or darker. I’ll lower mine to 30%:

Регулировка размера и непрозрачности тени за квадратами фотоколлажа

Adjusting the Size (softness) and Opacity of the drop shadow.

When you’re happy with the results, click OK to close the dialog box. And with the drop shadow applied, here’s my final effect:

Как создать фотоколлаж из одного изображения в фотошопе

The final photo collage effect.

And there we have it! That’s how to turn a single image into a simple, square photo collage in Photoshop! For more collage effects, learn how to create Polaroid collage, a film strip collage, or a collage of warped photos! Visit our Photo Effects section for more tutorials. And don’t forget, all of our Photoshop tutorials are now available to download as PDFs!


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.