Уроки Фотоманипуляция Svetlana 18 ноября 2014

Создаём коллаж из фотографий в Фотошоп

Сложность урока: Легкий

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

Программа: Фотошоп CS6 или СС.

Примечание переводчика: этот урок можно сделать в версии, начиная с CS3

Я буду использовать это стоковое изображение с  Shutterstock.

А вот так будет выглядеть финальное изображение.

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

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

Откроем наше стоковое изображение в Фотошоп. Для создания первого полароидного снимка нам нужен инструмент Rectangle Tool (Прямоугольник), который находится на левой панели инструментов. Если на его месте отображается другой инструмент из векторной группы инструментов, то кликните по нему правой кнопкой мыши и в выпадающем меню выберите нужный.

Шаг 2. Выбор режима инструмента Фигура

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

Шаг 3. Заливка фигуры и обводка

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

В открывшемся диалоговом окне можно выбрать один из четырёх типов заливки для нашей будущей фигуры, отображаемых в левой верхней части окна. Первая иконка слева обозначает вариант - без заливки (None), следующая - Сплошной Цвет (Solid Color), далее - Градиент (Gradient) и Узор (Pattern). Нам нужно залить нашу фигуру сплошным цветом, поэтому выберите соответствующую иконку. Затем из образцов цвета выберите чёрный. Я выберу из списка недавно используемых цветов. Для закрытия этого окна нажмите Enter.

Мы так же должны убедиться, что наша фигура не будет иметь обводки по её периметру. Для этого нажмите на иконку Stroke (Штрих), которая находится справа от иконки Заливки.

Откроется диалоговое окно, которое выглядит точно так же, как и окно заливки. Выберите иконку None (Нет). Для закрытия окна нажмите Enter.

Шаг 4. Создание квадратной фигуры.

Итак, мы выбрали инструмент Rectangle Tool (Прямоугольник), установили чёрный цвет заливки и убедились, что обводка фигуры отключена.  Зажмите клавишу Shift и протащите курсор по диагонали. Удерживание Shift позволит создать идеальный квадрат. Сначала отпустите кнопку мыши, а потом Shift, в противном случае вы получите прямоугольник. После того, как с зажатой Shift вы начнёте рисовать квадрат и нажмёте ещё и на пробел на клавиатуре, то вы можете переместить создаваемую фигуру.

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

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

Примечание для пользователей Photoshop CC: в данной версии появились Live Shapes (Живые Фигуры) и как только вы создаёте фигуру, на панели Properties (Свойства) будут отображены относящиеся к этой фигуре параметры. Но в этом уроке эта функция нам ни к чему, так что мы можем смело закрыть панель Свойства. Повторю, что это касается только тех, кто работает в Photoshop CC. В Photoshop CS6 такой функции нет.

Шаг 5. Дублирование фигуры

Если мы посмотрим на панель слоёв, то над фоновым слоем увидим слой-фигуру, которую фотошоп назвал Rectangle 1 (Прямоугольник 1).

Создадим копию этого слоя с фигурой, которая после изменения размеров будет служить нам, как внешняя рамка снимка. Чтобы создать дубликат, убедитесь, что на панели слоёв у вас выбран этот слой (он подсвечен синим-цвет зависит от настроек вашей системы), затем пройдите в меню Layer > New > Shape Layer Via Copy (Слой-Новый-Копировать Слой-Фигуру). Или ещё более быстрый способ скопировать слой-это сочетание клавиш Ctrl+J.

Фотошоп дублирует слой, присваивает имя  Rectangle 1 copy  (Прямоугольник 1 копия) и располагает его над оригиналом.

Шаг 6. Переименование слоёв с фигурами.

Прежде, чем мы продолжим, давайте переименуем наши слои. Начиная с Photoshop CS6 стало намного проще переименовывать несколько слоёв сразу. Мы будем использовать верхнюю слой-фигуру в качестве внутренней области нашего снимка. Поэтому на панели слоёв выделите этот слой и дважды щёлкните на названии слоя и переименуйте в  image area.  Не нажимайте Enter, оставьте это поле активным

Далее нажмите клавишу Tab, чтобы перейти на слой ниже к редактированию имени этого слоя. Этот слой мы будем использовать в качестве белой рамки нашего полароидного снимка. Поэтому переименуйте его в border (рамка). Вот теперь нажмите Enter, чтобы принять изменения.

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

Нам нужно, чтобы рамка нашего снимка была белой. Выделите этот слой в панели слоёв и на верхней панели опций инструмента Прямоугольник снова нажмите на иконку Fill (Заливка).

Снова откроется диалоговое окно с настройками заливки. Тип заливки оставьте без изменений Solid Color (Сплошной Цвет) и выберите из образцов белый цвет. Так как слой с этой фигурой находится ниже слоя с чёрной фигурой, изменения в документе на данном этапе вы не увидите.

Шаг 8. Изменение размера рамки.

 Стоя на слое с белой фигурой в панели слоёв, активируйте Свободную трансформацию Ctrl+T.

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

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

Шаг 9. Добавление тени для рамки

Чтобы придать нашему коллажу немного глубины, давайте добавим тень вдоль границ рамки. Для этого в нижней части панели слоёв нажмите на иконку Add a layer style (Добавить стиль слоя).

В выпадающем списке выберите пункт Drop Shadow (Тень).

Откроется окно настроек стиля слоя Drop Shadow (Тень). Уменьшите Opacity (Непрозрачность) до 40 %, чтобы тень не была слишком густой, затем измените Angle (Угол) на 135 градусов, так как источник света будет в верхнем левом углу. Наконец, увеличьте Distance (Расстояние) - как далеко будет отбрасываться тень и Size (Размер) - насколько тень будет мягкой. В моём случае оба эти параметра 16 рх. У вас они могут быть другими. Когда вы закончите с настройками стиля, нажмите ОК.

Вот что получится с применением стиля.

Шаг 10. Выбор области изображения слоя

На панели слоёв выберите слой с чёрной фигурой.

Шаг 11. Открываем окно с параметрами наложения

Мы нарисовали основу нашего полароидного снимка. Теперь нам нужен способ, чтобы показать наши изображения внутри залитой чёрным цветом области. Это можно сделать с помощью функции Knockout (Просвечивание) в настройках параметров наложения. Один из способов открыть окно настроек параметров наложения - это нажать на иконку меню в правом верхнем углу панели слоёв.

Затем в выпадающем списке выбрать пункт Blending Options (Параметры Наложения).

В результате снова откроется окно стилей слоя. В разделе Advanced Blending (Дополнительные Параметры) установите параметр Knockout (Просвечивание) на Deep (Глубокое).

В результате чёрная фигура превратится в отверстие, которое позволит нам видеть основное изображение. Или, по крайней мере, это будет чуть позже. Для этого нам так же нужно снизить Fill Opacity (Заливка Непрозрачности) до 0%. Этот параметр находится над опцией Knockout (Просвечивание).

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

Шаг 12. Выбор обоих слоёв с фигурами.

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

Шаг 13. Группирование слоёв

Снова нажмите на иконку меню в правом верхнем углу панели слоёв.

Выберите New Group from Layers (Новая Группа из Слоёв)

Откроется диалоговое окно создания новой группы, где мы можем присвоить группе своё имя. Я назвал свою группу Polaroid. Введите своё имя и нажмите ОК, чтобы закрыть окно.

На панели слоёв выше фонового слоя появится созданная группа.

Шаг 14. Выделение фонового слоя

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

Шаг 15. Добавление слоя - заливки

Внизу панели слоёв нажмите на New Fill or Adjustmen tLayer (Новая Заливка или Корректирующий Слой)

Выберите пункт Solid color (Цвет)

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

Нажмите ОК, когда закончите с выбором цвета. На панели слоёв между фоновым слоем и группой мы увидим новый слой Color Fill 1 (Заливка цветом 1).

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

Шаг 16. Выделяем группу со слоями

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

Шаг 17. Поворот снимка

Перейдите в меню Edit> FreeTransform (Редактирование-Свободное Трансформирование) или нажмите Ctrl+T

Расположите курсор у любого из углов снимка. Курсор примет форму изогнутой стрелки. Нажмите левую кнопку мыши и поверните снимок. Нажмите Enter, чтобы принять трансформацию.

Шаг 18. Копирование, перемещение и поворот снимков

На данный момент основная работа сделана. Остальная часть работы заключается в копировании группы для создания нового снимка, перемещении и повороте, повторяя те же действия снова и снова. Чтобы ускорить процесс, а не тратить время на выбор команд из меню, я предлагаю вам использовать несколько сочетаний клавиш.
Итак, для создания нового снимка нажмите Ctrl+J, в результате продублируется созданный ранее снимок. В рабочем документе вы не увидите никаких изменений , так как копия будет расположена поверх оригинала. Но на панели слоёв появится новая копия группы.

Стоя на этой копии группы в панели слоёв, сместите её в сторону. Нажмите Ctrl+T и поверните. Чтобы перемещать  копии, кликайте в любой точке внутри рамки трансформации и перетаскивайте.

Поверните снимок так же, как вы делали ранее. Закончив, нажмите Enter. Так же выйти из режима трансформации можно, дважды щёлкнув внутри рамки трансформации.

Продолжайте добавлять новые снимки, повторяя тот же процесс с копированием Ctrl+J, перемещением и поворотом Ctrl+T. После нужного вам поворота нажимайте Enter.
Вот как теперь выглядит мой коллаж. Обратите внимание, что я разместил снимки так, чтобы сосредоточиться на главных героях, не беспокоясь об остальной части изображения.

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

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

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

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

Окончательный результат.

Мы закончили урок! Теперь вы умеете превращать обычное фото в коллаж из полароидных снимков.

Автор урока: Steve Patterson

 

Источник: photoshopessentials.com

Комментарии 149

Хороший урок, сделала его по своему ( почему то не вышло как в уроке). Идея отличная. Благодарю!

Мамочка ежиха с малышом

Спасибо за урок! Интересное акцентирование получается

Спасибо, интересный урок, пока у меня получилось так:

Очень понравился урок, легкий

Раз сейчас на сайте реанимируют старые уроки, то я тоже подброшу старые работы к очень легкому, но эффектному уроку))) Начинающий аквариуми́ст)

Вспомнила о море, о лете. Спасибо, помедитировала

Вот ещё одна работа!

Спасибо за урок очень понравился!

Мне тоже очень понравился урок и красивый эффект. Спасибо.

Tanscha, а я считаю его, с точки зрения использования примитивным и ничтожным. Да, и в общем, это никакой не коллаж!

Замечательный эффект!

Клево. Спасибо.

Спасибо за урок))

Спасибо за идею!

Спасибо за урок! Давно хотела научиться))
моя скромная работа.

Благодарю

Моё летнее воспоминание!

Отличный урок

Спасибо за урок! С новой версией фотошопа 2014 совершенно по другому это делается..( намучился, пока понял как это делается...

Супер урок

Спасибо за урок!!!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее