Узорные рамки для фотошопа: 5 Декоративных рамок PNG с узорными листьями

Custom Picture Frames — Создание декоративной фоторамки в Photoshop

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

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

Смотреть видео

Шаги

Краткие шаги для опытных пользователей Photoshop

1. Преобразование изображения в смарт-объект
2. Используйте инструмент Shape Layer, чтобы нарисовать форму рамки
3. Поместите изображение в верхнюю часть стека слоев (над слоем векторной маски)
4. Создайте обтравочную маску, обрезав слой изображения векторным слоем
5. Добавить новый слой в нижнюю часть стопки слоев и заполнить узором или поместить фоновое изображение для рамки внизу стопки слоев
6. Применение растушевки к векторной маске (необязательно)
7. Чтобы повторно использовать рамку на новом изображении, щелкните правой кнопкой мыши слой смарт-объекта и выберите «Заменить содержимое».

Шаг 1

Откройте изображение в Photoshop и преобразуйте его в смарт-объект, щелкнув правой кнопкой мыши имя слоя и выбрав «Преобразовать в смарт-объект».

После преобразования слоя в смарт-объект вы увидите небольшой значок, встроенный в миниатюру слоя, который указывает, что объект является смарт-объектом.

Шаг 2

Создайте векторную маску, выбрав инструмент формы слоя по вашему выбору в разделе Инструменты формы на панели инструментов. Для этого урока я выберу инструмент «Прямоугольник со скругленными углами».

После выбора инструмента убедитесь, что на панели параметров установлены правильные параметры — убедитесь, что значок «Слои формы» активен, и установите радиус в соответствии с вашими потребностями (чем больше число, тем больше круглая форма). углы есть). Для изображения, используемого в этом уроке, я установил радиус 30 пикселей.

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

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

Шаг 3

Отцентрируйте векторную маску на изображении. Используйте Cmd+A (ПК: Ctrl+A), чтобы «выделить все», а затем выберите инструмент «Перемещение», нажав клавишу «V». Когда у вас выбран инструмент «Перемещение», вы увидите параметры выравнивания в верхней части панели параметров.

Щелкните значок «Выровнять центры по вертикали», чтобы центрировать маску по вертикали, а затем щелкните значок «Выровнять центры по горизонтали», чтобы центрировать маску по горизонтали. Как только все будет отцентровано, снимите выделение с помощью Cmd+D (ПК: Ctrl+D).

Шаг 4

Измените порядок слоев на обратный — слой маски слоя должен быть ниже слоя смарт-объекта. Вы можете переместить слой-маску слоя в нижнюю часть стека слоев, либо щелкнув и перетащив слой под слоем смарт-объекта, либо вы можете выбрать слой-маску слоя, а затем использовать сочетание клавиш Shift+Cmd+[ (ПК: Shift +Ctrl+[).

Шаг 5

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

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

Шаг 6a

Вариант кадрирования 1 — Использование шаблона Photoshop для кадра:

Добавьте новый слой в нижнюю часть стопки слоев — щелкните один раз по нижнему слою, чтобы выбрать его, затем Cmd+щелчок по кнопке «Добавить». значок «Новый слой» (этот ярлык добавит новый слой непосредственно под текущим выбранным слоем, поместив новый слой в нижнюю часть стека слоев).

Заполните нижний слой узором, открыв диалоговое окно «Заливка» и выбрав узор, который хотите использовать. Чтобы открыть диалоговое окно «Заливка», используйте сочетание клавиш Shift+Delete (ПК: Shift+Backspace) или выберите «Файл» > «Заливка» в верхнем меню.

В диалоговом окне «Заливка» выберите «Шаблон» в разделе «Содержание».

Щелкните значок слева от «Пользовательский шаблон», чтобы выбрать шаблон для использования. Чтобы просмотреть дополнительные шаблоны Photoshop, щелкните маленькую стрелку, а затем выберите группу шаблонов для загрузки, например, Artist Surfaces, Nature Patterns и т. д.

Если вы выбрали дополнительную группу рисунков, появится окно подтверждения. Вы можете выбрать «Добавить» или «ОК» — я обычно выбираю «ОК», что временно заменяет существующие шаблоны.

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

Если вам не нравится выбранный узор, вы можете использовать Shift+Cmd (ПК: Shift+Ctrl), чтобы снова открыть диалоговое окно «Заливка» и поэкспериментировать с другим узором.

Когда нижний слой заполнен узором, примените Растушевку к векторной маске. Для этого щелкните один раз по векторной маске, чтобы выделить ее, а затем перейдите на вкладку Маски. Перетащите ползунок «Растушевка» вправо, пока не получите нужный эффект. Для этого изображения я установил Feather на 20 пикселей.

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

Вот оно! Вы только что добавили декоративную рамку к своему изображению с помощью векторной маски!

Фоторамка с рисунком Photoshop.

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

Чтобы использовать этот шаблон фоторамки на другом изображении, щелкните правой кнопкой мыши (или рядом) имя слоя смарт-объекта и выберите параметр «Заменить содержимое». Выберите новое изображение, которое хотите использовать в рамке, и нажмите «Поместить». Обратите внимание, что это работает лучше всего, если замещающее изображение имеет тот же (или близкий к тому же) размер, что и исходное изображение.

Другое изображение с использованием той же фоторамки.

Вы можете изменить размер и форму векторной маски без ухудшения качества маски — используйте инструмент «Свободное преобразование» (Cmd+T) (ПК: Ctrl+T) или отредактируйте опорные точки контура фигуры, используя либо Инструменты «Путь» или «Прямой выбор» (также известные как инструменты «Белая» или «Черная стрелка») или инструменты «Перо».

Шаг 6b

Вариант кадрирования 2 — использование изображения для рамки

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

Найдя изображение для использования, откройте его в Photoshop. Щелкните правой кнопкой мыши имя фонового слоя (или рядом с ним) и выберите параметр «Дублировать слой».

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

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

Если изображение, которое вы выбрали для рамки, меньше изображения, над которым вы работаете, вам нужно изменить его размер, чтобы оно простиралось до краев вашего документа (холста). Для этого отключите видимость слоя для всех слоев, кроме этого нового слоя, нажав Option+щелчок (PC: Alt+щелчок) на значке видимости слоя для нового слоя. Затем используйте Cmd+T (ПК: Ctrl+T), чтобы выбрать инструмент «Свободное преобразование», и, удерживая Shift+Option (ПК: Shift+Alt), перетащите один из угловых маркеров поля «Свободное преобразование», пока изображение четко не расширится до край вашего изображения (вы захотите растянуть изображение, чтобы оно было немного больше, чем размер холста, а рисунок шахматной доски полностью скрыт). Нажмите клавишу «Возврат» (ПК: Enter), чтобы принять изменения. Теперь включите видимость для всех слоев, нажав Option+щелчок по значку видимости слоя для нового слоя еще раз.

После того, как нижний слой заполнен фоновым изображением, вы можете применить растушевку к векторной маске. Для этого щелкните один раз по векторной маске, чтобы выделить ее, а затем перейдите на вкладку Маски. Перетащите ползунок «Растушевка» вправо, пока не получите нужный эффект. Для изображения, показанного ниже, я подумал, что оно лучше всего выглядит без применения Feather — это полностью зависит от вас!

Окончательная фоторамка

Дополнительные советы

• Попробуйте добавить скос и тиснение к фоновому изображению, а также тень, скос и тиснение к векторному слою маски. Экспериментируйте с эффектами слоя и получайте удовольствие!

• Если вы ищете программное обеспечение, которое добавляет рамки к вашим изображениям, обратите внимание на пакет Perfect Photo Suite 8 от onOne Software.