Как добавить рамку к фотографии с помощью Photoshop — разбираем обстоятельно


Узнайте, как добавить простую рамку для фотографий и даже две рамки вокруг вашего изображения с помощью Photoshop! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

Рамки для фотографий — отличный способ придать образу элегантности и элегантности. А добавить рамку легко, если вы знаете шаги. Мы начнем с добавления большего пространства вокруг изображения с помощью команды Photoshop Canvas Size. Затем, чтобы создать границу, мы залим пространство цветом, используя слой заливки «Сплошной цвет». Вы узнаете, как выбрать цвет для рамки из палитры цветов и как смешать границу с вашей фотографией, выбрав цвет непосредственно из самого изображения!

Как только мы добавим основную рамку фотографии, я покажу вам, как добавить вторую, меньшую рамку вокруг изображения, используя эффект слоя. Для достижения наилучших результатов вы захотите использовать Photoshop CC, но любая последняя версия будет работать.

Я буду использовать это изображение, которое я скачал с Adobe Stock:

Как смешать текст в фоновое изображение облаков в фотошопе

Исходное изображение. Предоставлено: Adobe Stock.

А вот изображение с рамкой для фото вокруг него. Вы узнаете, как настроить размер и цвета рамки, как мы будем выполнять следующие шаги:

Как добавить рамку к фото с помощью Photoshop

Эффект границы фотографии.

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

Как создать фоторамку в фотошопе

Шаг 1: уменьшите масштаб, чтобы освободить место для границы

Чтобы создать рамку для фото, мы добавим больше пространства вокруг изображения. Так что давайте дадим себе больше возможностей для работы, уменьшив масштаб. Чтобы уменьшить масштаб с клавиатуры, нажмите и удерживайте клавишу Ctrl на ПК с Windows или клавишу « Command» на Mac и нажмите клавишу « минус» . Это дает нам больше места, чтобы увидеть границу:

Уменьшение изображения в Photoshop, чтобы освободить место для границы фотографии

Уменьшите изображение, чтобы освободить место для фотографии.

Шаг 2: разблокируйте фоновый слой


Если мы посмотрим на панель «Слои» , то увидим изображение на фоновом слое :

Панель Photoshop Layers, показывающая фотографию на фоновом слое

Панель «Слои», отображающая изображение на фоновом слое.

Нам нужно разблокировать фоновый слой, чтобы мы могли добавить другие слои под ним. Чтобы разблокировать его, в Photoshop CC просто нажмите значок замка . В CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните мышью . Это удаляет значок блокировки и переименовывает слой в «Слой 0»:

Разблокировка фонового слоя на панели «Слои» в Photoshop

Разблокировка фонового слоя.

Шаг 3. Откройте диалоговое окно «Размер холста».

Чтобы добавить больше пространства холста вокруг изображения, перейдите в меню « Изображение» в строке меню и выберите « Размер холста» :

Выбор команды «Размер холста» в Photoshop

Идем в Изображение> Размер холста.

Шаг 4: Добавьте больше холста вокруг фотографии


В диалоговом окне «Размер холста» убедитесь, что установлен флажок « Относительный» . А затем в сетке привязки убедитесь, что выбран центральный квадрат . Это добавит новое пространство холста равномерно вокруг изображения:

Относительный параметр и сетка привязки в диалоговом окне «Размер холста» в Photoshop

Убедитесь, что выбран Относительный и центральный квадрат.

Затем введите нужный размер рамки для фотографий в поля Ширина и Высота . Имейте в виду, что введенное вами значение будет разделено поровну между обеими сторонами. И это верно как для ширины, так и для высоты. Так что, если вы хотите, чтобы вокруг изображения была граница в четверть дюйма, вы на самом деле хотите ввести 0,5 дюйма для ширины и высоты. Для 1-дюймовой границы вам нужно будет ввести 2 дюйма. Другими словами, какой бы размер вам ни понадобился, введите двойную сумму.

В моем случае мне нужна граница в полдюйма, поэтому я установлю ширину и высоту в два раза больше, или 1 дюйм :

Ввод размера границы фотографии в поля «Ширина» и «Высота» в диалоговом окне «Размер холста» в Photoshop.

Введите два нужных размера в поля Ширина и Высота.

Затем, чтобы добавить пространство холста, нажмите OK, чтобы закрыть диалоговое окно. И вот мы видим новый холст вокруг изображения. Шаблон шахматной доски означает, что пространство в настоящее время заполнено прозрачностью, но мы добавим к нему цвет следующим:

Новое пространство холста вокруг изображения, которое станет рамкой фотографии.

Новое пространство холста, которое станет рамкой для фото.

Как отменить размер холста и повторить попытку

Если вы выбрали неправильный размер для своей рамки, вы можете отменить его, зайдя в меню « Правка» и выбрав « Отменить размер холста» . Затем снова откройте диалоговое окно «Размер холста» (выберите «Изображение»> «Размер холста») и повторите попытку:

Выбор команды «Отменить размер холста» в Photoshop

Собираемся Править> Отменить размер холста.

Шаг 5: Добавьте сплошной цвет заливки

Чтобы закрасить границу цветом, мы будем использовать один из слоев заливки «Сплошной цвет» в Photoshop. На панели «Слои» щелкните значок « Новый заливочный слой» или «Корректирующий слой» внизу:

Щелкните значок «Новый заливочный слой» или «Корректирующий слой» на панели «Слои» в Photoshop.

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

А затем выберите Сплошной цвет из списка:

Добавление слоя заливки сплошным цветом в Photoshop

Добавление сплошного цвета заливки.

Шаг 6: Выберите белый цвет для границы фотографии


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

Выбор белого цвета в палитре цветов для цвета рамки фотографии

Выбор белого цвета в палитре цветов.

Нажмите OK, когда закончите, чтобы закрыть палитру цветов. А Photoshop временно заполняет весь документ белым, блокируя изображение из вида:

Изображение временно заблокировано заливочным слоем «Сплошной цвет»

Заполняющий слой блокирует изображение из поля зрения.

Шаг 7: перетащите слой заливки под изображение

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

Перемещение слоя заливки «Сплошной цвет» под изображением на слое 0

Перетаскивая заливочный слой ниже «Слоя 0».

И теперь цвет от слоя заливки появляется только внутри границы:

Как добавить фото рамку к изображению с помощью Photoshop

Первоначальный эффект фото границы.

Шаг 8: Измените цвет границы (необязательно)


Если вы хотите что-то, кроме белого, вы можете выбрать другой цвет для вашей границы, дважды щелкнув образец цвета заливочного слоя :

Двойной щелчок по образцу цвета заливочного слоя на панели «Слои»

Дважды щелкните образец цвета на панели «Слои».

Это снова открывает палитру цветов, где вы можете выбрать что-то другое. И когда вы попробуете разные цвета, вы увидите предварительный просмотр нового цвета вокруг изображения. Так что, если я выберу черный вместо белого:

Изменение цвета рамки фотографии на черный в палитре цветов в Photoshop

Выбор черного цвета в палитре цветов.

Тогда моя граница мгновенно меняется на черную:

Цвет рамки фотографии был изменен на черный

Та же самая граница, теперь в черном цвете.

Как выбрать цвет рамки с картинки

Вы можете выбрать любой цвет из палитры цветов. Или вы можете выбрать цвет непосредственно из самого изображения. Просто наведите курсор на изображение и нажмите на нужный вам цвет. Я выберу светло-серый из окна на заднем плане:

Выбор цвета рамки фотографии из изображения

Выбор цвета рамки фотографии из изображения.

И снова граница мгновенно меняется на новый цвет. Чтобы принять его, нажмите OK, чтобы закрыть палитру цветов:

Как выбрать цвет рамки фото с картинки в фотошопе

Рамка для фотографий теперь лучше сочетается с изображением.

Добавление меньшей границы внутри основной границы

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

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

На панели «Слои» выберите изображение «Слой 0»:

Выбор изображения на панели «Слои»

Нажав на слой изображения, чтобы выбрать его.

Шаг 10: Добавьте стиль слоя Stroke


Затем щелкните значок « Стили слоя» (значок «fx»):

Щелчок по значку «Стили слоев» на панели «Слои» в Photoshop

Щелкнув по значку «fx» на панели «Слои».

И выберите Stroke из списка:

Выбор эффекта обводки слоя в Photoshop

Выбор эффекта слоя обводки.

В диалоговом окне Layer Style, оставьте обводки цвета установлен в черный на данный момент, и убедитесь , что позиция устанавливается на внутреннюю часть . Затем увеличьте ширину обводки, перетащив ползунок « Размер» :

Параметры эффекта слоя обводки в Photoshop

Варианты инсульта.

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

Штрих появляется между фотографией и границей

Штрих появляется между фотографией и границей.

Шаг 11: Измените цвет обводки (необязательно)

Если вам не нужен черный цвет в качестве обводки, вы можете изменить его, щелкнув образец цвета :

Нажав образец цвета обводки в диалоговом окне «Стиль слоя»

Нажав на образец цвета обводки.

Затем в палитре цветов выберите другой цвет. Или, как мы сделали для основной рамки, вы можете выбрать цвет прямо из вашего изображения. Я нажму на цвет фона:

Выбор цвета для обводки по изображению

Выбор цвета для обводки по изображению.

И удар мгновенно обновляется до нового цвета. Когда вы довольны цветом, нажмите кнопку ОК, чтобы закрыть палитру цветов:

Как выбрать цвет для обводки по изображению в фотошопе

И граница, и обводка теперь используют цвета из изображения.

Шаг 12: отрегулируйте размер обводки


Наконец, я закончу эффект, настроив ползунок «Размер», чтобы точно настроить толщину обводки. Я использую довольно большое изображение здесь, поэтому я буду использовать размер около 32 пикселей. Затем, чтобы принять его, я нажму OK, чтобы закрыть диалоговое окно Layer Style:

Как настроить размер обводки вокруг изображения в фотошопе

Тонкая настройка размера обводки.

И вот мой окончательный результат:

Как добавить рамку к фото с помощью Photoshop

Финальный эффект «фото границы».

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *