В этом уроке по фотоэффектам мы узнаем, как легко создать простую деревянную рамку рисунка, используя маску слоя, пару стилей слоя и один из встроенных шаблонов Photoshop!

Вот изображение, которое я буду использовать для этого урока Photoshop:

Оригинальное фото.

Шаг 1: дублируем фоновый слой

Первое, что нам нужно сделать, чтобы создать нашу рамку рисунка, это дублировать наш фоновый слой. Фоновый слой - это слой, который содержит наше исходное изображение, и если мы посмотрим на нашу палитру слоев, то увидим, что на данный момент это единственный слой, который у нас есть:

Палитра "Слои" в Photoshop показывает изображение на фоновом слое.

Давайте дублируем слой, используя удобное сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если мы оглянемся назад в нашей палитре слоев, то увидим, что теперь у нас есть копия фонового слоя, которую Photoshop назвал для нас «Слой 1», над оригиналом:

Нажмите «Ctrl + J» (Победа) / «Command + J» (Mac), чтобы дублировать фоновый слой.

Шаг 2: Добавьте дополнительное пространство холста вокруг изображения

Нам нужно добавить дополнительное пространство вокруг нашей фотографии. Дополнительное пространство станет нашей рамкой для фотографий. Количество места, которое вы добавляете, зависит от того, насколько большим будет ваш кадр. Подойди к меню Image в верхней части экрана и выбери Canvas Size. Когда появится диалоговое окно «Размер холста», введите, сколько места вы хотите добавить вокруг изображения. Мне нужна довольно толстая рамка для моей фотографии, поэтому я собираюсь ввести значение 1, 5 дюйма для параметров Ширина и Высота. Убедитесь, что у вас установлен флажок Относительный:

Введите объем пространства холста, который вы хотите добавить вокруг изображения. Здесь я добавляю 1, 5 дюйма пространства для ширины и высоты.

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

Дополнительное пространство теперь появляется вокруг фотографии в окне документа.

Шаг 3: Добавить новый пустой слой

Далее нам нужно добавить новый пустой слой над нашими двумя существующими слоями. Выбрав «Слой 1» (верхний слой), щелкните значок «Новый слой» в нижней части палитры «Слои»:

Нажмите на значок «Новый слой» в нижней части палитры «Слои», чтобы добавить новый пустой слой в документ.

Ничего не происходит в окне документа, но мы можем видеть в палитре слоев, что Photoshop добавил новый пустой слой для нас и дал ему описательное имя "Слой 2":

Новый пустой слой появляется в палитре слоев над двумя другими слоями.

Шаг 4: Заполните новый слой рисунком дерева в Photoshop

Чтобы наша рамка выглядела так, как будто она сделана из дерева, мы могли бы испытать трудности с созданием нашей собственной текстуры дерева, но нам это не нужно, так как Photoshop поставляется с уже встроенным рисунком дерева! Выбрав «Слой 2», перейдите в меню «Правка» в верхней части экрана и выберите «Заполнить». Вы также можете использовать сочетание клавиш Shift + F5. В любом случае открывается диалоговое окно Fill. Для параметра Содержание вверху выберите «Шаблон» в раскрывающемся меню справа от слова «Использовать». Затем нажмите на маленькую миниатюру узора справа от слов Custom Pattern и выберите текстуру дерева в появившемся окне выбора (это четвертый слева, верхний ряд):

В диалоговом окне «Заливка» установите для «Содержания» значение «Узор» и выберите встроенную текстуру дерева в Photoshop в поле выбора.

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

Установите «Режим смешивания» на «Нормальный» и убедитесь, что «Непрозрачность» установлена ​​на 100%.

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

Новый слой теперь полностью заполнен текстурой дерева.

Теперь у нас есть дрова для нашей рамы. Мы сделаем его похожим на реальный кадр и вернем нашу фотографию дальше.

Шаг 5: Выберите фотографию на «Слой 1»

Мы собираемся вырезать дыру в нашем дереве, чтобы мы могли увидеть нашу фотографию еще раз, и для этого мы будем использовать маску слоя. Удерживая нажатой клавишу «Ctrl» («Победа») / «Command» (Mac) и щелкните непосредственно на миниатюре предварительного просмотра «Слоя 1» в палитре слоев:

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на миниатюру предварительного просмотра для «Слоя 1».

Это загружает выделение вокруг фотографии в окне документа. Мы все еще не можем увидеть саму фотографию, но мы можем видеть поле выбора, где должно быть фото:

Поле выбора вокруг фотографии появляется в окне документа.

Шаг 6: инвертировать выделение

Мы выбрали область, в которой должна появиться фотография, но нам действительно нужна область вокруг фотографии (рамки), поэтому нам нужно инвертировать наш выбор. Для этого перейдите в меню «Выбрать» в верхней части экрана и выберите «Инвертировать» или используйте быстрые сочетания клавиш Shift + Ctrl + I (Победа) / Shift + Command + I (Mac). В любом случае выделение инвертируется, и если вы внимательно посмотрите в окне документа, вы по-прежнему увидите то же поле выбора вокруг фотографии, что и раньше, но теперь вы также увидите поле выбора по краям окна документа, что позволяет нам Знайте, что теперь у нас есть область рамки вокруг выбранной фотографии:

Окно документа, показывающее область рамки вокруг фотографии, теперь выбрано.

Шаг 7: добавь маску слоя

Теперь, когда у нас выделена область рамки, нажмите на иконку Layer Mask внизу палитры Layers:

Нажмите на значок «Маска слоя» в нижней части палитры слоев.

Это добавляет маску слоя к «Слою 2», и теперь единственной частью слоя, которая остается видимой в окне документа, является область, которую мы выбрали, то есть область рамки вокруг фотографии. Часть, которая не была выбрана - область, где должна появиться фотография, - теперь скрыта от глаз, что позволяет нам снова увидеть нашу фотографию:

С маской слоя, добавленной к «Слою 2», фотография появляется в центре кадра.

Если мы посмотрим на нашу палитру слоев, то увидим, что миниатюра маски слоя была добавлена ​​справа от миниатюры предварительного просмотра слоя:

Миниатюра маски слоя теперь появляется справа от миниатюры предварительного просмотра для «Слоя 2».

Для получения дополнительной информации о масках слоев, ознакомьтесь с нашим учебным пособием Понимание масок слоев в разделе Основы Photoshop на веб-сайте.

Шаг 8: отмените выбор маски слоя и выберите содержимое «слоя 2»

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

Нажмите на миниатюру предварительного просмотра для «Слоя 2», чтобы выбрать содержимое слоя и отменить выбор маски слоя.

Шаг 9: добавь стиль слоя "Bevel and Emboss"

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

Нажмите на значок «Стили слоев» в нижней части палитры слоев.

Затем выберите Bevel and Emboss из появившегося списка стилей слоя:

Выберите стиль слоя «Наклон и тиснение».

Это вызывает диалоговое окно «Стиль слоя» в Photoshop с настройками «Скос и тиснение» в средней колонке. В разделе «Структура» в верхней части измените параметр «Техника» на «Жесткое долото», затем увеличьте значение глубины примерно до 150%:

Установите опцию «Техника» на «Жесткое долото» и увеличьте «Глубину» до «150%» в опциях «Скос и тиснение».

Затем в опциях «Затенение» в нижней части диалогового окна, уменьшите непрозрачность режима подсветки примерно до 50%, затем уменьшите непрозрачность режима тени примерно до 60%:

Уменьшите «Непрозрачность» в «Режиме выделения» до 50% и «Режиме тени» до 60%.

Это придает нашему кадру более трехмерный вид:

Рамка рисунка теперь имеет трехмерный вид.

Шаг 10: добавь стиль слоя "Color Overlay"

Если вас устраивает цвет рамки рисунка, вы можете пропустить этот следующий шаг. Если, как и я, вы бы предпочли более темный цвет дереву, вот как это изменить. Нажмите непосредственно на слова Color Overlay слева от диалогового окна Layer Style. Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка. Нажатие на флажок включит стиль слоя Color Overlay, но не даст нам доступ к его параметрам. Нам нужны варианты, поэтому нажимайте непосредственно на сами слова:

Нажмите непосредственно на слова «Color Overlay» слева от диалогового окна «Стиль слоя».

Это меняет средний столбец диалогового окна «Стиль слоя» на параметры «Цветовое наложение». Чтобы изменить цвет рамки, щелкните образец цвета справа от параметров режима наложения:

Нажмите непосредственно на образец цвета справа от параметров «Режим смешивания».

Это поднимает палитру цветов Photoshop. Я хочу изменить цвет рамки на более темный коричневый, поэтому я выберу этот цвет из палитры цветов:

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

Нажмите OK, чтобы выйти из палитры цветов. Вы увидите новый цвет, примененный к вашей рамке, но рамка теперь отображается сплошным цветом. Мы потеряли текстуру дерева. Чтобы вернуть текстуру дерева, измените режим смешивания Color Overlay на Color Burn:

Чтобы восстановить текстуру дерева в кадре, измените «Режим наложения» стиля слоя «Цветовой оверлей» на «Сжигание цвета».

Нажмите OK, чтобы выйти из диалогового окна Layer Style. Вот мой кадр после изменения его цвета на темно-коричневый и установки режима смешивания на «Color Burn»:

Цвет рамки теперь изменен на темно-коричневый.

Мы почти закончили! У нас есть еще один простой стиль слоя для добавления, и мы сделаем это дальше!

Шаг 11: выберите «Слой 1»

Нам нужно выбрать нашу фотографию еще раз, поэтому нажмите «Слой 1» в палитре слоев, чтобы выбрать его:

Выберите «Слой 1» в палитре слоев.

Шаг 12: добавь стиль слоя "Внутренняя тень"

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

Нажмите на значок «Стиль слоя» в нижней части палитры слоев.

На этот раз выберите Inner Shadow из появившегося списка стилей слоя:

Выберите «Внутренняя тень» из списка стилей слоя.

Это снова вызывает диалоговое окно «Стиль слоя» в Photoshop, на этот раз с настройками «Внутренняя тень» в средней колонке. Все, что нам нужно сделать, это уменьшить непрозрачность тени, чтобы она не была такой интенсивной. Уменьшите параметр «Непрозрачность» до 65%.

Уменьшите «Непрозрачность» Внутренней Тени до 65%, чтобы уменьшить ее интенсивность.

Нажмите OK, чтобы выйти из диалогового окна Layer Style, и все готово! Здесь, после добавления тени к моей фотографии, моя окончательная деревянная рамка для фотографий:

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

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

Категория: