Как создать теневую границу в Photoshop

Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙

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

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

Начните с открытия фотографии. В примере будет использовано это изображение из Adobe Stock:

Как создать теневую границу в Photoshop
Исходное изображение открыто в Photoshop

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

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

Как создать теневую границу в Photoshop
Панель слоев Photoshop отображает изображение на фоновом слое.

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

Или, если вы используете более старую версию Photoshop и нажатие на значок замка не работает, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните значок замка:

Как создать теневую границу в Photoshop
Разблокируйте фоновый слой.

Photoshop переименует слой из «Фон» в «Слой 0», и значок замка исчезнет:

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

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

Для создания границы изображения мы будем использовать слой-заливку «Сплошной цвет».

Щелкните значок «Новый слой заливки или корректирующего слоя»  в нижней части панели «Слои»:

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

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

Как создать теневую границу в Photoshop
Добавьте слой заливки сплошным цветом.

Затем в палитре цветов выберите белый цвет, установив значения R, G и B на 255. Сейчас мы будем использовать белый цвет в качестве цвета границы и позже покажем, как его изменить. Когда закончите, нажмите «ОК» :

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

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

Как создать теневую границу в Photoshop
Результат после добавления слоя заливки сплошным цветом.

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

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

Как создать теневую границу в Photoshop
Перетащите слой заливки «Сплошной цвет» под изображение на панели слоев Photoshop.

Отпустите кнопку мыши, чтобы поместить его на место:

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

А теперь вернемся к просмотру изображения со скрытым за ним слоем заливки:

Как создать теневую границу в Photoshop
Изображение снова отображается в документе Photoshop.

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

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

Перейдите в меню «Изображение» на панели меню и выберите «Размер холста» :

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

Шаг 6: Увеличьте ширину и высоту холста.

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

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

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

Затем введите размеры границы в поля Ширина и Высота. Но помните, что введенные вами значения будут разделены поровну между двумя сторонами. Так, например, если ввести значение ширины 2 дюйма , то с левой и правой сторон фотографии будет создана граница шириной 1 дюйм. А если ввести значение 2 дюйма для параметра «Высота» , то сверху и снизу будет создана граница шириной 1 дюйм.

Для приведенного в качестве примера изображения рамка шириной в 1 дюйм будет немного широковата. Было бы неплохо иметь рамку шириной 3/4 дюйма. Таким образом, чтобы добавить границу шириной 3/4 дюйма с левой и правой сторон фотографии, вам нужно установить ширину в два раза больше, что составит 1,5 дюйма. А чтобы сохранить одинаковый размер границы везде, значение Height также необходимо установить на 1,5 дюйма.

Когда закончите, нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Размер холста» :

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

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

Как создать теневую границу в Photoshop
Граница изображения появляется после добавления пространства холста в Photoshop

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

Если граница слишком велика для размещения на экране, перейдите в меню «Вид» на панели меню и выберите «По размеру экрана» :

Как создать теневую границу в Photoshop
Выберите команду «По размеру экрана» в меню «Вид» Photoshop.

Как изменить размер границы

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

Как создать теневую границу в Photoshop
Выберите команду «Отменить размер холста» в меню «Правка» Photoshop.

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

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

Шаг 7: Выберите слой изображения.

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

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

Шаг 8: Добавьте эффект тени.

Затем нажмите на значок fx внизу:

Как создать теневую границу в Photoshop
Щелкните значок эффектов слоя на панели слоев Photoshop.

И выберите из списка «Тень» :

Как создать теневую границу в Photoshop

Шаг 9: Настройте параметры тени.

Параметры эффекта «Тень» открываются в диалоговом окне «Стиль слоя» программы Photoshop. А 3 основных параметра — это Угол, Расстояние и Размер . Угол управляет направлением источника света, расстояние определяет, насколько далеко тень простирается от объекта, а размер управляет мягкостью краев тени:

Как создать теневую границу в Photoshop
Параметры угла, расстояния и размера для падающей тени в диалоговом окне «Стиль слоя» в Photoshop

Параметры угла и расстояния

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

В этом примере тень перетаскивается вниз и вправо:

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

Или вы можете ввести конкретные значения угла и расстояния. В этом примере угол будет установлен на 135 градусов, а расстояние — на 80 пикселей. Необходимые вам значения, особенно «Расстояние» и «Размер», будут зависеть от вашего изображения:

Как создать теневую границу в Photoshop
Введите значения угла и расстояния в диалоговом окне.

Вот результаты на данный момент:

Как создать теневую границу в Photoshop
Результат после настройки угла и расстояния тени.

Варианты размеров

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

Как создать теневую границу в Photoshop
Установите значение размера для тени.

А вот результат, края теперь стали мягче:

Как создать теневую границу в Photoshop
Результат после увеличения значения параметра «Размер тени» для смягчения краев.

Параметр непрозрачности

Вы также можете отрегулировать интенсивность тени с помощью ползунка «Непрозрачность». Более высокие значения непрозрачности затемнят тень, а более низкие значения осветлят тень. В этом примере значение уменьшится на 30%:

Как создать теневую границу в Photoshop
Осветлите тень, уменьшив значение непрозрачности.

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

Как создать теневую границу в Photoshop
Закройте диалоговое окно «Стиль слоя» Photoshop.

А вот результат после снижения непрозрачности тени:

Как создать теневую границу в Photoshop
Оригинальный эффект теневой границы.

Как настроить цвет границы и тень

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

Шаг 10: Дважды щелкните по образцу цвета слоя заливки.

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

Как создать теневую границу в Photoshop
Дважды щелкните образец цвета слоя заливки сплошным цветом.

Шаг 11: Образец нового цвета границы из изображения

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

Примером может служить нажатие на плечо женщины:

Как создать теневую границу в Photoshop
Образец цвета границы с изображения.

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

Вот результат с новым цветом границы:

Как создать теневую границу в Photoshop
Результаты применения пользовательского цвета рамки фотографии в Photoshop.

Шаг 12: Повторно откройте настройки Drop Shadow.

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

Как создать теневую границу в Photoshop
Повторно откройте эффект слоя «Тень» на панели «Слои» в Photoshop.

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

Как создать теневую границу в Photoshop
Щелкните образец цвета «Тень» в диалоговом окне «Стиль слоя» в Photoshop.

Шаг 13: Образец нового цвета тени с изображения

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

Как создать теневую границу в Photoshop
Выбирает цвет из изображения для использования в качестве цвета тени.

Шаг 14: Отрегулируйте яркость и насыщенность цвета.

Цвет тени должен быть темным и очень насыщенным. Поэтому, прежде чем закрыть палитру цветов, увеличьте значение насыщенности (S) цвета до 100% или близкого к этому числу.

Затем затемните цвет, уменьшив значение яркости (B) цвета. В этом примере значение будет уменьшено до 30%, чтобы тень не выглядела слишком темной, но вы можете захотеть сделать ее еще темнее в зависимости от вашего изображения:

Как создать теневую границу в Photoshop
Увеличивает насыщенность и уменьшает яркость выбранного цвета.

Нажмите «ОК» , чтобы закрыть палитру цветов, и все готово! Вот окончательный результат с использованием пользовательской границы и нового цвета тени:

Как создать теневую границу в Photoshop
Границы и тени изображения используют пользовательские цвета из изображения.

Видеоурок о том, как создать теневую границу в Photoshop

Sign up and earn $1000 a day ⋙

Leave a Comment

Не ИИ, а Actions — это функция Photoshop, которую любят пользователи

Не ИИ, а Actions — это функция Photoshop, которую любят пользователи

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

Как создать эффект отражения в воде с помощью генеративной заливки в Photoshop

Как создать эффект отражения в воде с помощью генеративной заливки в Photoshop

Благодаря функции Generative Fill, работающей на основе технологии искусственного интеллекта Adobe под названием Firefly, любой желающий может добавить к своим фотографиям реалистичные эффекты отражения в воде, просто выделив область, набрав несколько слов и нажав кнопку.

Как мгновенно преобразовать черно-белые фотографии в высококонтрастные в Photoshop

Как мгновенно преобразовать черно-белые фотографии в высококонтрастные в Photoshop

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

Почему Photoshop более ценен для творцов, чем Canva Pro?

Почему Photoshop более ценен для творцов, чем Canva Pro?

Простота Canva делает ее любимым инструментом для многих. С другой стороны, Photoshop не для слабонервных — у него много функций и его изучение требует много времени.

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

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

Фотографию можно легко поместить в любую форму: от простого прямоугольника или круга до причудливых нестандартных фигур.

Как использовать фильтр «Масляная краска» в Photoshop, чтобы превратить фотографию в картину

Как использовать фильтр «Масляная краска» в Photoshop, чтобы превратить фотографию в картину

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

Как сделать текст прозрачным в фотошопе

Как сделать текст прозрачным в фотошопе

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

Почему горизонтальные вкладки в браузерах лучше вертикальных?

Почему горизонтальные вкладки в браузерах лучше вертикальных?

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

Последние легенды о скоростных кодах и как вводить коды

Последние легенды о скоростных кодах и как вводить коды

Коды Legends of Speed ​​обычно постоянны. Однако в некоторых случаях они будут иметь ограничения, такие как лимиты на вход или ограничения по времени кода.

Все последние подарочные коды Loạn Dầu Chiến Binh и инструкции по их использованию.

Все последние подарочные коды Loạn Dầu Chiến Binh и инструкции по их использованию.

Игровой код Loạn Dầu Manga дает игрокам обычные вращения, бриллианты, серебро, золото, сундуки с наградами, ценные предметы...

Блокнот скоро будет поддерживать автоматическое резюмирование заметок с использованием ИИ

Блокнот скоро будет поддерживать автоматическое резюмирование заметок с использованием ИИ

Эта новая функция является частью обновления Блокнота версии 11.2501.29.0.

Три причины, по которым люди продолжают пользоваться Netflix, несмотря на высокую стоимость подписки

Три причины, по которым люди продолжают пользоваться Netflix, несмотря на высокую стоимость подписки

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

Как создать монохромный цветовой эффект в Photoshop

Как создать монохромный цветовой эффект в Photoshop

В этом уроке вы узнаете, как быстро и просто добавить монохромный цветовой эффект к изображению с помощью Adobe Photoshop.

Как создать теневую границу в Photoshop

Как создать теневую границу в Photoshop

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

Реклама заставляет людей меньше пользоваться социальными сетями

Реклама заставляет людей меньше пользоваться социальными сетями

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

Настройте Honkai Star Rail на своем телефоне

Настройте Honkai Star Rail на своем телефоне

После настройки Honkai Star Rail на телефоне вам понадобится смартфон среднего класса, чтобы иметь возможность без проблем пользоваться Honkai Star Rail на iOS и Android.

Последний код Funtap Goddess Legend

Последний код Funtap Goddess Legend

Давайте рассмотрим полный набор подарочных кодов для Legend of Goddess — игры, которая только что вышла.

Видео: Крупный план ужасающей мощи суперракеты, которая в XV веке выпустила 100 стрел одновременно

Видео: Крупный план ужасающей мощи суперракеты, которая в XV веке выпустила 100 стрел одновременно

Что такое Хвачха? В этой статье вы узнаете, что же такого есть в машине «Хвачха», что ее так боится японская армия.

Крупный план процесса трансформации человеческого тела после смерти.

Крупный план процесса трансформации человеческого тела после смерти.

Каковы стадии после смерти? В этой статье вы узнаете о процессе разложения трупа.

Что такое PAI на Mi Band 5? Как использовать ПАИ?

Что такое PAI на Mi Band 5? Как использовать ПАИ?

Начиная с Mi Band 5, Xiaomi добавила функцию измерения индекса тела PAI. Так что же это за индекс? Как этим пользоваться?

Последний кодекс завещания Хаширы

Последний кодекс завещания Хаширы

Код Will of Hashira предназначен для новичков в игре, желающих получить награды, в том числе деньги, драгоценные камни, билеты призыва персонажей, опыт героя...

Несовместимость систем в Pokemon GO

Несовместимость систем в Pokemon GO

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