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

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

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

Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 3119 статей автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 3773 экспертных мнения Подписаться на Телеграм-канал
Обложка: Как сделать рамку вокруг фотографии в Фотошопе: поля, обводка и паспарту

Самая простая рамка вокруг фотографии в Фотошопе делается через холст: «Изображение» → «Размер холста», галочка «Относительно», в поля «Ширина» и «Высота» по 80 пикселов, цвет полей в меню «Цвет расширения холста», затем «ОК». Фото останется целым, а вокруг появятся поля по 40 пикселов с каждой стороны. Тонкую линию по краю кадра даёт «Редактирование» → «Обводка», а рамку-окно, в которую потом вставляют снимок, рисует инструмент «Кадр».

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

CheckroiCheckroiПодборка курсов по Adobe Photoshop458 курсов • 46 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

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

Какой способ рамки выбрать

Рой добавляет белую рамку вокруг пейзажа в графическом редакторе

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

Что нужно Способ Что меняется в файле
Белые или цветные поля вокруг снимка «Изображение» → «Размер холста» холст становится больше, фото не трогается
Тонкая линия по краю кадра «Редактирование» → «Обводка» линия рисуется пикселами поверх края
Рамка, которую можно перекрасить позже стиль слоя «Обводка» эффект висит на слое и правится в любой момент
Окно-рамка для коллажа или макета инструмент «Кадр» фото встаёт внутрь фигуры как смарт-объект
Паспарту: тонкая линия плюс широкие поля два прохода «Размера холста» холст растёт дважды

Рамка вокруг фото через «Размер холста»

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

  1. Откройте фото и выберите «Изображение» → «Размер холста».
  2. Поставьте галочку «Относительно». Теперь в полях пишется не итоговый размер, а сколько добавить.
  3. Введите в «Ширину» и «Высоту» по 80 пикселов. Положительное число увеличивает холст.
  4. В схеме из девяти квадратов оставьте точку в центре, тогда поля разойдутся поровну на все стороны.
  5. В меню «Цвет расширения холста» выберите «Белый», «Черный», «Серый» или «Другие», если нужен свой оттенок.
  6. Нажмите «ОК».
Меню «Изображение» в браузерном аналоге Фотошопа с командой «Размер холста»
Рамку вокруг фото начинаем с меню «Изображение». Команда «Размер холста» стоит там же, где в Photoshop

Ширину рамки считать просто: добавленное число делится на две стороны. 80 пикселов к ширине дают по 40 слева и справа. Для фото шириной 1000 пикселов это заметная, но не тяжёлая рамка, для снимка в 4000 пикселов лучше брать 300–400.

Окно «Размер холста»: включена галочка «Относительный», ширина и высота по 80 пикселов
С включённой галочкой в поля пишется прибавка, а не итоговый размер. В Photoshop галочка называется «Относительно», ниже есть меню «Цвет расширения холста»

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

Поля вышли прозрачными: как их закрасить

Если вместо белых полей вы видите шахматную сетку, у файла нет фонового слоя. В справке Adobe об этом прямо сказано: меню «Цвет расширения холста» недоступно, если у изображения нет фонового слоя. Так бывает, когда фото лежит на обычном слое, например после удаления фона, и в Photopea.

Фото после увеличения холста: вокруг прозрачные поля в шахматную клетку
Холст вырос на 40 пикселов с каждой стороны, но поля прозрачные: у слоя нет фона, и закрасить их нечем

Решение: закрасить прозрачную полосу обводкой той же ширины.

  1. Сделайте белый цвет основным.
  2. Выделите всё изображение сочетанием Ctrl+A (на Mac Command+A).
  3. Выберите «Редактирование» → «Обводка».
  4. Поставьте ширину, равную полю с одной стороны (в нашем примере 40 пикселов), и расположение «Внутри».
Окно «Обводка»: размер 40 пикселов, расположение «Внутри», белый цвет
Ширина обводки равна полю с одной стороны, расположение «Внутри», основной цвет белый

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

Пейзаж с ровной белой рамкой по 40 пикселов с каждой стороны
Обводка закрыла ровно прозрачную полосу, сам снимок не тронут

Второй путь: создать под фото новый слой и залить его белым. Как это сделать, показано в инструкции как сделать заливку в Фотошопе.

Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединиться

Тонкая линия обводкой по краю кадра

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

  1. Выберите основной цвет, это и будет цвет рамки.
  2. Выделите всё изображение (Ctrl+A) или нужную область любым инструментом выделения.
  3. Откройте «Редактирование» → «Обводка».
  4. Укажите ширину в пикселах и параметр «Расположение».
  5. Нажмите «ОК».

От расположения зависит, будет ли рамка видна вообще:

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

Хотите рамку с отступом от края, как в фотоальбоме? Выделите прямоугольником область на 20–30 пикселов меньше кадра и обведите её «Внутри» или «По центру». Получится внутренняя рамка, а за ней останется полоска фото. Рамку со скруглёнными углами собирают так же, только выделение сначала скругляют, способы в материале как скруглить углы в Фотошопе.

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

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

  1. Выделите слой с фото на панели «Слои». Фоновый слой с замком сначала превратите в обычный.
  2. Нажмите fx в левом нижнем углу панели «Слои» и выберите «Обводка».
  3. Задайте «Размер» и «Положение»: «Снаружи», «Внутри» или «По центру».
  4. В меню «Тип заливки» выберите цвет, градиент или узор.

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

Стиль слоя и кадр остаются в файле отдельными слоями. Перед сохранением в JPG их можно свести, способы есть в статье как объединить слои.

Инструмент «Кадр»: рамка, в которую вставляется фото

Распечатанные фотографии в белых рамках и паспарту на рабочем столе

Для коллажей и макетов в Photoshop есть отдельный инструмент «Кадр». Он рисует фигуру, а снимок, помещённый внутрь, сам маскируется по её форме. Порядок из справки Adobe «Помещение изображения в кадр»:

  1. Возьмите инструмент «Кадр» и выберите форму на панели «Параметры».
  2. Протяните курсором по холсту, чтобы нарисовать кадр нужного размера.
  3. Выберите «Файл» → «Поместить встроенные». Фото встанет внутрь кадра как смарт-объект.
  4. Если файл получается тяжёлым, используйте «Поместить связанные»: снимок останется на диске, а в документе будет ссылка.

Дальше важно, куда щёлкать. По справке Adobe щелчок по изображению выделяет и кадр, и снимок, двойной щелчок выделяет только изображение, а щелчок по границе выделяет только кадр. Видимую рамку к кадру добавляют через fx → «Обводка», как описано в «Добавлении обводки к рамке».

Не путайте «Кадр» с инструментом «Рамка». В русском Photoshop инструмент «Рамка» отвечает за кадрирование. Ею тоже можно сделать поля: вытяните маркеры наружу за край снимка и нажмите Enter, холст вырастет, как сказано в справке Adobe о расширении холста этим инструментом. Обычная обрезка этим инструментом описана в инструкции как обрезать фото в Фотошопе.

Паспарту и рамка с широким низом

Рой радостно вешает на стену фото в паспарту с широким низом

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

  1. «Изображение» → «Размер холста», «Относительно», по 6 пикселов, цвет «Черный». Это линия вокруг фото.
  2. Ещё раз «Размер холста», по 120 пикселов, цвет «Белый». Это поля паспарту.
  3. Для широкого низа, как у старых фотокарточек, откройте окно в третий раз. Ширину не трогайте, в поле «Высота» впишите 60, а в схеме из девяти квадратов щёлкните верхний средний.

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

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

Ваня БуявецКанал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал

Частые ошибки и что с ними делать

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

Где освоить Photoshop системно

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

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Photoshop для архитекторов и дизайнеров интерьера
Перейти на сайт курса
SkillboxSkillbox36 018 ₽4844 ₽/мес.2 месяцаОбзор курса
Онлайн-курс Adobe Photoshop
Перейти на сайт курса
БруноямБруноям17 900 ₽1408 ₽/мес.1 месяцОбзор курса
Adobe Photoshop
Перейти на сайт курса
НИУДПО имени К.Д. Ушинского (НИИДПО)НИУДПО (НИИДПО)14 800 ₽3700 ₽/мес.7 недельОбзор курса
Графический дизайн Photoshop
Перейти на сайт курса
CoddyCoddy9200 ₽ - 2 месяцаОбзор курса
Adobe Photoshop
Перейти на сайт курса
НАРХСИНАРХСИ14 800 ₽2467 ₽/мес.2 месяцаОбзор курса

Больше программ — в полном каталоге курсов по Adobe Photoshop

Часто задаваемые вопросы

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

Откройте «Изображение» → «Размер холста», включите «Относительно», впишите одинаковое число в ширину и высоту и выберите «Белый» в меню «Цвет расширения холста». Если поля вышли прозрачными, выделите всё и сделайте белую обводку «Внутри» шириной в одно поле.

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

Нарисуйте окно инструментом «Кадр» и выберите «Файл» → «Поместить встроенные»: снимок встанет внутрь и обрежется по форме кадра. Если рамка готовая, в PNG с прозрачной серединой, положите фото отдельным слоем под слой рамки.

Как сделать рамку по контуру объекта?

Отделите объект от фона на свой слой, нажмите fx внизу панели «Слои» и выберите «Обводка» с положением «Снаружи». Рамка обойдёт силуэт, а толщину и цвет можно поменять в любой момент. Подробно приём разобран в инструкции по обводке картинки.

Почему пункт «Обводка» в меню неактивен?

Обычно потому, что выбранный слой оказался фигурой, текстом или смарт-объектом. Щёлкните по нему правой кнопкой и выберите «Растрировать слой», после этого «Редактирование» → «Обводка» заработает.

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

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

Можно ли сделать рамку бесплатно без Фотошопа?

Да, в браузерном редакторе Photopea есть те же команды: «Изображение» → «Размер холста» и «Редактирование» → «Обводка». Скриншоты к этой инструкции сделаны именно в нём, отличаются только некоторые подписи.

Читайте Checkroi первым в Google
Добавьте Checkroi в избранные источники — и наши разборы курсов и обзоры школ будут показываться выше в вашей выдаче Google.
Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!