Как создать поляроидный фотоколлаж в Photoshop CC и CS6

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

Эта версия учебника была полностью переписана и обновлена ​​по сравнению с оригиналом и теперь полностью совместима как с Photoshop CS6, так и с Photoshop CC (Creative Cloud) . Он также имеет несколько иной способ создания эффекта (по сравнению с тем, что я описывал в оригинальной версии), на этот раз используя преимущества слоев формы Photoshop, а также малоизвестную, но очень мощную функцию, присутствующую в опциях Advanced Blending в Photoshop. Не позволяйте «продвинутой» части обмануть вас. Любой может сделать это, и, как всегда, я буду освещать каждый шаг на этом пути.

Как я уже говорил, вам понадобится Photoshop CS6 или CC, чтобы следовать за ним. Если вы используете Photoshop CS5 или более раннюю версию, попробуйте наш оригинальный учебник « Преврати фотографию в коллаж из поляроидов» .

Вот изображение, которое я буду использовать ( фото отпуска от мамы и дочери из Shutterstock):

И вот как будет выглядеть финальный эффект «коллажа поляроидов»:

Этот урок из нашей серии фотоэффектов . Давайте начнем!

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

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

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

Шаг 2: Установите режим инструмента на форму

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

Шаг 3: установите цвет заливки на черный, а обводку — на ноль

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

При нажатии на образец цвета открывается диалоговое окно « Тип заливки », где мы выбираем тип заливки, который мы хотим для фигуры. Есть четыре различных типа заливки на выбор, и мы переключаемся между ними с помощью четырех значков, отображаемых в строке в верхнем левом углу диалогового окна. Каждый значок представляет другой тип заливки. Начиная слева, у нас есть None (без заливки), Solid Color, Gradient, а затем Pattern. Мы хотим залить нашу форму сплошным цветом, поэтому щелкните значок Сплошной цвет (второй слева), чтобы выбрать его. Затем выберите черный из цветовых образцов, которые появляются. Я выберу его из списка недавно использованных цветов, но вы также можете выбрать его из основной области образцов. Когда вы закончите, нажмите Enter (Win) /Возврат (Mac) на клавиатуре, чтобы закрыть диалоговое окно:

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

Откроется диалоговое окно « Тип обводки », которое выглядит точно так же, как диалоговое окно «Тип заливки», но эти параметры применяются к обводке. Поскольку мы вообще не хотим обводки, щелкните значок « Нет» в левом верхнем углу диалогового окна (с диагональной красной линией через него). Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы закрыть его:

Шаг 4: вытяните квадратную форму

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

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

Когда вы отпускаете кнопку мыши (а затем отпускаете клавишу Shift), именно тогда фигура фактически появляется с выбранным вами цветом заливки. Здесь мы видим, что это временно блокирует лицо девушки из вида:

Примечание для пользователей Photoshop CC. В Photoshop CC компания Adobe представила новую функцию «Живые фигуры», и как только вы нарисуете свою фигуру, панель «Свойства» откроет новые свойства « Живые фигуры» . Мы не будем ничего делать с этими опциями, поэтому не стесняйтесь закрыть или свернуть панель «Свойства». Опять же, это только для пользователей Photoshop CC. Photoshop CS6 не предлагает Live Shapes.

Шаг 5: дублируй слой формы

Если мы посмотрим на панель «Слои», то увидим вновь добавленный слой формы , который в Photoshop назвали «Прямоугольник 1», расположенный над изображением на фоновом слое:

Давайте создадим копию этой фигуры, которую мы затем изменим, чтобы создать внешнюю рамку поляроида. Чтобы продублировать его, убедитесь, что на панели «Слои» выбран слой формы (выделен синим цветом). Затем перейдите в меню « Слой» в строке меню в верхней части экрана, выберите « Новый» , затем выберите « Сформировать слой с помощью копирования» . Или еще более быстрый способ дублировать слой — просто нажать Ctrl + J (Победа) / Command + J (Mac) на клавиатуре:

Фотошоп дублирует слой формы, дает копии общее имя «Копия прямоугольника 1» и помещает его над оригиналом:

Шаг 6: переименуй два слоя формы

Прежде чем мы продолжим, давайте заменим те общие имена, которые Photoshop дал нашим слоям фигур, на имена, которые являются более значимыми. Начиная с Photoshop CS6, Adobe значительно упростила переименование нескольких слоев. Мы будем использовать верхний слой формы в качестве внутренней области изображения поляроида, поэтому выделите его текущее имя «Прямоугольник 1», дважды щелкнув по нему, а затем переименуйте слой в «область изображения». Не нажимайте Enter (Win) / Return (Mac), чтобы принять его, просто оставьте имя выделенным:

Нажмите клавишу Tab на клавиатуре, чтобы сразу перейти к следующему слою под ним и выделить его имя. Этот слой будет использоваться в качестве белой границы поляроида, поэтому переименуйте этот второй слой в «рамку». Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять новое имя:

Шаг 7: измени цвет фигуры на белый

Нам понадобится, чтобы область границы нашего поляроида была белой , а не черной, поэтому, выбрав слой «border» на панели «Слои», еще раз щелкните образец цвета «Заливка» на панели параметров:

Это вновь открывает диалоговое окно Fill Type. Оставьте тип установленным для сплошного цвета и выберите белый из образцов цвета. Нажмите Enter (Win) / Return (Mac), когда вы закончите. Вы еще не увидите изменения цвета фигуры в документе, потому что фигура, заполненная черным цветом, сидит поверх нее и блокирует ее из виду, но мы увидим это через минуту:

Шаг 8: измени размер формы

Теперь, когда цвет фигуры установлен на белый, перейдите в меню « Правка» в верхней части экрана и выберите « Свободный путь преобразования» . Или нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы выбрать команду «Свободный путь преобразования» на клавиатуре:

Это помещает маркеры преобразования (эти маленькие квадраты) вокруг фигуры, и мы можем использовать эти маркеры, чтобы изменить ее размер. Чтобы создать рамку вокруг области изображения, нам нужно, чтобы эта белая фигура была немного больше, чем черная, поэтому нажмите Shift + Alt (Победа) / Shift + Option (Mac) на клавиатуре, удерживая клавиши нажатыми, нажмите на любую из четырех угловых ручек вокруг фигуры и перетащите на небольшое расстояние наружу, пока вы не добавите достаточно области границы. Как мы видели ранее, удерживая клавишу Shift, вы превращаете фигуру в идеальный квадрат, а добавление вместе с ней клавиши Alt (Победа) / Option (Mac) позволяет нам изменять размеры фигуры от ее центра, а не от угла. Опять же, не забудьте сначала отпустить кнопку мыши, когда вы закончите,затем отпустите ключи:

У поляроидов есть некоторая дополнительная граница вдоль нижней части, поэтому нажмите на нижнюю ручку и перетащите ее вниз, чтобы добавить дополнительное пространство. На этот раз не нужно добавлять какие-либо клавиши с клавиатуры. Когда вы закончите изменение размера фигуры, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять ее и выйти из режима трансформации:

Шаг 9: добавь тень к границе

Чтобы придать коллажу поляроида немного глубины, давайте добавим тень к границе. Нажмите на значок « Стили слоев» (значок «fx») внизу панели «Слои»:

Выберите Drop Shadow в нижней части списка, который появляется:

При этом откроется диалоговое окно «Стиль слоя» с параметрами «Тень» в среднем столбце. Опустить непрозрачность тени приблизительно до 40% , так что будет казаться более тонким, а затем изменить угол до 135 ° , так что источник света будет находиться в верхнем левом углу. Наконец, немного увеличьте параметры « Расстояние» и « Размер», чтобы контролировать, насколько тень распространяется наружу из-за поляроида и насколько она мягкая. В моем случае я установлю значения «Расстояние» и «Размер» примерно на 16 пикселей, но вам могут понадобиться меньшие или большие значения в зависимости от размера вашего изображения. Когда вы закончите, нажмите кнопку ОК, чтобы закрыть диалоговое окно Стиль слоя:

Вот мой поляроид с нанесенной тенью:

Шаг 10: выберите слой области изображения

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

Шаг 11: Откройте параметры наложения

Мы нарисовали наш поляроид, но теперь нам нужен способ показать наше изображение внутри черной фигуры в центре. Мы можем сделать это с помощью функции Knockout в Photoshop’s Blending Options. Один из способов получить доступ к параметрам наложения — щелкнуть значок маленького меню в верхнем правом углу панели «Слои»:

Затем выберите Blending Options из меню, которое появляется:

Photoshop снова открывает диалоговое окно «Стиль слоя», на этот раз с основными параметрами смешивания. В разделе « Расширенное смешивание » в центре измените параметр « Выбивать» с «Нет» на « Глубоко» :

Это по существу превратит нашу черную фигуру в дыру, которая позволяет нам видеть сквозь изображение на фоновом слое! Или, по крайней мере, это произойдет через мгновение. Чтобы это работало, нам также нужно снизить непрозрачность заполнения до 0% . Вы найдете опцию Fill Opacity чуть выше опции Knockout:

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

Шаг 12: выбери оба слоя формы

Чтобы создать наш коллаж, мы будем делать копии этого начального поляроида, поэтому давайте упростим задачу, поместив оба наших слоя фигур в группу слоев . Для этого сначала нужно выбрать оба слоя формы. В настоящее время верхний слой «область изображения» выбран на панели «Слои». Удерживая нажатой клавишу « Shift» на клавиатуре, щелкните слой «border» под ним, чтобы выбрать оба слоя одновременно:

Шаг 13: сгруппируйте слои

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

Выберите New Group from Layers из меню:

Photoshop откроет диалоговое окно New Group From Layers, в котором мы можем назвать группу до ее добавления. Я назову мой «Полароид». Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна:

Новая группа слоев появится над фоновым слоем на панели «Слои»:

Шаг 14: выбери фоновый слой

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

Шаг 15: добавь сплошной цвет заливки

Выбрав фоновый слой, щелкните значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Выберите Сплошной цвет в верхней части списка, который появляется:

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

Нажмите OK, когда вы закончите, чтобы закрыть из палитры цветов. Мы видим новый слой заливки «Сплошной цвет» (с именем «Цветная заливка 1»), расположенный между группой слоев «Polaroid» и фоновым слоем на панели «Слои»:

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

Шаг 16: выберите группу слоев

Давайте быстро повернем наш поляроид, чтобы придать ему немного больше визуального интереса. Нажмите на группу слоев «Polaroid» на панели «Слои», чтобы выбрать ее:

Шаг 17: вращай поляроид со свободным преобразованием

Выбрав группу слоев, перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» . Или нажмите Ctrl + T (Win) / Command + T (Mac), чтобы выбрать Free Transform с помощью сочетания клавиш:

Затем переместите курсор в любое место за пределами поля «Свободное преобразование». Когда вы увидите, как курсор изменится на изогнутую двустороннюю стрелку, щелкните и перетащите мышью, чтобы повернуть поляроид. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять вращение и выйти из Free Transform:

Шаг 18: копируй, двигай и вращай больше поляроидов

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

Сначала, чтобы добавить новый поляроид, нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре. Это будет дублировать тот, который вы добавили ранее. Не похоже, что в документ добавлено что-то новое, но это потому, что новый поляроид расположен прямо над предыдущим. Однако панель «Слои» покажет, что была добавлена ​​копия поляроида:

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

Поворачивайте поляроид так же, как мы делали это раньше, щелкая и перетаскивая его за пределы поля «Свободное преобразование». Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять его. Или вы также можете принять его и выйти из Free Transform, просто дважды щелкнув в любом месте внутри поля Free Transform:

Продолжайте добавлять больше поляроидов в коллаж, перемещая их и поворачивая их в положение, следуя тем же шагам, нажимая Ctrl + J (Победа) / Command + J (Mac), чтобы дублировать предыдущий поляроид, затем Ctrl + T (Победа) / Command + T (Mac), чтобы переместить и повернуть новый с Free Transform, как мы делали выше. Нажмите Enter (Win) / Return (Mac) на клавиатуре или дважды щелкнитевнутри поля Free Transform, чтобы принять его. Вот как выглядит мой коллаж. Обратите внимание, как я расположил поляроиды, чтобы сфокусироваться на главном объекте фотографии, не слишком заботясь об остальной части изображения:

Шаг 19: измени цвет фона (необязательно)

Ранее мы выбрали черный цвет в качестве фона для нашего коллажа, но если вы дойдете до этой точки и решите, что черный слишком темный, его легко изменить. Дважды щелкните на образце цвета для Solid Color Fill слоя в палитре слоев:

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

Выбрав цвет, нажмите кнопку «ОК», чтобы закрыть палитру цветов. Фотошоп мгновенно обновляет коллаж с вашим новым цветом фона:

И там у нас это есть! Вот как превратить любую фотографию в коллаж из поляроидов с помощью Photoshop CS6 и Photoshop CC (Creative Cloud)! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!