Создаем винтажный фотоколлаж

Скачать архив с материалами к уроку

Итоговый результат


Шаг 1

Вначале откройте программу Photoshop и давайте приступим! Во-первых, мы не будем создавать новый документ, а сразу откроем исходное изображение с текстурой дерева (название файла “wood_texture_4_by_rifificz-d38h68h”, конечно, если вы не переименовали этот файл :)). Для этого, идём Файл – Открыть (File > Open) и в появившемся окне выбираем исходное изображение с текстурой. Это будет наш задний фон. Мы не будем менять размеры данного изображения. Меня также устраивает разрешение данного изображения.


Шаг 2

Вначале мы добавим открытки на стол. Сначала мы добавим центральную рамку, потому что это основной объект внимания и всё, что мы добавим к нашей сцене, будет в соответствии с этой рамкой. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение “Старая рамка 1”.


Шаг 3

Теперь, нам нужно правильно расположить рамку. С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдитеРедактирование – Свободная трансформация (Edit > Free Transform)) примените масштабирование, как показано на скриншоте ниже. Для пропорционального увеличения изображения удерживайте клавишу ‘Shift’.


Шаг 4

Теперь добавьте следующее исходное изображение “Старая рамка 2” на наш рабочий документ. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение “Старая рамка 2”. Добавьте изображение, примените масштабирование (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) для масштабирования изображения, как показано на скриншоте ниже. Немного поверните рамку, чтобы вся картина не выглядела скучной.



Шаг 5

Чтобы создать ощущение, что вторая рамка расположена под первой рамкой, просто переместите слой со второй рамкой вниз в палитре слоёв, расположив ниже слоя с первой рамкой. Теперь давайте сделаем нашу композицию более интересной. Дважды продублируйте слой со второй рамкой (нажмите сочетание клавиш Ctrl+ J или перейдите Слой - Создать дубликат слоя (Layer > Duplicate Layer)). Не забывайте, что дубликаты слоёв должны быть также расположены ниже слоя с первой рамкой.


Шаг 6

С помощью инструмента Свободная трансформация (Free Transform) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) расположите, а также поверните каждый слой с рамкой, как показано на скриншоте ниже. Я не менял размер рамок, они все были одинаковые. Рамка, которая выделена красным контуром, в основном скрыта за центральной рамкой. Рамка, которая обведена синим контуром, расположена в альбомном положении. Таким образом, наша композиция будет выглядеть более интересной. Нет необходимости добавлять очень много рамок, чтобы не перегружать картину. В противном случае, потеряется гармония.


Шаг 7

Далее, мы придадим изношенный, а также повреждённый вид краям рамок. Ко всем слоям с рамками, за исключением центральной рамки, добавьте слой-маску Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) или нажмите соответствующую кнопку в нижней части палитры слоев.


Итак, давайте приступим! Выберите инструмент Лассо 

 (Lasso Tool (L)), далее, выделите светлую часть рамки. Основной принцип – это создать рваный контур. Не переусердствуйте, не надо создать слишком глубокие рваные края, а также не трогайте тёмную часть рамки. Не создавайте выделение вдоль всей рамки за один раз, делайте это небольшими фрагментами. Таким образом, это упростит процесс, и результат будет лучше. Когда вы замыкаете рабочий контур выделенной области, старайтесь захватить побольше свободного пространства, чтобы выделение было чётким, а не крошечным.


Теперь давайте удалим выделенный участок изображения. Перейдите на слой-маску соответствующей рамки, измените цвет заднего плана на чёрный цвет (D), а затем нажмите клавиши (Ctrl + Del), чтобы залить выделенную область чёрным цветом. Таким образом, выделенный участок изображения исчезнет.


Шаг 8

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


Шаг 9

Теперь давайте создадим тени. Тень, даже небольшая, но должна быть. Чтобы добавить тень к каждой рамке, я использовал стиль слоя Тень (Drop Shadow). Каждая рамка будет иметь различные настройки для тени, но один и тот же угол. На примере центральной рамки я покажу вам, как создать тень. Идём Слой - Стиль слоя – Тень (Layer > Layer Style > Drop Shadow) или нажимаем кнопку Добавить стиль слоя (Add Layer Style) в нижней части палитры слоёв.


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


Шаг 10

Теперь к каждому слою с рамкой, добавьте стиль слоя Тень (Drop Shadow), как показано на скриншоте ниже.




Шаг 11

Далее, мы продолжим трансформировать наши рамки в старые фотографии. Итак, мы начнём с боковых рамок. Вначале мы обработаем левую рамку. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем изображение с улицами Эдинбурга.


Отразите изображение по горизонтали, так оно будет выглядеть более интересным. Для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). С помощью инструмента Свободная трансформация (Free Transform tool) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) подгоните изображение под размеры внутренней части рамки, соблюдая угол и масштаб, как показано на скриншоте ниже. Постарайтесь, чтобы изображение полностью закрыло тёмную часть рамки. Вы можете зайти немного за край (но всего лишь немного, на 2-3 px).


Шаг 12

Поменяйте режим наложения для слоя с улицами Эдинбурга на Перекрытие (Overlay), а также уменьшите степень Непрозрачности (Opacity) слоя до 62%. Таким образом, изображение станет похожим на старую фотографию. Теперь давайте придадим изображению лёгкий антикварный вид. Идём Фильтр – Галерея фильтров….(Filter > Filter Gallery…)



В окне Галерея фильтров (Filter Gallery) выберите папку Текстура (Texture), а затем выберите фильтр Зерно (Grain). Данный фильтр добавит цветовой шум, а также зерно, что типично для старых фотографий. Примените настройки для данного фильтра, которые указаны на скриншоте ниже.


Шаг 13

Теперь я решил добавить небольшие пятна на изображение, чтобы придать потускневший вид и создать эффект износа, возникший из-за “долгих путешествий”. Создайте новый слой (Ctrl+Shift+N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоев.


Теперь нам нужна специальная кисть, чтобы нарисованные пятна выглядели реалистично. Я выбрал стандартную кисть Мел (Chalk), которая входит в стандартный набор кистей программы Photoshop, единственное, я немного изменил настройки кисти. Выберите кисть “Chalk 60 pixels”, а затем нажмите клавишу ‘F5’, чтобы перейти в закладку Кисти (Brush).


Установите настройки для кисти, как показано на скриншоте ниже. Не забудьте сохранить эту кисть, потому что она пригодится нам в будущем. Установите Непрозрачность (Opacity) кисти 40%. Если у вас есть кисть с более интересной текстурой или формой, то вы можете использовать её. Если нарисованное пятно вышло за пределы старой фотографии, скройте эти участки с помощью инструмента Ластик 

 (Eraser Tool (E)).


Шаг 14

Установите цвет переднего плана #a3a3a3, а затем нарисуйте пятна на фотографии, только не переусердствуйте :). Нет необходимости создавать слишком много пятен, достаточно будет поставить несколько пятен в различных местах. Попробуйте поставить одно пятно, этого будет достаточно на одной стороне. Поменяйте режим наложения для слоя с пятном на Перекрытие (Overlay).


Чтобы пятна не выглядели слишком чёткими, я размыл их. К слою с пятнами, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur…). В появившемся окне, установите Радиус(Radius) размытия: 3 px. Если вы не уверены в результате применяемых фильтров, я предлагаю вам преобразовать слой для Смарт-фильтров перед тем, как применить фильтр, идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart filters). Таким образом, вы сможете удалить фильтр, почистить изображение в нужных местах или поменять режим наложения. В этом шаге я сделаю так, но вам не обязательно это делать. Вы можете просто добавить фильтр.


Шаг 15

В следующем шаге я изменил цвет пятен. Мы могли бы сделать пятна одного цвета, но это испортило бы красоту картины. Создайте новый слой (Ctrl+Shift+N) поверх предыдущего слоя или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоёв. Преобразуйте данный слой в обтравочную маску (Alt+ Ctrl + G).


Теперь нам понадобится мягкая кисть (размер: 200 px, непрозрачность (Opacity): 100%, Жёсткость (Hardness): 0%). Выберите инструмент Пипетка 

 (Eyedropper Tool (I)). Итак, чтобы нарисовать пятна, вначале с помощью пипетки отберите образец цветового оттенка с тёмных участков изображения. Чтобы быстро использовать Пипетку 

 (Eyedropper Tool (I)), удерживайте клавишу ‘Alt” (только при работе с кистью). Результат должен быть, как на скриншоте ниже.



Шаг 16

Далее, мы затемним рамку, а также усилим цвета рамки. Для этого мы добавим корректирующий слой Кривые (Curves). Идём Слой - Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves) или нажимаем кнопку добавления корректирующего слоя в нижней части палитры слоев и в появившемся меню выбираем опцию Кривые (Curves).


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


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


Шаг 17

Мы завершили работу над первой рамкой. Теперь, мы переходим ко второй рамке. В принципе, техника будет почти та же самая, единственное, будет несколько изменений. Переходим к рамке справа. Добавьте изображение с центральной площадью на наш рабочий документ, для этого идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)). Поверните изображение, а также примените масштабирование (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)), как показано на скриншоте ниже.

заменить рис 34


Поменяйте режим наложения для слоя с центральной площадью на Мягкий свет (Soft Light). Примените фильтр Зерно (Grain) к данному изображению, для этого идём Фильтр – Галерея фильтров…папка “Текстура” - Зерно (Filter > Filter Gallery… > folder “Texture” > “Grain”). Вы можете упростить задачу - просто продублируйте фильтр, который вы создали в предыдущем шаге (Шаг 12). Удерживая клавишу ‘Alt’, зажав значок фильтра + перетащите на нужный слой (значок фильтра выделен кружком справа на скриншоте ниже).


Шаг 18

Для данной фотографии всё остаётся то же самое. Повторите Шаги 14 – 16, но перед тем, как мы приступим, создайте новый слой (Ctrl + Shift + N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части палитры слоёв. Для данного слоя, на котором вы нарисуете текстуру, уменьшите значение непрозрачности (Opacity) слоя до 70%. А затем, добавьте корректирующий слой Кривые (Curves) (Шаг 16), вы можете продублировать корректирующий слой (удерживая клавишу ‘Alt’, зажав корректирующий слой + перетащите на нужный слой). Не забудьте использовать корректирующий слой в качестве обтравочной маски к слою с текстурой цвета! А не к самой рамке!


Вы можете увидеть мой результат на скриншоте ниже. У вас должен быть такой же результат. Я решил, что рамка с оригинальным цветом будет выглядеть лучше. Это придаст разнообразие цветовому диапазону и всей картине в целом. Старые фотографии готовы. Мне понравился результат, я решил пойти дальше.


Шаг 19

Теперь, чтобы наша картина стала более интересной и информативной, добавьте конверт. Идём Файл – Поместить (Поместить встроенные) (File > Place (Place Embedded)) и в появившемся окне выбираем исходное изображение с винтажным конвертом. С помощью инструмента Свободная трансформация (Free Transform) (нажмите сочетание клавиш Ctrl+T или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) примените масштабирование к изображению конверта, как показано на скриншоте ниже. Слой с конвертом должен располагаться поверх слоя с текстурой дерева в палитре слоёв (но ниже всех слоёв со старыми фотографиями).

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



Шаг 20

К слою с конвертом, добавьте стиль слоя Тень (Drop Shadow), для этого идём Слой – Стили слоя – Тень (Layer > Layer Style > Drop Shadow) или нажимаем кнопку стилей слоя в нижней части палитры слоёв. Установите настройки, которые указаны на скриншоте ниже.


Результат, который мы должны получить. Чтобы слои со старыми фотографиями не мешали нам, я сгруппировал их в одну группу. Назовите новую группу “Открытки”. Перед тем, как создать группу, выделите все слои за исключением слоя с текстурой дерева и слоя с центральной рамкой, а затем перейдите Слой - Сгруппировать слои (Layer > Group layers) или нажмите клавиши (Ctrl + G).



Шаг 21

Итак, мы подошли к самой интересной части урока. В частности, к центральной рамке. В этой части урока, вы узнаете, как создать реалистичный эффект “ожившей фотографии”. Перед тем, как мы приступим, нам необходимо создать текстуру, используя технику из Шага 15. Создайте новый слой, цвет кисти # 363636, нарисуйте пятна. Если необходимо, удалите лишние пятна. Преобразуйте данный слой в обтравочную маску (Alt+ Ctrl+G), а также поменяйте режим наложения на Перекрытие (Overlay) и уменьшите значение Непрозрачности (Opacity) слоя до 80%.

Примечание переводчика: создайте новый слой поверх слоя с центральной рамкой в качестве обтравочной маски, используйте кисть с настройками из Шага 15.