Как сделать на фото рамку в фотошопе: Как в Фотошопе сделать рамку вокруг фотографии

Как в Фотошопе сделать рамку вокруг фотографии

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

Обводка фотографии

Самый простой способ того, как сделать рамку в Фотошопе, связан с использованием свойств слоя.

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

• Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
• Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Inside), не имеют смысла.
• Blending Mode/«Режим наложения» — режим наложения обводки.
• Opacity/«Непрозр.» — плотность (непрозрачность) обводки.
• Color/«Цвет» — цвет.

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Результат:

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

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

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

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи». Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

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

Вот результат.

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

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

После применения команды размер холста увеличится и новые области будут прозрачными. Осталось только заполнить их нужным цветом.

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

После этого просто заливаем новый слой нужным цветом.

Результат.

Вставка фотографии в рамку

В качестве последнего способа рассмотрим, как сделать красивую рамку в Фотошопе. На стоках и бесплатных ресурсах можно найти довольно много разных рамок для фотографий. Они могут быть в формате PNG или PSD. Но при обращении к подобным ресурсам обязательно проверяйте лицензию на конкретный файл с рамкой. Она может подразумевать просто бесплатное использование или же непременное указание автора.

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию.
Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

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

Как сделать рамку в Adobe Photoshop?

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?

Рассмотрим несколько простейших способов.

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:

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

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7, дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя», выберите панель «Обводка». Селектор «Снаружи» обязательно необходимо поменять на «Внутри». Указав все необходимые вам параметры, кликните на «ОК»:

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

Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j. Отключите два верхних слоя, кликая на значок глаза напротив каждого:

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:
Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

Для того чтобы не изобретать велосипед, в интернете без особых усилий можно найти множество различных бесплатных .psd или .png файлов, в которые остаётся лишь вставить изображение. Как это сделать?

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

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

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Для создания дополнительного эффекта объёмности вы можете воспользоваться «Параметрами наложения» слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:

В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:
В результате у вас получится объёмное и реалистичное изображение в рамке.
Надеемся, что данный урок стал для вас полезен!

Как сделать рамку в Adobe Photoshop?

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?

Рассмотрим несколько простейших способов.

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:

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

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7, дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя», выберите панель «Обводка». Селектор «Снаружи» обязательно необходимо поменять на «Внутри». Указав все необходимые вам параметры, кликните на «ОК»:

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

Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j. Отключите два верхних слоя, кликая на значок глаза напротив каждого:

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:
Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

Для того чтобы не изобретать велосипед, в интернете без особых усилий можно найти множество различных бесплатных .psd или .png файлов, в которые остаётся лишь вставить изображение. Как это сделать?

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

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

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Для создания дополнительного эффекта объёмности вы можете воспользоваться «Параметрами наложения» слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:

В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:
В результате у вас получится объёмное и реалистичное изображение в рамке.
Надеемся, что данный урок стал для вас полезен!

Создание рамки в Photoshop. Круглая, овальная рамка

После чего кликнуть по кнопке добавления стилей слоя (3), в открывшемся меню выбрать стиль «Обводка» (Stroke) (4), задать параметры: положение(внутри) и размер (5), непрозрачность (6) и тип обводки — цвет (7), узор или градиентная заливка. Последнее интереснее, можно выбрать рисунок заливки, кликнув на полоску, и поиграть параметрами, направлением и т.п., изменить цвета и прозрачность градиента:

Продвинутый способ

Если нет желания обрезать изображение на фотке, то надо увеличить величину холста. Вкладка главного меню Изображение —> Размер холста, в открывшимся окне поставить галку у опции «Относительно» и задать размер по длине и ширине. Можно выбрать цвет фона, хотя и не обязательно:

В окне «Размер холста» указаны значения ширины и высоты, их сумма равна 560+448=1008 пикс., поэтому в «новый размер» пишем ширину и высоту по 150 пикс.

Bот что получилось:

Теперь воспользуемся инструментом «Волшебная палочка» (клавиша W) и ткнём им по фону. Рамка выделится.

Да, перед этим допуск у волшебной палочки надо сделать 1, это окошко находится сверху под вкладкой «Изображение». затем жмём Ctrl+J (копирование выделения на новый слой). Теперь у нас активен новый слой с рамкой, на Панели слоёв он подсвечен синим.

Применяем эффекты стилей к рамке, кликнув на значок внизу Панели слоёв (см. рисунок), или можно выбрать готовый стили на панели Стили (вкладка Окно —> Стили):

Откроется окно стилей слоя, где надо подобрать стиль рамке, лучше всего применить универсальный метод тыка, начинать рекомендую со стиля «Тиснение» (Bevel and Emboss):

Вот что получилось:

Круглая,овальная рамка

Берём инструмент «Выделение», выбираем «Овальное выделение» и выделяем нужный участок. Если выделили не точно, то тогда надо кликнуть сверху по вкладке «Выделение», в открывшемся списке выбрать «Трансформировать выделенную область», затем трансформировать и переместить эту область куда и как надо. Жмём Enter для завершения трансформации.

Затем также во вкладке главного меню «Выделение» выбираем «Уточнить край» либо Модификация —> Растушёвка и задаём значение. Тут уже выбор параметров делается эмпирическим (методом подбора) путём, так как зависит от размеров фотографии и цели фото, и, кроме того, это дело вкуса.

Растушёвка делается для того, чтоб у рамки края были размытыми и переход был плавным.

Далее нажимаем клавиши Ctrl+Shift+I, этим мы инвертируем выделение, и закрашиваем зону рамки. Можно на всякий случай клонировать зону рамки, нажав Ctrl+J, и работать в новом слое. Чтоб в этом слое в ненужном месте не навазюкать, выбираем инструмент «Волшебная палочка» и тыркаем в середине рабочего документа. Появится выделение, растушуем края, затем нажимаем клавиши Ctrl+Shift+I и вазюкаем уже в выделенной области. Лишнее можно стереть ластиком, снова нажав Ctrl+Shift+I.

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

Как вставить фото в рамку в Photoshop CS6

Нажимаем комбинацию клавиш Ctrl+A, при этом будет выделено всё изображение, затем идём по вкладке главного меню Выделение —> Трансформировать выделенную область (Select—>Transform Selection). Вокруг выделения появляется габаритная рамка трансформации. Далее сперва зажимаем клавиши Shift+Alt, подводим курсор мыши к углу рамки и тащим его внутрь фото:

Нажимаем Enter для применения трансформации. Граница выделения уменьшилась пропорционально размерам фото, но боковое расстояние кажется больше, чем расстояние от края рамки до верхи до низа. Исправим это.
Опять зажимаем Shift+Alt и тянем наружу за маркер на боковой стороне:

Нажимаем Enter. В итоге, визуально расстояние от рамки выделения до краёв фото должны получиться примерно равными.

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

Красным цветом в документе отмечена зона, заблокированная для изменений. Но для рамки нам потребуется именно эта, заблокированная на данный момент область, поэтому маску надо инвертировать, нажав комбинацию Ctrl+I. Вот как сейчас выглядит маска:

Теперь документ готов для применения фильтра из галереи «Штрихи» (Brush Strokes). Идём по вкладке Фильтр —> Галерея фильтров (Filter —> Filter Gallery), открываем раздел «Штрихи» (Brush Strokes), где выбираем «Аэрограф» (Sprayed Strokes)? применяем параметры,указанные на рисунке, для фотографий других размеров значения могут отличаться:

Вот как теперь выглядит документ:

Отключаем быструю маску, нажав на кнопку в инструментальной панели или клавишу Q. Маска превратилась в выделение:

Копируем выделение на новый слой, нажав Ctrl+J. Внешне документ не изменился, но, если мы посмотрим на панель слоёв, то увидим новый слой с рамкой:

В окне рабочего документа слой с рамкой незаметен, т.к. сливается с фоновым. Я добавил к слою стиль слоя «Наложение градиента» (Gradient Overlay) и «Тень» (Drop Shadow). Параметры стилей слоя Вы можете посмотреть в файле PSD, скачать который Вы можете по ссылкам внизу страницы:

Собственно, рамка для фотографии готова.

Для завершения композиции, я применил к основному изображению корректирующий слой
«Поиск цвета» (Color Lookup), появившийся в Photoshop CS6, кроме того, уменьшил насыщенность с помощью корректирующего слоя «Цветовой тон/Насыщенность» (Hue/Saturation). Параметры коррекций Вы также можете посмотреть в файле PSD, скачать который Вы можете по ссылкам внизу страницы.

Вот как выглядит готовый результат:

Скачать файл PSD:

Как добавить рамку в фотошопе

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?

Рассмотрим несколько простейших способов.

Способы создания рамки в Photoshop

Способ №1: обводка

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню « Редактирование » и кликнув по пункту « Выполнить обводку »:

Выберите цвет, толщину и расположение обводки:

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

Способ №2: рамка вокруг картинки как эффект фона

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7 , дважды кликните по фоновому слою, и, когда откроется окно « Стиль слоя », выберите панель « Обводка ». Селектор « Снаружи » обязательно необходимо поменять на « Внутри ». Указав все необходимые вам параметры, кликните на « ОК »:

Способ №3: использование кисти

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

Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z . Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Способ №4: прозрачная рамка

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j . Отключите два верхних слоя, кликая на значок глаза напротив каждого:

Находясь на первом слое, выберите « Фильтр », « Размытие » и « Размытие по Гауссу » и размойте изображение:

Затем в окне « Фильтр » кликните на « Шум » — « Добавить шум ». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

Для того чтобы не изобретать велосипед, в интернете без особых усилий можно найти множество различных бесплатных .psd или .png файлов, в которые остаётся лишь вставить изображение. Как это сделать?

Как вставить фотографию в готовую рамку?

Шаг №1

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop :

Шаг №2

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

Шаг №3

В окне « Слои » поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Шаг №4

Для создания дополнительного эффекта объёмности вы можете воспользоваться « Параметрами наложения » слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:

В разделе « Тиснение » поставьте галочки, руководствуясь своим вкусом и предпочтениями:

В результате у вас получится объёмное и реалистичное изображение в рамке.

Надеемся, что данный урок стал для вас полезен!

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

Вставляем фотографию в готовую рамку

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

1. Открываем обе фотографии в фотошопе в одном документе. Не страшно, что одно изображение налезет на другое.
2. Зажмите левой кнопкой мыши на миниатюре с девочкой, после чего перетащите ее прямо под слой с рамкой.
3. При необходимости берем инструмент перемещение и с помощью левой кнопки мыши двигаем фотографию девочки так, чтобы она хорошо смотрелась.
4. Также, при необходимости, вы сможете нажать комбинацию клавиш CTRL+T, чтобы перейти в режим трансформирования. Иногда необходимо уменьшить или увеличить фото, чтобы оно смотрелось как надо.

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

Вставка готовой рамки без прозрачного фона

Ситуация становится сложнее, когда изображение не предназначено для того, чтобы быть рамкой. Тогда ее придется сделать самим. Можно, конечно, наложить изображения поверх объекта, срезав ненужные концы, но это, как я говорил в самом начале, ужасно. Если потом вы захотите изменить фото, его размер или положение, то это может стать проблематично. Лучше просто проделать дырку и просто вставить нашу рамку вокруг фотографии.

1. Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности.
2. Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии.
3. После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE, после чего внутренность рамки станет прозрачной. Именно этого мы и добивались.
4. Далее, открываем изображение девочки (ну или что там у вас) в этом же документе.
5. Но опять же она у нас стоит первым слоем, поэтому нам ее нужно будет сместить. Идем в панель слоев, и уже также как в первом варианте переносим миниатюру слоя с девочкой ниже, чем слой рамки.
6. Далее, останется только с помощью перемещения и трансформирования подвинуть и подогнать размер как надо. Также можете применить какой-нибудь стиль слоя, например внутреннюю тень. Будет смотреться реалистичнее.

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

Обтравочная маска

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

Делаем обрамление сами

Самый простой способ, как сделать рамку в фотошопе — это нарисовать ее самому, например в виде цветного прямоугольника. Она будет простенькая, но стильная.

1. Идем в инструмент «Фигуры» и берем «Прямоугольник» . После этого выставляем в свойствах цвет обводки (какой пожелаете), а цвет заливки ставьте любой от балды, так как потом он все равно уберется. Я поставлю желтый.
2. Теперь, рисуем нужный нам прямоугольник на холсте. Можете зажать SHIFT, чтобы он получился квадратным. Если толщина не устраивает, то вы всегда сможете изменить ее в свойствах. Важно только, чтобы в этот момент был активирован инструмент «Фигура» .
3. Если вы хотите, чтобы внешняя сторона обводки была закругленной или многоугольной, то можете выбрать этот параметр в свойствах.
4. Также вы можете придать неких эффектов вашей рамке с помощью стилей слоя. Я, например, поставил тиснение и тень. Остальные свойства вряд ли особо повлияют на обводку, так как будут ориентированы на внутреннее содержимое.
5. Теперь открываем изображение с девочкой (ну или кто там у вас). Оно, как вы уже поняли появится новым слоем поверх фигуры.
6. Далее, жмем правой кнопкой мыши на миниатюру слоя с девочкой и выбираем пункт «Создать обтравочную маску» . Только перед эти убедитесь, что под миниатюрой с девочкой находится наш прямоугольник с обводкой.
7. Как видите, теперь девочка оказалась внутри, словно в окне дома. Осталось только передвинуть ее с помощью «Перемещения». Также можете увеличить или уменьшить изображение, чтобы оно соответствовало вашему видению. Самое главное, что картинка не обрезалась, а просто ее края находятся за пределами видимости.

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

Чуть позже я обязательно выложу видеоурок, чтобы не было никаких проблем.

Обтравочкная маска для готовой рамки

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

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

Но есть идеальный выход — сделать обтравочную маску.

В принципе, тут всё очень просто.

1. Для начала убедитесь, что слой с фотографией (у меня девочка) расположен под миниатюрой рамки.
2. Теперь, берем инструмент «Фигура» и выбираем «Прямоугольник» . После этого рисуем прямоугольник так, чтобы его края нахлестывали на все 4 стороны рамки.
3. После этого, прячьте фигуру под миниатюру с девочкой. После этого ваш прямоугольник исчезнет с ваших глаз. Но это нормально.
4. Далее, нажимаем на слое с девочкой правой кнопкой мыши и выбираем пункт «Создать обтравочную маску» .

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

Фотошоп онлайн

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

1. Войдите в сервис online-fotoshop и откройте изображение с вашего компьютера, а именно ту самую рамку, в которое вы затем вставите свое фото.
2. Далее, обязательно снимите замочек со слоя. Для этого нажмите на него левой кнопкуой мыши дважды. Это позволит нам удалить ненужную часть с картинки.
3. Теперь, выбираем любой инструмент выделения. Правда в онлайн фотошопе особо выбирать не приходится, так как здесь есть только прямоугольное выделение и обычное лассо. Пожалуй, здесь будет удобно использовать именно прямоугольное выделение.
4. А дальше, зажав левую кнопку мыши в одном углу углубления, протяните его в противоположный угол. Таким образом у вас должно будет выделено это самое углубление.
5. После этого тут же нажмите кнопку DELETE, чтобы удалить сердцевину. Часть картинки в центре должна будет стать прозрачной.
6. Теперь, выберите в меню «Файл» — «Открыть изображение» и найдите фото, которое вы хотите использовать внутри. Я возьму ту же самую девочку. Но только фотка откроется в другом документе. Чтобы перетащить ее на документ с рамкой зажмите левую кнопку мышки на миниатюре слоя с девочкой и просто перенесите на нужный нам слой, где мы уже поработали.
7. Как видите, картинка перенеслась слишком уж маленькой. Чтобы увеличить ее, выберите в меню пункт «Редактировать» — «Free Transform» .
8. Теперь, потяните ее за угол, чтобы увеличить фото в размерах. Только обязательно зажмите клавишу SHIFT, чтобы после увеличения сохранились все пропорции. Тяните до того момента, пока вам не будет достаточно, либо пока фото не будет перекрывать рамку.
9. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.

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

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

Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!

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

Обводка фотографии

Самый простой способ того, как сделать рамку в Фотошопе, связан с использованием свойств слоя.

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

• Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
• Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Ins >

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

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

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

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи». Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

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

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

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

После применения команды размер холста увеличится и новые области будут прозрачными. Осталось только заполнить их нужным цветом.

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

После этого просто заливаем новый слой нужным цветом.

Вставка фотографии в рамку

В качестве последнего способа рассмотрим, как сделать красивую рамку в Фотошопе. На стоках и бесплатных ресурсах можно найти довольно много разных рамок для фотографий. Они могут быть в формате PNG или PSD. Но при обращении к подобным ресурсам обязательно проверяйте лицензию на конкретный файл с рамкой. Она может подразумевать просто бесплатное использование или же непременное указание автора.

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию. Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

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

Как сделать рамку вокруг фотографии в Фотошопе

В данной статье мы рассмотрим, каким образом можно украсить фотографии и изображения в программе Photoshop, добавив вокруг них рамки разных видов.

Обычная рамка с прямыми линиями

1. Для начала нужно открыть фотографию в программе, вокруг которой мы хотим добавить рамку. После этого нажимаем сочетание клавиш Ctrl+A, чтобы выделить фото.
2. Заходим в меню “Выделение”, в котором требуется выбрать инструмент “Граница” (группа “Модификация”).
3. В открывшемся окне указываем желаемый размер рамки и жмем OK.
4. На боковой панели инструментов выбираем “Прямоугольную область”.
5. Щелкаем правой кнопкой мыши по выделенной области и в раскрывшемся контекстном меню останавливаемся на варианте “Выполнить обводку”.
6. В окне обводки выполняем настройки на свое усмотрение и щелкаем OK.
7. Рамка добавлена. Теперь выделение можно снять, нажав комбинацию Ctrl+D.

Рамка с закругленными углами

1. Чтобы скруглить края фото, на боковой панели инструментов выбираем “Прямоугольник со скругленными углами”.
2. В левой части верхней панели выбираем “Контур”.
3. На той же панели инструментов справа выбираем радиус скругления.
4. Создаем контур, после чего щелкаем внутри него правой кнопкой мыши и раскрывшемся меню выбираем выделение области.
5. В значении радиуса растушевки ставим цифру 0 и жмем OK.
6. Получаем следующий результат.
7. Теперь нужно инвертировать выделенную область. Для этого нажимаем комбинацию клавиш Ctrl+Shift+I.
8. Создаем новый слой в палитре.
9. Выбираем инструмент “Заливка” и окрашиваем выделенную область с помощью него в любой понравившийся цвет.
10. Снимаем выделение (Ctrl+D) и можем оценить полученный результат.

Рамки с рваными краями

1. Выполняем те же действия, что и при создании обычной рамки (шаги 1-3).
2. Далее активируем режим быстрой маски нажатием клавиши Q (или можно нажать специальную кнопку внизу панели инструментов).
3. Холст должен после этого выглядеть примерно так.
4. Открываем меню “Фильтр”, где выбираем пункт “Галерея фильтров”.
5. В группе “Штрихи” нам нужен фильтр под названием “Аэрограф”. Выставляем параметры (как нам нравится) и жмем OK.
6. Должен получиться примерно следующий результат.
7. Деактивируем режим маски (тем же способам, которым включили его).
8. Не снимая выделение создаем новый слой.
9. Выполняем заливку выделения любым цветом.
10. Жмем Ctrl+D, чтобы снять выделение.

Рамка с многоступенчатым переходом

1. Выбрав инструмент “Прямоугольная область” выполняем выделение, а затем инвертируем его нажатием клавиш Ctrl+Shift+I.
2. Активируем режим быстрой маски (клавиша Q или специальный значок на панели инструментов).
3. Заходим в меню “Фильтр” и выбираем “Фрагмент” (группа “Оформление”). Выполняем это действие несколько раз.
4. Должно получиться примерно следующее.
5. Отключаем режим быстрой маски (так же, как включили), создаем новый слой и заливаем (с помощью инструмент “Заливка”) выделенную область цветом, который считаем наиболее подходящим.
6. Все готово, можно снять выделение (Ctrl+D) и оценить полученный результат.

Заключение

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

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

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

Автор Стив Паттерсон.

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

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

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

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

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как создать рамку фотографии в Photoshop

В этом уроке я использую Photoshop CC, но подойдет любая последняя версия Photoshop. Вы также можете следить за моим видео этого урока на нашем канале YouTube.Или загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

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

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

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

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

.

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

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

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

Переход к изображению> Размер холста.

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

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

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

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

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

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

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

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

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

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

.

Идем в Edit> Undo Canvas Size.

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

Чтобы залить границу цветом, мы воспользуемся одним из слоев заливки Solid Color в Photoshop. На панели «Слои» щелкните значок New Fill или Adjustment Layer внизу:

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

Затем выберите Solid Color из списка:

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

Шаг 6. Выберите белый цвет в качестве цвета границы фотографии.

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

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

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

Слой заливки закрывает изображение.

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

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

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

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

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

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

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

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

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

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

Затем моя рамка мгновенно становится черной:

Та же рамка, теперь черная.

Как выбрать цвет границы изображения

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

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

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

.

Граница фотографии теперь лучше сочетается с изображением.

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

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

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

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

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

Шаг 10: Добавьте стиль слоя «Обводка»

Затем щелкните значок Layer Styles (значок «FX»):

Щелкните значок «FX» на панели «Слои».

И выберите Ход из списка:

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

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

Параметры обводки.

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

Обводка появляется между фотографией и рамкой.

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

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

Щелкните образец цвета обводки.

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

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

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

.

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

Шаг 12: Отрегулируйте размер штриха

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

Точная настройка размера штриха.

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

Последний эффект «фото границы».

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

границ и рамок Photoshop — Матовая рамка для фотографий

Как создать матовую фоторамку

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

Первое, что нам нужно сделать для создания матовой рамки, это продублировать фоновый слой. Если вы недавно открыли свое изображение в Photoshop, как и я, вы увидите на панели «Слои», что фоновый слой в настоящее время является единственным слоем в документе:

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

Чтобы дублировать его и одновременно назвать новый слой, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре, когда вы нажимаете на фоновый слой и перетаскиваете его на Значок нового слоя внизу панели слоев:

Нажмите и удерживайте Alt (Win) / Option (Mac) и перетащите фоновый слой на значок нового слоя.

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

Присвоение имени новому слою в диалоговом окне «Дублировать слой».

Копия фонового слоя теперь появляется на новом слое с именем «фотография» над оригиналом:

Панель «Слои», показывающая новый слой «фото».

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

Щелкните по фоновому слою на панели «Слои», чтобы он снова стал активным:

Выбор фонового слоя.

Шаг 3. Добавьте больше холста вокруг изображения

Давайте добавим белую рамку вокруг изображения, которая будет служить матом между рамкой и фотографией, и мы сделаем это с помощью команды Photoshop Canvas Size. Поднимитесь к меню Image в строке меню в верхней части экрана и выберите Canvas Size :

.

Переход к изображению> Размер холста.

Откроется диалоговое окно «Размер холста». Сначала убедитесь, что для параметра Relative установлено значение , отмеченное .Это позволит нам начать с нашего текущего размера холста и добавить к нему дополнительное пространство:

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

При установленном флажке «Относительный» введите объем холста, который вы хотите добавить для коврика, в поля Ширина и Высота , используя более простой тип измерения (обычно пикселей или дюймов ). Решая, сколько места нужно добавить, имейте в виду, что любое значение, которое вы вводите для ширины, будет , разделенное между левой и правой сторонами .Так, например, ввод значения 2 дюйма, как я собираюсь сделать, добавит 1 дюйм пространства слева и 1 дюйм справа. То же самое и со значением высоты. Он делит между верхним и нижним , поэтому ввод 2 дюйма для высоты добавит 1 дюйм пространства вверху и 1 дюйм внизу. Фактические значения, которые вы вводите, будут во многом зависеть от размера вашего изображения, поэтому, хотя я устанавливаю значения ширины и высоты на 2 дюйма, вы можете обнаружить, что меньшие или большие значения работают лучше:

Введите необходимое количество дополнительного пространства холста.

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

Выберите центральный квадрат сетки привязки и установите белый цвет расширения холста.

Нажмите «ОК», когда закончите, чтобы закрыть диалоговое окно «Размер холста». В этот момент Photoshop добавляет дополнительное пространство вокруг изображения, создавая нашу белую подложку.Если вы обнаружите, что добавили слишком много или слишком мало места, просто нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить это, затем вернитесь к Image > Размер холста и попробуйте еще раз с другими значениями ширины и высоты:

.

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

Шаг 4: переименуйте фоновый слой

Так как мы используем фоновый слой в качестве мата, давайте дадим этому слою более информативное имя. Дважды щелкните непосредственно на имени «Фон» на панели «Слои». Откроется диалоговое окно New Layer . Введите «mat» в качестве нового имени слоя, затем нажмите «ОК»:

Диалоговое окно «Новый слой».

Photoshop изменяет название слоя с «Фон» на «мат»:

Недавно переименованный слой «мат».

Шаг 5. Добавьте новый слой

Затем мы добавим еще один новый слой, на этот раз для удержания рамки. Выбрав слой «мат», нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок New Layer в нижней части панели «Слои»:

Щелкните значок «Новый слой», удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac).

Это снова открывает диалоговое окно «Новый слой». Назовите новый слой «рамка», затем нажмите OK:

.

Присвоение имени новому слою.

Между слоями «фото» и «мат» появляется новый пустой слой с именем «рамка»:

Слой «рамка» добавляется между двумя предыдущими слоями.

Шаг 6: Залейте новый слой белым цветом

Перейдите в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка». Мы собираемся временно заполнить слой «рамка» белым цветом, поэтому установите для параметра Use в верхней части диалогового окна значение White . Убедитесь, что для двух других параметров установлены значения по умолчанию ( Mode установлен на Normal и Opacity установлен на 100% ), затем нажмите OK:

Установка для параметра «Использования» значения «Белый» в диалоговом окне «Заливка».

Кажется, что в документе ничего не произошло, но если мы посмотрим на эскиз предварительного просмотра слоя «рамка» на панели «Слои», мы увидим, что слой фактически был залит белым цветом:

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

Шаг 7. Применение стиля слоя «Обводка»

Далее, чтобы нарисовать рамку, мы воспользуемся парой стилей (эффектов) слоя Photoshop. Щелкните значок Layer Styles (значок «fx») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Stroke из появившегося списка стилей слоя:

Выбор стиля слоя «Обводка».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка».Мы хотим, чтобы наша рамка была чёрной , а это значит, что нам нужно, чтобы обводка была чёрной. Если для обводки еще не задан черный цвет, щелкните образец цвета справа от слова Цвет:

Щелкните образец цвета обводки, если он еще не установлен на черный.

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

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

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

Установка положения внутри и увеличение значения размера.

Вот как выглядит мой документ с обводкой по внешним краям. Пока не закрывайте диалоговое окно «Стиль слоя». У нас есть еще один стиль:

Обводка создает основную рамку.

Шаг 8: нанесите стиль слоя Bevel & Emboss

Давайте добавим нашему кадру глубины, используя другой стиль слоя Photoshop — Bevel & Emboss. Пока диалоговое окно «Стиль слоя» все еще открыто, щелкните непосредственно на слове Bevel & Emboss в верхней части списка стилей слева.Убедитесь, что вы нажимаете сами слова , а не только внутри флажка, иначе параметры для Bevel & Emboss не появятся:

Щелкнув прямо на слове Bevel & Emboss.

Средний столбец диалогового окна «Стиль слоя» изменится на параметры «Фаска и тиснение». Нам нужно применить этот эффект непосредственно к обводке, которую мы добавили на предыдущем шаге, и мы можем сделать это, изменив параметр Style вверху с Inner Bevel (настройка по умолчанию) на Stroke Emboss :

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

Затем измените параметр Technique прямо под ним с Smooth на Chisel Hard . Затем установите значение Size на то же значение, которое вы использовали для размера штриха на предыдущем шаге. Для меня это было 80 пикселей . Если вы не помните точное значение, которое вы использовали, ничего страшного. Просто следите за своим документом, перетаскивая ползунок размера вправо, и убедитесь, что вы установили его достаточно высоко, чтобы эффект тиснения охватил всю толщину штриха:

Изменение техники на «Жесткое долото» и установка размера в соответствии с размером штриха.

Вот как должна выглядеть рамка, но мы еще не закончили:

Рамка после применения первой из настроек Bevel & Emboss.

Вернувшись в параметры Bevel & Emboss, измените значение Angle в разделе Shading на 120 ° , чтобы свет, казалось, светил на рамку слева вверху:

Изменение угла на 120 °.

Давайте сделаем еще пару корректировок освещения. Внизу внизу находятся некоторые параметры для регулировки яркости и тени эффекта.Уменьшите значение Highlight Opacity с 75% (настройка по умолчанию) до 50% . Возможно, вы даже захотите пойти немного ниже этого. Это затемнит самые яркие участки кадра:

Уменьшение непрозрачности подсветки до 50%.

Затем, чтобы осветлить более темные области (которые на данный момент являются чисто черными), сначала измените Shadow Mode с Multiply на Screen, затем нажмите на образец цвета рядом с ним, чтобы изменить цвет тени:

Изменение режима тени на экран и щелчок по образцу цвета.

Когда откроется палитра цветов , выберите белый в качестве нового цвета тени (я знаю, я знаю … белый для тени ?? Просто поверьте мне в этом), затем нажмите OK:

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

Почему мы выбрали белый цвет в качестве цвета тени? Это потому, что нам на самом деле не нужна тень, поскольку наша рамка уже чисто черная. Вместо этого нам нужен второй блик, и, изменив режим тени с Multiply на Screen, а затем изменив его цвет с черного на белый, мы фактически превратили тень в блик! Теперь, когда в качестве нового цвета используется белый цвет, понизьте значение Shadow Opacity с 75% до примерно 10-20% .Я разделю разницу и установлю 15%. Части рамы, которые раньше были чисто черными, теперь будут казаться немного ярче, открывая некоторые детали в углах, где встречаются части рамы:

Понижение значения непрозрачности тени.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style. Вот как должна выглядеть рамка:

Рама со всеми примененными настройками Bevel & Emboss.

Узнайте больше о пяти основных режимах наложения, которые должен знать каждый пользователь Photoshop!

Шаг 9. Растеризация стилей слоя

Затем мы добавим тень к кадру.Для этого нам сначала нужно удалить все на слое, кроме самого кадра. И чтобы сделать , что , нам нужно растеризовать наших двух стилей слоя, по существу сглаживая (объединяя) их на слой как обычные пиксели. Щелкните правой кнопкой мыши (Win) / Щелкните (Mac), удерживая клавишу Control, на слое «рамка»:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control, в любом месте, кроме эскиза предварительного просмотра.

В открывшемся меню выберите Rasterize Layer Style :

Выбор «Растеризовать стиль слоя».

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

Панель «Слои» после растеризации стилей слоя.

Шаг 10: Выберите инструмент Magic Wand Tool

Выберите инструмент Magic Wand Tool на панели инструментов.По умолчанию он вложен в инструмент Quick Selection Tool , поэтому для доступа к нему нажмите и удерживайте инструмент Quick Selection Tool, пока не появится всплывающее меню, затем выберите в меню Magic Wand Tool:

Выбор инструмента «Волшебная палочка».

Шаг 11. Отключите «Образец всех слоев»

Вверху на панели параметров убедитесь, что в параметрах Sample All Layers в не установлен флажок (выключен). Это ограничит наш выбор только содержимым слоя «рамка»:

Параметр «Образец всех слоев».Убедитесь, что он выключен.

Шаг 12: Выберите белую область и удалите ее

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

Щелкните значок видимости для слоя «рамка».

Затем щелкните инструментом Magic Wand Tool в любом месте белой области , чтобы выбрать его. Вы увидите контур выделения вокруг внешних краев. Теперь выделено все, кроме рамки:

Щелчок инструментом Magic Wand Tool внутри белой области.

Выделив белую область, нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить ее. Та же самая область теперь будет заполнена прозрачностью, обозначенной шаблоном шахматной доски.Остается только сама рама:

Белая область исчезла.

Нам больше не нужен контур выделения, поэтому, чтобы удалить его, перейдите в меню Select вверху экрана и выберите Deselect . Или просто нажмите Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Собираюсь Выбрать> Отменить выбор.

Затем, чтобы снова включить другие слои в документе, вернув фотографию и белый коврик, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните рамку » значок видимости слоя:

Нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните тот же значок видимости.

Шаг 13: Добавьте падающую тень

Щелкните еще раз на значке Layer Styles в нижней части панели Layers:

Щелкните значок «Стили слоя».

Выберите Drop Shadow снизу списка:

Выбор эффекта слоя «Тень».

Откроется диалоговое окно «Стиль слоя» с параметрами «Тень». Во-первых, уменьшите Непрозрачность тени с 75% (значение по умолчанию) до 50-60% , чтобы она не была такой интенсивной.Оставьте Угол равным 120 ° , чтобы направление освещения осталось таким же, каким оно было при создании кадра. Затем отрегулируйте значения Distance и Size по мере необходимости для вашего изображения. Distance контролирует, насколько далеко тень появляется от ее источника (кадра), а Size контролирует мягкость тени. Я оставлю для своего расстояния значение по умолчанию 5 пикселей , но увеличу значение размера до 10 пикселей :

Параметры Drop Shadow.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style. Теперь вы должны увидеть довольно мягкую тонкую тень вдоль верхнего и левого внутренних краев кадра:

Рамка с наложенной тенью.

Шаг 14: Добавьте новый слой

Мы закончим нашу рамку рисунка, добавив вторую, меньшую рамку вокруг фотографии, создав эффект двойной матовой поверхности. Еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните значок New Layer в нижней части панели Layers:

Нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните значок «Новый слой».

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

Назовите новый слой «внутренняя тень».

Между слоями «рамка» и «фотография» появляется новый пустой слой с именем «внутренняя тень»:

Photoshop добавляет слой «внутренняя тень» над слоем «рамка».

Шаг 15: Выберите инструмент Rectangular Marquee Tool

Возьмите инструмент Rectangular Marquee Tool с панели инструментов:

Выбор инструмента «Прямоугольная область».

Шаг 16. Нарисуйте выделение вокруг фотографии

С помощью инструмента Rectangular Marquee Tool растяните прямоугольное выделение вокруг фотографии, сделав его немного больше, чем сама фотография. Начните с нажатия выше и слева от верхнего левого угла фотографии, затем, удерживая кнопку мыши нажатой, перетащите по диагонали чуть ниже и справа от нижнего правого угла, оставляя одинаковое количество пространства по всем четырем сторонам. . Если вам нужно переместить контур выделения во время его рисования, нажмите и удерживайте пробел , перемещайте выделение с помощью мыши, затем отпустите клавишу пробела и продолжайте перетаскивание:

Сохраняйте равное пространство вокруг фотографии при выделении.

Шаг 17: Залейте выделение белым цветом

Перейдите в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Когда откроется диалоговое окно «Заливка», установите для параметра « Использовать » значение Белый , если это еще не сделано, затем нажмите «ОК»:

Повторная установка опции использования на белый.

Заливает выделение белым цветом на слое «внутренняя тень». Вы еще не сможете увидеть его в документе, но вы, , можете, , увидеть его на миниатюре предварительного просмотра слоя :

На миниатюре предварительного просмотра выделенная область теперь залита белым.

Нам больше не нужен контур выделения, поэтому перейдите в меню Select и выберите Deselect или нажмите Ctrl + D (Win) / Command + D (Mac) на клавиатуре, чтобы быстро удалить:

Собираюсь Выбрать> Отменить выбор.

Шаг 18: примените эффект слоя внутреннего свечения

Чтобы создать эту вторую границу, все, что нам нужно сделать, это применить тонкую внутреннюю тень к области, которую мы только что залили белым (поэтому мы назвали этот слой «внутренней тенью»).Photoshop действительно включает стиль слоя Inner Shadow, мы не собираемся его использовать, потому что он создаст тень только вдоль двух из четырех сторон (аналогично тому, как Drop Shadow выглядит на кадре). Вместо этого мы создадим нашу собственную внутреннюю тень, используя другой стиль слоя — Inner Glow.

Щелкните значок Layer Styles в нижней части панели Layers:

Щелкните значок «Стили слоя».

Выберите Inner Glow из списка:

Выбор стиля слоя Inner Glow.

Когда откроется диалоговое окно Layer Style, измените Blend Mode в верхней части опций Inner Glow с Screen на Multiply. Это превращает свечение в тень, или, по крайней мере, оно станет, когда мы также изменим его цвет:

Изменение режима наложения на умножение.

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

Щелкните образец цвета.

Выберите черный , затем нажмите OK, чтобы закрыть палитру цветов:

Изменение цвета внутреннего свечения на черный.

Это создает тонкую рамку вокруг фотографии:

Тень появляется вокруг области, которую мы залили белым.

Вы можете немного увеличить значение Size , чтобы немного смягчить тени. Я увеличу свой до 10 пикселей :

Увеличение значения размера.

Наконец, уменьшите значение Opacity до примерно 15-20% , чтобы тень выглядела очень слабой и едва различимой:

Понижение значения непрозрачности.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style, и все готово! Вот моя последняя матовая рамка после увеличения размера и уменьшения непрозрачности:

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

Как использовать инструмент «Рамка» в Photoshop CC 2019

Photoshop CC 2019 представляет инструмент «Рамка», новейшее дополнение к панели инструментов.

Инструмент «Рамка» позволяет создавать заполнители изображений, в которые можно добавлять изображения позже. Он очень похож на инструмент «Рамка» в Adobe InDesign.

Как работают рамки в Photoshop?

Frames — это новый тип слоя на панели слоев. Вы можете думать о них как о контейнере, в котором хранится контент.

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

Рамки предназначены специально для изображений. Вы можете добавлять смарт-объекты, но не фигуры, текст или другое содержимое.

Необходимое время: 3 минуты.

Следуйте этим инструкциям, чтобы создать изображения-заполнители с помощью нового инструмента «Рамка» в Photoshop CC 2019.

1. Выберите инструмент «Рамка»

   Вы можете выбрать инструмент «Рамка» на панели инструментов Photoshop или нажав клавишу K на клавиатуре.

2. Выберите форму рамки на панели параметров

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

3. Щелкните и перетащите, чтобы создать фрейм-заполнитель

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

4. Перетаскивание изображений во фрейм

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

5. Замена изображений из кадров

   Вы можете заменить изображение в кадре, перетащив на него новое изображение.

Как выбрать фрейм или содержимое в фрейме

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

• Один щелчок по содержимому выбирает и фрейм, и содержимое.
• Двойной щелчок по содержанию выбирает только содержание.
  • Второй двойной щелчок в этом состоянии вернется к выбору фрейма и содержимого.
• Однократный щелчок по границе фрейма активирует фрейм.

Примечание 1 : Нет дескрипторов преобразования для масштабирования кадра и содержимого вместе. Однако вы можете изменить размер отдельно.

Примечание 2 : После масштабирования содержимого внутри фрейма невозможно автоматически «подогнать содержимое под фрейм»
.

Кадры из изображений

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

Рамки из текстовых слоев или фигур

Вы можете преобразовать любую существующую фигуру или текстовый слой в рамку.

На панели слоев щелкните правой кнопкой мыши слой с фигурой или текстом и выберите « Convert to Frame ».

Фреймы и панель свойств

Вставить изображение

• Найти на Adobe Stock: Открывает в вашем браузере веб-сайт Adobe Stock.
• Открытые библиотеки : открывает панель «Библиотеки».
• Поместить с локального диска — встроенный : открывает окно «Поместить». Выбранное изображение будет встроено в документ фотошопа.
• Место с локального диска — встроенный: Открывает окно Поместить. Выбранное изображение станет справочным файлом.

Ход

Этот параметр позволяет обвести рамку обводкой.

Вы можете выбрать цвет обводки, ширину в пикселях и выравнивание обводки (внутри, по центру или снаружи).

Layer Comp

Если ваше изображение-заполнитель представляет собой смарт-объект с композицией слоев, вы можете использовать раскрывающийся список «Композиция слоев», чтобы выбрать композицию, которая была определена в исходном файле.

Layer Comps часто используются дизайнерами для создания нескольких композиций (или композиций) макета страницы для демонстрации клиентам. Layer Comps позволяют создавать, управлять и просматривать несколько версий макета в одном файле Photoshop.

Композиция слоев — это просто снимок состояния панели «Слои».Композиции слоев записывают три типа параметров слоя:

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

Эта функция позволяет изменять состояние смарт-объекта на уровне слоя без редактирования смарт-объекта.

Команда

• Редактировать содержимое :
• Преобразовано в связанный :
• Встроено :

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

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

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

Посмотреть видео

Ступеньки

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

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

Шаг 1

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

Выбор «Преобразовать в смарт-объект»

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

Символ смарт-объекта

Step 2

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

Выбор инструмента «Прямоугольник со скругленными углами»

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

Настройка параметров инструмента «Прямоугольник со скругленными углами (слой-фигура)»

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

Рисуем прямоугольник с закругленными углами поверх изображения

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

Шаг 3

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

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

Использование опций выравнивания

Шаг 4

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

Шаг 5

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

Выбор опции «Создать обтравочную маску» Быстрый доступ: добавление обтравочной маски

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

Шаг 6a

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

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

Выбор значка «Создать новый слой»

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

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

Выбор «Узор» в диалоговом окне «Заливка»

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

Щелчок по значку «Пользовательский шаблон» (красная стрелка: дополнительные шаблоны)

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

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

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

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

Регулировка пера

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

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

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

Фоторамка с использованием выкройки Photoshop

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

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

Выбор параметра «Заменить содержимое»

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

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

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

Шаг 6b

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

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

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

Выбор опции «Дублировать слой»

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

Диалоговое окно «Дублировать слой»

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

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

Небольшое фоновое изображение, используемое для фонового кадра Перетаскивание ручки управления Free Transform для изменения размера изображения

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

Последняя фоторамка

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

Бонусные чаевые

• Попробуйте добавить Bevel and Emboss к фоновому изображению, а Drop Shadow и Bevel and Emboss к слою векторной маски. Поэкспериментируйте с эффектами слоев и повеселитесь!

• Если вы ищете программный продукт, который добавляет рамки к вашим изображениям, обратите внимание на Perfect Photo Suite 8 от One Software.Он полон полезных функций и имеет множество встроенных рамок и эффектов.

Окончательное изображение с эффектами слоев

Окончательное изображение с эффектами слоя

Как добавить рамку в Photoshop

от Alexandra Bateman 24 сентября 2020 г.

Как сделать ваше изображение выделяющимся? Ответ может быть таким же простым, как добавление рамки в Photoshop CC!

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

В этом уроке мы рассмотрим:

• Типы границ в Photoshop
• Самые простые способы добавления границы в Photoshop
• Шаги по добавлению границы в Photoshop
• Лучшие уроки по добавлению границы в Photoshop

Конечно, это руководство будет полезно только в том случае, если у вас уже есть Photoshop, загруженный на ваш компьютер! Вы можете получить Photoshop через Adobe Creative Cloud Plan всего за 9 долларов.99 / мес. Этот план также включает Lightroom для всех ваших потребностей в редактировании фотографий!

Типы границ в Photoshop

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

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

В Photoshop можно настроить каждый аспект сплошной границы, включая ее ширину, цвет и узор заливки. Хотя это называется «сплошной рамкой», вы можете заполнить сплошную границу градиентом или узором вместо сплошного цвета.

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

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

Photoshop также помогает создавать пользовательские границы, если вам нужно нечто большее, чем сплошная рамка вокруг изображения. Используя инструмент «Кисть» Photoshop, вы можете создать любую настраиваемую границу, какую захотите.

Например, вы можете использовать кисть, похожую на мел, чтобы нарисовать классную доску границы вокруг вашего изображения.Или вы можете выбрать кисть с узором в виде листьев, чтобы создать границу из падающих листьев для вашей фотографии. Благодаря обширной библиотеке кистей Photoshop выбор действительно за вами!

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

Самые простые способы добавления границы в Photoshop

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

Теперь, когда вы знаете, какие виды границ может создавать Photoshop, давайте поговорим о том, как создать свою собственную рамку.

Какие самые простые способы добавить рамку в Photoshop?

Создание сплошной границы

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

В рамках этого урока я буду работать с неотредактированной фотографией:

Если вы добавляете границу к отредактированной фотографии с несколькими слоями, сначала убедитесь, что сгладит ваши слои .

Чтобы выровнять слои в Photoshop CS или CC, выберите все активные слои на панели «Слои» в нижней правой части рабочего пространства. Затем щелкните правой кнопкой мыши и выберите Flatten Image из раскрывающегося меню.

Ваше рабочее пространство будет выглядеть так:

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

Имя слоя изменится после того, как вы нажмете на замок. Теперь ваша фотография будет содержаться в «Слое 0». Не стесняйтесь переименовать этот слой, как хотите.

Затем вам нужно увеличить холст, чтобы было место для границы. Выберите Изображение >> Размер холста в верхней части панели инструментов Photoshop.

В появившемся диалоговом окне обязательно отметьте Relative .Затем введите желаемую ширину границы. В данном случае я решил создать 2-дюймовую рамку вокруг фотографии.

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

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

Создание пользовательской границы в Photoshop

Если простая рамка не для вас, не бойтесь! Инструмент «Кисть » в Photoshop CS упрощает создание настраиваемой границы.

Откройте фотографию в Photoshop:

Еще раз оставлю это фото неотредактированным. Если вы работаете с более чем одним слоем, Flatten их сейчас.

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

Чтобы создать маску, щелкните значок Adjustment Layer внизу панели «Слои». Затем выберите Solid Color из появившихся опций.

Выберите цвет рамки.

После того, как вы выбрали цвет, обратите внимание, что цвет созданного вами корректирующего слоя изменяется в соответствии с ним.

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

Теперь вы готовы нарисовать собственную рамку. Для этого мы будем использовать инструмент «Кисть » в Photoshop . Щелкните значок кисти , чтобы открыть каталог кистей Photoshop. Найдите кисть, которая соответствует вашему видению.

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

Используя кисть, закрасьте маску белым цветом, чтобы скрыть края фотографии.

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

Моя граница выглядит так:

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

Я взял образец сине-зеленого цвета с фотографии, используя палитру цветов для этой границы:

Поэкспериментируйте с цветом границы, пока не получите Радуйтесь, тогда экспортируют вашу фотографию.Сохраните файл Photoshop, чтобы вы могли редактировать границу в будущем.

Шаги по добавлению границы в Photoshop

Шаги по добавлению границы в Photoshop зависят от типа границы, которую вы хотите окружить своей фотографией.

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

1. Откройте фотографию в Photoshop CC
2. Выровняйте отредактированную фотографию
3. Разблокируйте слой, содержащий вашу фотографию
4. Перейти к Image >> Размер холста
5. В появившемся диалоговом окне нажмите Относительный
6. Импортируйте размеры границы
7. Выберите цвет границы рядом с Цвет расширения холста
8. Нажмите ОК
9. Сохраните Photoshop файл, чтобы вы могли редактировать границу в будущем.

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

1. Откройте фотографию в Photoshop
2. Полное редактирование фотографий
3. Сведите отредактированную фотографию в плоский
4. Создайте сплошной слой из Новая кнопка заливки / корректирующего слоя
5. Выберите цвет для границы
6. Инвертируйте слой маска
7. Выберите кисть для границы
8. Нарисуйте белым цветом на черной маске, чтобы создать границу
9. Сохраните файл Photoshop

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

Лучший учебник по добавлению границы в Photoshop

Какой лучший учебник по добавлению границы в Photoshop? Если вы практический ученик, то лучший способ — это попрактиковаться. Но в Интернете есть множество отличных руководств по добавлению границ к вашей фотографии в Photoshop CC.

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

• Из этого видео-урока вы узнаете, как добавить рамку к фотографии, которую вы планируете опубликовать в Instagram.
• Этот учебник поможет вам использовать палитру цветов в Photoshop для создания границы.
• Следуйте этому руководству, чтобы узнать, как размыть края фотографии перед добавлением границы для еще более интересного вида.

Загрузите Photoshop с помощью Creative Cloud Plan от Adobe, чтобы создавать интересные рамки для всех своих фотографий.

Дайте нам знать в комментариях ниже, как выглядят ваши границы Photoshop! Следуйте за нами на Twitter и Facebook , чтобы получить больше уроков по Photoshop и советов по редактированию фотографий.

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото и видео галереи всего за несколько кликов, чтобы они могли демонстрировать и продавать свои работы.

Полное руководство по добавлению границы в Photoshop

Вы сделали идеальное фото, но чего-то не хватает. Добавление границы — отличный способ выделить ваше изображение и сделать его ярким!

Использование Photoshop для добавления рамки к фотографии быстрее и проще, чем вы думаете.Кроме того, есть несколько рамок Photoshop на выбор, так что вы можете добавить индивидуальный стиль! Читайте дальше, чтобы узнать, как добавить границу с помощью Photoshop.

Как создать сплошную границу

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

Шаг 1. Откройте изображение в Photoshop

Перед добавлением рамки в Photoshop убедитесь, что вы отредактировали свою фотографию, если хотите.Если редактирование не требуется, переходите к третьему шагу.

Шаг 2. Сглаживание отредактированного изображения

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

Шаг 3. Разблокируйте слой вашего изображения

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

Щелкните на панели слоев (внизу справа) и найдите свою фотографию. Рядом с фото должен появиться небольшой замок. Нажмите на замок.

После того, как вы выберете слой с фотографией, он должен появиться как «Слой 0», но вы можете его переименовать.

Шаг 4. Отрегулируйте размер холста изображения для соответствия границам

Теперь нужно освободить место для границы. Перейдите в раздел Изображение (вверху панели инструментов) и нажмите Размер холста в раскрывающемся меню.

Шаг 5. Правильное заполнение диалогового окна

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

Шаг 6: Выберите размеры границы

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

Шаг 7. Выберите цвет границы

Наконец, вы хотите выбрать цвет границы.Внизу диалогового окна «Размер холста» находится «Цвет расширения холста» рядом с раскрывающимся списком с параметрами цвета. Щелкните по желаемому цвету.

Шаг 8: Нажмите ОК

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

Как создать собственную рамку в Photoshop

Тебе скучно на равнине? Если вы хотите сделать шаг вперед, попробуйте настроить рамку в Photoshop.

Шаг 1. Откройте изображение в Photoshop

.

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

Шаг 1а. Отредактируйте свою фотографию

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

Шаг 1б. Сглаживание отредактированного изображения

Не забывайте выравнивать слои.Если вы забыли, как это сделать, см. Шаг два в том, как добавить простую границу.

Шаг 2. Создайте сплошной слой

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

Нажмите кнопку «Корректирующий слой» в нижней части панели «Слои» в Photoshop. На панели слоев должно появиться меню с несколькими вариантами выбора.

Шаг 3. Выберите цвет границы

В меню «Корректирующий слой» на панели «Слои» выберите «Сплошной цвет».Выберите цвет для границы. Этот цвет должен применяться ко всему слою.

Шаг 4. Инвертируйте слой-маску.

Не паникуйте, потому что все ваше изображение — одноцветное! Это всего лишь слой, и ваша фотография все еще там. Просто дважды щелкните маску (цветной слой) и выберите Control + I или Command + I. В этот момент происходят две вещи: ваша маска становится черной, и вы снова можете видеть свое изображение.

Шаг 5. Выберите кисть для рисования границы

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

Шаг 6. Нарисуйте границу на изображении

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

Когда вы будете удовлетворены внешним видом границы, нажмите «Сохранить», чтобы сохранить изменения.

Создание границы в стиле гранж в Photoshop

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

Шаг 1. Выберите изображение горизонта

Неважно, городской или природный снимок. Откройте файл в фотошопе.

Шаг 2. Подготовка изображения для создания границы в стиле гранж

Правильно, вы используете изображение Skyline для создания гранжевой границы. В верхнем меню нажмите на изображение и выберите «Коррекция», затем «Порог». Установите очень высокое значение порога для создания черно-белого изображения.

Шаг 3. Откройте новый пустой холст

Выберите изображение (используйте Control / Command + A) и скопируйте его (Control / Command + C). Вставьте изображение (Control / Command + V) на новый пустой холст.

Шаг 4. Преобразуйте изображение горизонта

В верхнем меню выберите Правка. Выберите в меню «Свободное преобразование» и сожмите все черно-белое изображение до одного из краев. У вас есть одна грань вашей границы в стиле гранж.

Шаг 5. Дублируйте изображение горизонта на другие слои

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

Шаг 6. Создайте границу

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

Шаг 7: Смешайте слои

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

Не забывайте сохранять свою работу!

Как использовать границы в стиле гранж

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

Откройте файл рамки. В верхнем меню выберите «Файл», затем «Поместить», а затем выберите свою фотографию.Photoshop изменяет размер и вставляет вашу фотографию в файл границы. Возможно, вам придется внести некоторые незначительные изменения вручную, перетащив края (удерживайте нажатой клавишу Shift при использовании инструмента Transform).

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

Как добавить границу с помощью Photoshop Elements

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

Шаг 1. Подготовка изображения

Откройте изображение в Photoshop Elements. Используйте меню «Выбрать», чтобы выбрать «все», или попробуйте сочетания клавиш (Command-A для Mac и Control-A для ПК). Он должен выделить всю вашу фотографию в рамку из пунктирных линий.

Шаг 2. Откройте диалоговое окно «Штрих»

Щелкните меню Правка. Выберите «Выбор обводки (контура)». У вас есть три раздела в диалоговом окне, но нам нужно беспокоиться только о двух штрихах и местоположении.

Шаг 3: Установите желаемые обводку и цвет

Начните с установки хода. Вы можете выбрать ширину обводки и предпочитаемый цвет. Ширина может варьироваться от 1 до 250.

Чтобы выбрать цвет, отличный от черного, просто щелкните черный прямоугольник, затем «выберите цвет обводки», и появится новое диалоговое окно. Выберите нужный цвет и нажмите ОК.

Шаг 4. Выберите «Местоположение»

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

Шаг 5: Сохраните изменения

Выбрав обводку, цвет и местоположение, нажмите «ОК».

Шаг 6: Отмените выбор

Возможно, вам не нужна пунктирная линия вокруг изображения, поэтому вам нужно отменить выбор изображения. Используйте Command-D на Mac или Control-D на ПК, чтобы избавиться от пунктирной линии.

Необязательный шаг 7. Измените размер и / или цвет границы

Если вам не нравится граница, вы все равно можете вносить изменения в меню «Правка».Нажмите «Вернуть» и повторяйте шаги с первого по третий, пока не создадите границу, которая вам нравится.

Последние мысли о создании границ в Photoshop

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

Создайте рамку для вашей фотографии в Photoshop CC

от
Криста Лав

·

Опубликовано 18 мая 2015 г.
· Обновлено 17 февраля 2021 г.

В

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

Поэкспериментируйте со стилями слоя для создания уникальной рамки

1. Откройте новый документ в Adobe Photoshop CC.
2. Вставьте фотографию по вашему выбору. В меню File выберите Place Embedded . Выберите изображение и нажмите «Поместить».
3. Разместите фотографию на странице. Измените размер фотографии, щелкнув и перетащив угловой маркер.
4. Когда фотография будет выглядеть так, как вам нравится, щелкните инструмент COMMIT на панели параметров (он выглядит как галочка).
5. Создайте новый слой. На панели «Слои» нажмите инструмент Create a new layer (он выглядит как лист бумаги внизу панели «Слои»).
6. Дважды щелкните новый слой и переименуйте его в Frame . Слой Frame должен быть ВЕРХНИМ. Если это не так, перетащите его ВВЕРХ на панели «Слои».

Создайте новый слой. Переименуйте его в КАДР.

7. Выберите слой Frame. Щелкните инструмент Custom Shape Tool на панели инструментов.
8. На панели параметров выберите ФОРМА, а затем выберите цвет заливки, цвет обводки, толщину обводки и стиль обводки.
9. Щелкните стрелку «Пользовательская форма» на панели параметров.

Щелкните стрелку «Форма» на панели параметров.

10. Щелкните элемент выбора меню Custom Shape (он выглядит как шестеренка).
11. Выберите Frames из списка. Если вас попросят заменить текущие фигуры, нажмите ОК.

Отображение пользовательских форм рамок.

12. Щелкните и перетащите, чтобы нарисовать рамку на изображении. Нажмите COMMIT, когда вам это нравится. СОВЕТ. Чтобы изменить размер или переместить фрейм, щелкните инструмент «Перемещение» на панели «Инструменты».
13. Сделайте кадр великолепно выглядящим, настроив стиль слоя. В меню Layer выберите Layer Style . Выберите Satin .
14. Поэкспериментируйте с режимом наложения, непрозрачностью, углом, расстоянием, размером и контуром, чтобы создать уникальный дизайн. Чтобы восстановить его, нажмите «Восстановить по умолчанию».

Изучите параметры стиля слоя Satin.

15. Дважды щелкните имя любого стиля в ЛЕВОЙ части диалогового окна, чтобы применить еще больше стилей слоя. Вот несколько идей:

• Bevel & Emboss — Выберите Inner Bevel для создания уникального 3D-эффекта.Отрегулируйте контур и текстуру, чтобы рамка выглядела великолепно!
• Outer Glow — выберите нормальный режим наложения и измените непрозрачность на 100%. Выберите БЕЛЫЙ. Отрегулируйте Spread и Size, чтобы все выглядело так, как будто они соприкасаются внутри рамки.

Наслаждайтесь изучением стилей слоев, чтобы сделать вашу рамку уникальной!

Изучите стили слоя.

Есть много идей по использованию Photoshop CC в технологическом проекте TechnoKids TechnoPhotoshop CC. Удачного редактирования фотографий!

Теги: стиль фоторедакторафотошоп cc

Криста Лав

Криста Лав, разработчик учебных программ и преподаватель
~
Я увлечен добавлением технологий в учебную программу.Будь то программирование, производство видео, графический дизайн или цифровое гражданство, меня интересует, как приложения и инструменты могут быть использованы для улучшения обучения. На протяжении многих лет я разработал множество технологических проектов TechnoKids. Моя любимая часть разработки учебной программы — это проверка идей на местах, чтобы определить упражнения, которые лучше всего работают в реальных классах. Я пишу о том, что я узнал, что может сэкономить учителям время при планировании их собственной учебной программы.

Вам также может понравиться…

.