Узнайте, как легко превратить одно изображение в веселый квадратный коллаж с помощью Photoshop!
Чтобы создать эффект фотоколлажа, мы начнем с обрезки изображения в квадрат, а затем разделим его на более мелкие квадраты. Мы добавим рамку вокруг каждой из них, чтобы они выглядели как отдельные фотографии, а затем переместим и повернем их на место. Наконец, мы изменим цвет фона и закончим добавлением тени за эффект.
Вот изображение, которое я буду использовать. Я скачал этот с Adobe Stock:
Исходное изображение. Фото предоставлено: Adobe Stock.
И вот как будет выглядеть фотоколлаж, когда мы закончим:
Финальный эффект фотоколлажа.
Давайте начнем!
Как создать квадратный фотоколлаж
Для этого урока я использую Photoshop CC, но все совместимо с Photoshop CS6. Вы также можете следить за моим видео этого урока на нашем канале YouTube. Или загрузите этот учебник в формате PDF для печати!
Шаг 1: обрежьте изображение в квадрат
Первое, что нам нужно сделать, это обрезать наше изображение в квадрат. Выберите инструмент обрезки на панели инструментов:
Выбор инструмента Crop.
На панели параметров установите Соотношение сторон к Квадрату :
Установка соотношения сторон к площади.
Photoshop добавляет начальную квадратную рамку обрезки вокруг изображения:
Начальная квадратная граница урожая.
Вернувшись в панель параметров, убедитесь, что установлен флажок « Удалить обрезанные пиксели» :
Удалить обрезанные пиксели должны быть включены.
Затем перетащите маркеры кадрирования, чтобы изменить размер рамки вокруг объекта. Если вы работаете с портретом, постарайтесь, чтобы основные черты лица человека (его глаза, нос и рот) были в пределах центральной площади:
Изменение размера рамки обрезки вокруг объекта.
Чтобы обрезать изображение, нажмите Enter (Win) / Return (Mac):
Результат после обрезки изображения в квадрат.
Шаг 2: Добавьте несколько руководств
Чтобы помочь нам разделить изображение на более мелкие квадраты, мы добавим несколько направляющих.
Добавление первой горизонтальной направляющей
Подойди к меню View в строке меню и выбери New Guide :
Идем в Вид> Новое руководство.
В диалоговом окне «Новое руководство» установите для параметра « Ориентация» значение « Горизонтально», а затем введите 33% для позиции . Нажмите OK, чтобы закрыть диалоговое окно:
Добавляем первое руководство.
Photoshop добавляет первую горизонтальную направляющую на треть пути сверху вниз:
Добавлена первая горизонтальная направляющая.
Добавление второй горизонтальной направляющей
Чтобы добавить второе руководство, вернитесь в меню « Вид» и снова выберите « Новое руководство» :
Возвращаясь к View> New Guide.
Оставьте Ориентацию установленной по горизонтали, но на этот раз введите 66% для Позиции . Нажмите OK, чтобы закрыть диалоговое окно:
Добавляем второе руководство.
А Photoshop добавляет второе руководство, на этот раз на две трети сверху вниз:
Добавлена вторая горизонтальная направляющая.
Добавление вертикальной направляющей
Вернитесь в меню View и снова выберите New Guide :
Возвращаясь к View> New Guide.
Для этого третьего руководства измените ориентацию на вертикальную и введите 33% для позиции . Затем нажмите ОК:
Добавление третьего руководства.
Это добавляет вертикальную направляющую на треть пути слева:
Первая вертикальная направляющая добавлена.
Добавление второй вертикальной направляющей
И, наконец, вернитесь в последний раз в меню « Вид» и выберите « Новое руководство» :
Возвращаясь к View> New Guide.
Оставьте Ориентацию установленной на Вертикальную, но измените Положение на 66% . Нажмите OK, когда вы закончите:
Добавление четвертого руководства.
Photoshop добавляет вторую вертикальную направляющую, две трети пути слева, и теперь наше изображение разделено на меньшие квадраты:
Четыре направляющих делят изображение на квадраты.
Шаг 3: Выберите и скопируйте каждый квадрат в новый слой
Нам нужно выбрать каждый квадрат и скопировать его в свой слой. Выберите инструмент Rectangular Marquee Tool на панели инструментов:
Выбор Прямоугольного Marquee Tool.
Привязка выбора к направляющим
Чтобы убедиться, что наши выборы привязаны к направляющим, перейдите в меню « Вид», выберите « Привязать к» и убедитесь, что рядом с « Руководствами » установлен флажок. Если этого не произойдет, нажмите на него, чтобы выбрать его:
Ищите галочку рядом с руководствами.
Выбор первого квадрата
Начнем с квадрата в левом верхнем углу. Нажмите и перетащите контур выделения вокруг него. Если вы выполнили последний шаг, схема выбора должна быть привязана к направляющим:
Рисование контура выделения вокруг квадрата в левом верхнем углу.
Копирование квадрата в новый слой
Чтобы скопировать квадрат в его собственный слой, перейдите в меню « Слой», выберите « Новый», а затем выберите « Слой через Копировать» . Или более быстрый способ - нажать сочетание клавиш Ctrl + J (Win) / Command + J (Mac):
Переход к Layer> New> Layer via Copy.
На панели «Слои» мы видим, что Photoshop поместил копию квадрата на новый слой над изображением:
Квадрат был скопирован в его собственный слой.
Выбор фонового слоя
Прежде чем мы сможем выбрать второй квадрат, нам сначала нужно повторно выбрать изображение. Нажмите на фоновый слой, чтобы выбрать его. Каждый раз, когда вы выбираете и копируете новый квадрат, вам нужно сначала выбрать фоновый слой:
Выбор фонового слоя.
Выбор и копирование второго квадрата
Затем нарисуйте выделение вокруг квадрата в верхнем центре:
Выбор второго квадрата.
Чтобы быстро скопировать его на новый слой, нажмите Ctrl + J (Win) / Command + J (Mac). Вернемся к панели «Слои», теперь у нас есть два квадрата над изображением:
Второй квадрат был скопирован.
Выбор и копирование оставшихся квадратов
Чтобы выбрать и скопировать оставшиеся квадраты, просто повторите те же шаги. Сначала нажмите на фоновый слой, чтобы выбрать изображение:
Всегда выбирайте фоновый слой перед выбором нового квадрата.
Нарисуйте контур выделения вокруг нового квадрата:
Выберите другой квадрат.
А затем нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы скопировать квадрат в новый слой:
Квадрат копируется в новый слой.
Я продолжу выделять и копировать квадраты, пока не выберу их все. На панели «Слои» теперь мы видим все девять квадратов, каждый на отдельном слое, над изображением:
Все 9 квадратов были скопированы.
Шаг 4: Скрыть направляющие
Нам больше не нужны наши направляющие, поэтому давайте скроем их, перейдя в меню « Вид», выбрав « Показать», а затем выбрав « Направляющие» :
Отключаем направляющие.
Шаг 5: Добавьте больше места для холста
Чтобы дать нам место для перемещения и поворота квадратов, мы добавим больше пространства холста вокруг изображения. И мы можем сделать это с помощью Crop Tool. Выберите инструмент обрезки на панели инструментов:
Повторный выбор инструмента Crop.
Нажмите и удерживайте клавишу Alt (Победа) / Option (Mac) на клавиатуре, а затем щелкните и перетащите любой из маркеров обрезки наружу и в сторону от изображения. Клавиша Alt / Option позволяет изменить размер границы обрезки от ее центра:
Добавление большего пространства холста с помощью инструмента Crop.
Нажмите Enter (Win) / Return (Mac), чтобы принять его, и Photoshop добавляет дополнительное пространство холста:
Вокруг фотографии было добавлено больше места.
Шаг 6: залейте фон черным
По умолчанию Photoshop заполняет новое пространство белым, но давайте заполним наш фон черным. На панели «Слои» выберите фоновый слой :
Выбор фонового слоя.
Затем перейдите в меню Edit и выберите Fill :
Собираюсь Правка> Заполнить.
В диалоговом окне «Заливка» установите для параметра « Содержание» значение « Черный» и нажмите кнопку «ОК».
Настройка содержимого на черный.
Изображение теперь появляется на черном фоне:
Результат после заливки фона черным.
Шаг 7: Добавьте обводку вокруг первого квадрата
На данный момент мы не можем видеть наши квадраты, поэтому давайте сделаем их более очевидными. И чтобы они выглядели как отдельные фотографии, мы добавим штрихи вокруг них. Мы начнем с добавления обводки к одному из квадратов, а затем скопируем и вставим его в другие.
Добавление штриха
На панели «Слои» выберите верхний слой (тот, который содержит квадрат в левом верхнем углу):
Выбор верхнего слоя.
Затем щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:
Нажав на значок «FX».
И выберите Stroke из списка:
Добавление эффекта слоя обводки.
Изменение цвета обводки
В диалоговом окне «Стиль слоя» щелкните образец цвета :
Нажав образец цвета в настройках обводки.
Затем в палитре цветов измените цвет обводки на белый и нажмите кнопку «ОК».
Выбор белого для нового цвета обводки.
Установка размера и положения
Вернувшись в диалоговое окно Стиль слоя, установите Положение обводки на Внутреннее . Затем следите за квадратом в верхнем левом углу изображения, увеличивая размер, перетаскивая ползунок. Я выберу значение около 32 пикселей, но это будет зависеть от размера вашего изображения:
Настройка положения и размера обводки.
Нажмите OK, чтобы закрыть диалоговое окно, и теперь у нас есть рамка вокруг одного из квадратов:
Граница появляется вокруг квадрата в левом верхнем углу.
Шаг 8: Добавьте обводку в другие квадраты
Вернувшись на панель «Слои», мы видим, что наш штрих обозначен эффектом под слоем:
Эффекты перечислены под слоем.
Чтобы быстро применить тот же штрих к другим квадратам, мы скопируем и вставим его. Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) на верхнем слое, а затем выберите « Копировать стиль слоя» в меню:
Выбрав «Копировать стиль слоя».
Нажмите на второй слой сверху (Layer 2), чтобы выбрать его:
Выбор второго слоя сверху.
Нажмите и удерживайте клавишу Shift, а затем нажмите на слой чуть выше фонового слоя (слой 9). Это выбирает все остальные квадраты одновременно:
Удерживая Shift и выбирая нижний квадрат.
Щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) на любом из выбранных слоев, а затем выберите « Вставить стиль слоя» :
Выбор «Вставить стиль слоя».
И просто так, Photoshop вставляет обводку в другие квадраты:
Все 9 квадратов теперь обведены.
Шаг 9: двигай и вращай квадраты
Чтобы создать эффект коллажа, мы будем перемещать и вращать квадраты с помощью команды «Свободное преобразование» в Photoshop.
Выбор инструмента перемещения
Выберите инструмент Move на панели инструментов:
Выбор инструмента перемещения.
Включение автоматического выбора
На панели параметров убедитесь, что автоматический выбор включен и что он установлен на слой . Это позволит нам легко выбрать каждый квадрат, просто нажав на него:
Убедитесь, что Auto-Select включен и установлен на Layer.
Нажмите, чтобы выбрать квадрат
Нажмите на квадрат в левом верхнем углу, чтобы выбрать его:
Выбор верхнего левого квадрата.
Перемещайте и вращайте квадрат с помощью Free Transform
Затем перейдите в меню « Правка» и выберите «Свободное преобразование». Или используйте сочетание клавиш Ctrl + T (Победа) / Command + T (Mac):
Собираемся Правка> Свободное Преобразование.
Фотошоп размещает поле «Свободное преобразование» и обращается вокруг квадрата:
Появятся маркеры Free Transform.
Чтобы переместить квадрат, щелкните и перетащите в любое место внутри поля «Свободное преобразование». Вы также можете переместить его с помощью клавиш со стрелками на клавиатуре. Чтобы повернуть его, переместите курсор мыши за пределы поля, а затем нажмите и перетащите:
Перемещение и вращение квадрата на место.
Чтобы принять его, нажмите Enter (Win) / Return (Mac), и наш первый квадрат был перемещен и повернут на место:
Результат после перемещения и вращения первого квадрата.
Повторяя шаги для других квадратов
Чтобы переместить и повернуть другие квадраты, просто повторите те же шаги. Сначала нажмите на квадрат, чтобы выбрать его, а затем нажмите Ctrl + T (Win) / Command + T (Mac), чтобы быстро выбрать Free Transform . Переместите квадрат на место, а затем поверните его на место. Нажмите Enter (Win) / Return (Mac), чтобы принять его.
В моем случае я собираюсь оставить центральный квадрат в его первоначальном месте, но я буду продолжать перемещать и вращать внешние квадраты, пока я не буду доволен результатами. Если вы просто хотите переместить квадрат, не поворачивая его, нет необходимости открывать Free Transform. Вы можете просто щелкнуть и перетащить его с помощью инструмента «Перемещение» или переместить его на место с помощью клавиш со стрелками на клавиатуре:
Результат после настройки всех внешних квадратов.
Шаг 10: Измените цвет фона
На данный момент мы создали основной эффект, но есть еще пара вещей, которые мы можем сделать. Одним из них является то, что мы можем изменить цвет фона. И для этого мы будем использовать слой заливки сплошным цветом.
На панели «Слои» щелкните фоновый слой, чтобы выбрать его:
Выбор фонового слоя.
Затем щелкните значок « Новый слой заливки или корректировки» :
Нажав на значок «Новый слой заливки» или «Корректирующий слой».
И выберите Solid Color из списка:
Выбор сплошного цвета заливки.
Выборка цвета фона из изображения
В палитре цветов выберите новый цвет для фона. Или выберите цвет прямо из изображения, наведя курсор на изображение и щелкнув по цвету, чтобы выбрать его:
Выборка нового цвета фона из изображения.
Найдя понравившийся цвет, нажмите кнопку «ОК», чтобы закрыть палитру цветов:
Фотоколлаж с новым цветом фона, взятым из изображения.
На панели «Слои» мы видим наш новый слой заливки сплошным цветом над фоновым слоем:
Слой заливки находится между фоновым слоем и квадратами.
Шаг 11: Добавьте тень
Наконец, давайте закончим эффект, добавив тень от квадратов. Чтобы добавить тень ко всем квадратам сразу, мы сначала поместим их в группу слоев.
Группировка квадратов
Нажмите на верхний слой (Layer 1), чтобы выбрать его. Затем нажмите и удерживайте клавишу Shift и нажмите на слой прямо над слоем заливки (Слой 9). Это выбирает все квадраты одновременно:
Нажмите на Слой 1, затем нажмите Shift на Слой 9.
Поднимитесь в меню Layer и выберите Group Layers :
Идем в Layer> Group Layers.
И снова на панели «Слои» все наши квадраты были помещены в новую группу. Вы можете вращать группу открытой или закрытой, нажав на стрелку рядом с названием группы:
Квадраты теперь находятся внутри группы слоев.
Добавление тени
Чтобы применить тень к группе, щелкните значок « Стили слоя» :
Нажав на иконку "fx" с выбранной группой слоев.
И затем выберите Drop Shadow из списка:
Выбор Drop Shadow.
Откроется диалоговое окно «Стиль слоя» с параметрами «Тень»:
Параметры «Тень» в диалоговом окне «Стиль слоя».
Вы можете отрегулировать угол и расстояние тени отсюда, но проще просто щелкнуть и перетащить внутри документа. При перетаскивании вы увидите обновление значений угла и расстояния в диалоговом окне:
Нажмите и перетащите внутри документа, чтобы настроить угол и расстояние тени.
После настройки угла и расстояния вернитесь в диалоговое окно и отрегулируйте значение размера, чтобы смягчить края. Вы также можете настроить непрозрачность, чтобы тень выглядела светлее или темнее. Я опущу мой до 30% :
Регулировка размера (мягкости) и непрозрачности тени.
Когда вы довольны результатами, нажмите OK, чтобы закрыть диалоговое окно. И с примененной тенью, вот мой последний эффект:
Финальный эффект фотоколлажа.
И там у нас это есть! Вот так можно превратить одно изображение в простой квадратный фотоколлаж в Photoshop! Чтобы получить больше эффектов коллажа, узнайте, как создать коллаж Polaroid, коллаж из кинопленки или коллаж из искаженных фотографий! Посетите наш раздел Фотоэффекты для получения дополнительных уроков. И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF!