Реалистичная рамка с фотографией на стене

Конечный результат:


Шаг 1

Создайте новый документ:



Шаг 2

Создайте новый слой "Wood”. Установите цвет заливки - #994400, цвет фона - #ffcc66. Залейте слой цветом заливки Alt+Backspace и примените фильтр Filter > Render > Fibers|Фильтр - Рендеринг - Волокна.



Шаг 3

Перейдите в режим Free Transform|Свободное трансформирование, настройте, как показано ниже, и нажмите Enter:



Шаг 4

Выберите инструмент Rectangular Marquee Tool|Прямоугольная область , в настройках сверху установите Стиль – Заданный размер и введите значение высоты и ширины – 125px. Кликните где-нибудь на холсте, чтобы создать выделение. Расположите выделение в верхнем левом углу холста и отведите две горизонтальные и две вертикальные направляющие, проходящие по всем сторонам выделения. Переместите выделение в правый нижний угол? и сделайте то же самое. вот, что у вас должно получиться:



Шаг 5

Создайте новый слой, и назовите его “Dent 1”. Настройте тот же инструмент выделения, как показано ниже, и создайте выделение. Моё выделение находится на расстоянии 20px от левого края. Чтобы сделать то же самое, расположите выделение прямо у края холста и сдвиньте его на 20px вправо, используя клавиши стрелок на клавиатуре (удерживая Shift, нажмите на стрелку вправо 2 раза). Залейте выделение цветом заливки Alt+Backspace и нажмите Ctrl+D.



Шаг 6

Установите Fill|Заливку слоя – 0%, и примените стиль Bevel and Emboss, остальные настройки на картинке. Потом примените стиль Gradient Overlay:



Шаг 7

Создайте ещё один слой “Dent 2”, выберите инструмент Rectangular Marquee Tool|Прямоугольная область , установите значение ширины – 32px, и создайте выделение. Расположите выделение так, чтобы правый край прилегал к правой направляющей, и сдвиньте его на 18рх влево. Залейте выделение цветом заливкиAlt+Backspace. Создайте ещё один слой “Dent 3”. Создайте ещё одно выделение шириной 12рх, и расположите её на расстоянии 2рх слева от правой направляющей. Залейте выделение Alt+Backspace, и нажмите Ctrl+D. Выберите слой “Dent 1” и перейдите в меню Layer > Layer Style > Copy Layer Style|Слой - Стиль слоя - Скопировать стиль слоя. Выберите слои “Dent 2” и “Dent 3” и перейдите в меню Layer > Layer Style > Paste Layer Style|Слой - Стиль слоя - Вклеить стиль слоя.



Шаг 8

Выберите все слои “Dent” и слой “Wood” и объедините их в группу – перейдите в меню Layer > New > Group From Layers|Слой - Новый - Группа из слоёв (или просто нажмите Ctrl+G), назовите группу “Left”. Сделайте копию группы и назовите её “Right”, скройте её на время.



Шаг 9

Вернитесь в группу “Left” на слой “Wood”. Выберите инструмент Rectangular Marquee Tool|Прямоугольная область , стиль – нормальный, и создайте выделение, как показано ниже. Нажмите Delete, и снимите выделение Ctrl+D. Выберите группу “Left” и нажмите Ctrl+E, чтобы объединить её в один слой.



Шаг 10

В группе “Right” выберите слой “Wood”, и примените Transform > Flip Horizontal|Отражение по горизонтали. В результате у нас не будет одинаковых текстур справа и слева. Инструментом Rectangular Marquee Tool|Прямоугольная область , создайте выделение, как показано ниже, и нажмите Delete. Снимите выделение Ctrl+D.


Шаг 11

Выберите группу “Right” и примените Transform > Flip Horizontal|Отражение по горизонтали. Передвиньте эту группу в правую часть холста. Откройте группу и установите Режим стиля Gradient Overlay|Наложение градиента каждого слоя “Dent” – Screen|Осветление. Объедините всю группу “Right” в один слой Ctrl+E.



Шаг 12

Сделайте копию слоя “Right”, и назовите её “Bottom”. Поверните слой на 90 градусов по часовой стрелке Edit > Transform > Rotate 90 CW|Редактировать - Трансформирование - Поворот на 90* по часовой, расположите её в нижней части холста. Сделайте копию слоя “Left”, и назовите её “Top”, и поверните на 90 градусов, расположите в верхней части холста. Слой “Top” расположите над слоем “Right” в палитре слоёв.



Шаг 13

Инструментом Polygonal Lasso Tool|Многоугольное лассо , создайте выделение, используя направляющие, как показано ниже, потом нажмите Delete.



Шаг 14

Выберите слой “Bottom” и проделайте то же самое с выделением в нижней части холста. Выберите все слои кроме фонового и объедините их в один CtrL+E. Назовите полученный слой “Frame”.



Шаг 15

Сделайте выделение всего холста Ctrl+A, и скопируйте его Ctrl+C. Перейдите в палитру каналов и создайте новый канал. Нажмите Ctrl+V, чтобы вставить выделение и примените фильтр Filter > Artistic > Paint Daubs|Фильтр - Имитация - Маслянная живопись: Размер кисти – 1, Резкость – 10, Тип кисти – Простой.
Сделайте выделение нового канала “Alpha 1” (Ctrl+Click).



Шаг 16

Вернитесь в палитру слоёв и выберите слой “Frame”, перейдите в меню Layer > New > Layer via Copy|Слой - Новый - Скопировать на новый слой, новый слой назовите“Bumps”. К этому слою примените стили слоя, показанные ниже:



Шаг 17

Выберите все слои кроме фонового и объедините их Ctrl+E. Назовите полученный слой “Frame”. Теперь вставим фотографию в рамку. Откройте фотографию в Photoshop и перетащите её в документ с рамкой, расположите под слоем “Frame”. Уменьшите фотографию до нужного размера и назовите слой “Photo”.К слою “Frame”примените стиль Layer Style - Outer Glow, и Drop Shadow:



Шаг 18

Теперь создадим иллюзию стекла. В общем мы будем создавать отражение. Откройте эту фотографию и перетащите в наш документ, как показано ниже. Примените к этому слою фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением радиуса 3рх. Установите Blend Mode Screen|Осветлениe и Opacity|Непрозрачность – 15%. Назовите слой “Ref 1”. Сделайте копию слоя “Ref 1” и сдвиньте её на 5px влево.



Шаг 19

Создайте новый слой над “Ref 2” и назовите его “Highlight”. Инструментом Rectangular Marquee Tool|Прямоугольная область , создайте выделение, как показано ниже. Выберите инструмент Gradient Tool|Градиент , залейте выделение как показывает стрелка и нажмите Ctrl+D. 



Шаг 20

В режиме Free Transform|Свободного трансформирования уменьшите слой по вертикали и горизонтали. Потом примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением 3рх.



Шаг 21

Теперь сделаем края стекла грязными. Перейдите в палитру каналов и создайте новый канал “Dirt1”. Примените фильтр Filter > Render > Clouds|Фильтр - Рендеринг - Облака, потом фильтр Filter > Artistic > Fill Grain|Фильтр - Имитация - Зернистость фотопленки: Grain|Зерно – 9, Highlight Area and Intensity|Область светов и Интенсивность – 0. Нажмите ОК. Затем примените фильтр Filter > Brush Strokes > Accented Edges|Фильтр - Штрихи - Акцент на краях: Edge Width|Ширина краёв – 1, Edge Brightness|Яркость – 20, Smoothness |Смягчение – 1.



Шаг 22

Создайте ещё один канал “Dirt Area”, выберите инструмент Rounded Rectangle Tool|Прямоугольник с закруглёнными краями , настройте, как показано ниже, и создайте фигуру, ориентируясь на направляющие.


Шаг 23

Примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу с радиусом 15рх. Потом перейдите в меню Image > Adjustment > Levels|Изображение - Коррекция - Уровни и настройте, как показано ниже. Ещё раз примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссусо значением 7рх. Инвертируйте цвета изображения Ctrl + I. Этот канал определит область, где грязь будет видна. Сделайте выделение этого канала (Ctrl+Click по миниатюре), потом, удерживая Alt+Ctrl, кликните на слое “Dirt”, чтобы выделить область, где белый цвет канала “Dirt” пересечётся с уже выделенной областью.



Шаг 24

Вернитесь в палитру слоёв и создайте новый слой под слоем “Frame”, назовите его “Dirt1”. Залейте выделение цветом #a79988. Перейдите в палитру каналов и сделайте выделение слоя “Dirt Area” (Ctrl+Click). Вернитесь в палитру слоёв, создайте новый слой “Dirt2” над слоем “Dirt1”, и залейте выделение цветом #a79988.



Шаг 25

Выберите слой “Frame” и перейдите в меню Image > Adjustment > Hue/Saturation|Изображение - Коррекция - Цветовой тон/Насыщенность: Saturation|Насыщенность: -15. Потом на слое “Photo” перейдите в то же меню и понизьте Lightness|Яркость до -10. Теперь можете перейти в меню Layer > Flatten Image|Слой - Выполнить сведение.



Шаг 26

Можно переходить к созданию стены. Создайте новый документ размером 1200х800px с разрешением 300pixels/inch. Создайте новый слой, и назовите его “Wall”. Установите цвет заливки – 85% серый, цвет фона – чёрный. Примените фильтр Filter > Render > Clouds|Фильтр - Рендеринг - Облака, и потом фильтр Filter > Distort > Glass|Фильтр - Искажение - Стекло: Set Distortion|Искажение – 20, Smoothness |Смягчение – 1, Scaling |Масштаб – 120%, Texture |Текстура – Frosted|Изморозь.



Шаг 27

Примените фильтр Filter > Render > Lighting Effects|Фильтр - Рендеринг - Эффект освещения с настройками, показанными ниже. Далее мы покроем фон обоями. Нужный узор можете скачать тут.



Шаг 28

Скопируйте файл "wallpapers.pat" в папку с текстурами и примените стиль Pattern Overlay|Наложение узора к слою “Wall”: Blend Mode|Режим – Overlay|Перекрытие, Opacity|Непрозрачность – 20%, Pattern |Узор – “Floral"



Шаг 29

Перейдите в документ с рамкой и перетащите изображение оттуда в документ со стеной, удерживая Shift. Назовите слой “Frame” и уменьшите его на 50% в режимеFree Transform|Свободного трансформирования.



Шаг 30

Создайте новый слой под “Frame” и назовите его “Shadow”. Сделайте выделение слоя “Frame” (Ctrl+Click), залейте его чёрным цветом и нажмите Ctrl+D. В режимеFree Transform|Свободного трансформирования поверните слой на -30 градусов. Потом, удерживая Alt, нажмите на клавишу стрелки вправо 20 раз. Выберите все слои с тенью и объедините их Ctrl+E.



Шаг 31

Потом поверните слой на 30 градусов по часовой стрелке. Примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Разматие - Размытие по Гауссу со значением10рх, расположите тень, как показано ниже.



Шаг 32

Создайте новый слой поверх остальных и назовите его “Tree Shadow”, выберите инструмент Brush Tool|Кисть , выберите кисть листьев “Scattered Maple Leaves” размером 130px, перейдите в палитру кистей и настройте, как показано ниже. Чёрным цветом обрисуйте холст:



Заключение:

К слою с листьями примените фильтр Filter > Blur > Gaussian Blur|Фильтр - Размытие - Размытие по Гауссу со значением радиуса 50рх, установите Opacity|Непрозрачность слоя – 70%. Это создаст хорошую тень вокруг рамки.



Автор: psd.tutsplus.com
Перевод: Nick SmilE Ainley