Home
» Wiki
»
Как создать теневую границу в Photoshop
Как создать теневую границу в Photoshop
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
В этом уроке вы узнаете, как добавить пространство на холсте и тень к фотографии в Photoshop, чтобы создать простую, но стильную рамку для фотографии. Начнем с создания базового эффекта с белым контуром и черной тенью. Затем в руководстве будет показано, как настроить эффект, выбрав цвета границ и тени непосредственно на самой фотографии.
Шаг 1: Откройте изображение в Photoshop.
Начните с открытия фотографии. В примере будет использовано это изображение из Adobe Stock:
Исходное изображение открыто в Photoshop
Шаг 2: Разблокируйте фоновый слой.
На панели «Слои» изображение отображается на фоновом слое. На этом этапе фоновый слой заблокирован, на что указывает значок замка справа от имени слоя:
Панель слоев Photoshop отображает изображение на фоновом слое.
Чтобы добавить рамку вокруг изображения, нам нужно добавить новый слой под изображением. Но мы не можем этого сделать, когда фоновый слой заблокирован. Чтобы разблокировать, нажмите на значок замка.
Или, если вы используете более старую версию Photoshop и нажатие на значок замка не работает, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните значок замка:
Разблокируйте фоновый слой.
Photoshop переименует слой из «Фон» в «Слой 0», и значок замка исчезнет:
Фоновый слой был переименован и разблокирован.
Шаг 3: Добавьте слой заливки сплошным цветом
Для создания границы изображения мы будем использовать слой-заливку «Сплошной цвет».
Щелкните значок «Новый слой заливки или корректирующего слоя» в нижней части панели «Слои»:
Щелкните значок «Новый слой заливки» или «Корректирующий слой».
И выберите Сплошной цвет из списка:
Добавьте слой заливки сплошным цветом.
Затем в палитре цветов выберите белый цвет, установив значения R, G и B на 255. Сейчас мы будем использовать белый цвет в качестве цвета границы и позже покажем, как его изменить. Когда закончите, нажмите «ОК» :
Выберите белый цвет для рамки изображения в палитре цветов Photoshop.
Возвращаясь к документу, белый цвет слоя заливки временно скрывает изображение от просмотра:
Результат после добавления слоя заливки сплошным цветом.
Шаг 4: Переместите слой заливки под изображение.
Чтобы исправить это, щелкните слой заливки «Сплошной цвет» на панели «Слои» и перетащите его под изображение:
Перетащите слой заливки «Сплошной цвет» под изображение на панели слоев Photoshop.
Отпустите кнопку мыши, чтобы поместить его на место:
Панель слоев Photoshop отображает слой заливки сплошным цветом под изображением.
А теперь вернемся к просмотру изображения со скрытым за ним слоем заливки:
Изображение снова отображается в документе Photoshop.
Шаг 5: Откройте диалоговое окно «Размер холста».
Далее нам нужно добавить больше пространства на холсте вокруг изображения. Дополнительное пространство станет границей. А поскольку мы хотим, чтобы размер границы был одинаковым со всех четырех сторон, лучший способ сделать это — воспользоваться командой 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.
Шаг 7: Выберите слой изображения.
Мы добавили границу, теперь нам нужно добавить тень. На панели «Слои» щелкните по слою изображения, чтобы выбрать его:
Выберите слой изображения на панели слоев Photoshop.
Шаг 8: Добавьте эффект тени.
Затем нажмите на значок fx внизу:
Щелкните значок эффектов слоя на панели слоев Photoshop.
И выберите из списка «Тень» :
Шаг 9: Настройте параметры тени.
Параметры эффекта «Тень» открываются в диалоговом окне «Стиль слоя» программы Photoshop. А 3 основных параметра — это Угол, Расстояние и Размер . Угол управляет направлением источника света, расстояние определяет, насколько далеко тень простирается от объекта, а размер управляет мягкостью краев тени:
Параметры угла, расстояния и размера для падающей тени в диалоговом окне «Стиль слоя» в Photoshop
Параметры угла и расстояния
Самый быстрый способ задать угол и расстояние тени — просто щелкнуть внутри документа, удерживать кнопку мыши и перетаскивать тень, чтобы расположить ее. По мере перетаскивания значения угла и расстояния в диалоговом окне будут меняться.
В этом примере тень перетаскивается вниз и вправо:
Перетащите тень, чтобы задать угол и расстояние.
Или вы можете ввести конкретные значения угла и расстояния. В этом примере угол будет установлен на 135 градусов, а расстояние — на 80 пикселей. Необходимые вам значения, особенно «Расстояние» и «Размер», будут зависеть от вашего изображения:
Введите значения угла и расстояния в диалоговом окне.
Вот результаты на данный момент:
Результат после настройки угла и расстояния тени.
Варианты размеров
Затем увеличьте значение размера, чтобы смягчить края тени. В этом примере будет установлено значение 60 пикселей, но, опять же, это будет зависеть от вашего изображения:
Установите значение размера для тени.
А вот результат, края теперь стали мягче:
Результат после увеличения значения параметра «Размер тени» для смягчения краев.
Параметр непрозрачности
Вы также можете отрегулировать интенсивность тени с помощью ползунка «Непрозрачность». Более высокие значения непрозрачности затемнят тень, а более низкие значения осветлят тень. В этом примере значение уменьшится на 30%:
Осветлите тень, уменьшив значение непрозрачности.
Когда вы будете удовлетворены результатами, нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя» :
Закройте диалоговое окно «Стиль слоя» Photoshop.
А вот результат после снижения непрозрачности тени:
Оригинальный эффект теневой границы.
Как настроить цвет границы и тень
На этом основной эффект завершен. Мы добавили рамку вокруг изображения и тень позади изображения. Но вместо использования белой рамки и черной тени мы можем настроить эффект, выбрав цвета непосредственно с фотографии. Вот как это сделать.
Шаг 10: Дважды щелкните по образцу цвета слоя заливки.
Чтобы изменить цвет границы, дважды щелкните образец цвета слоя заливки на панели «Слои»:
Дважды щелкните образец цвета слоя заливки сплошным цветом.
Шаг 11: Образец нового цвета границы из изображения
Это снова откроет палитру цветов. Но вместо того, чтобы выбирать новый цвет непосредственно в палитре цветов, наведите курсор мыши на изображение и щелкните цвет, чтобы взять его образец.
Примером может служить нажатие на плечо женщины:
Образец цвета границы с изображения.
Выбранный вами цвет немедленно становится новым цветом контура. Вы можете продолжать нажимать на разные области изображения, чтобы найти наилучшее соответствие цветов. По завершении нажмите «ОК» , чтобы закрыть палитру цветов.
Вот результат с новым цветом границы:
Результаты применения пользовательского цвета рамки фотографии в Photoshop.
Шаг 12: Повторно откройте настройки Drop Shadow.
Затем, чтобы выбрать новый цвет тени, дважды щелкните эффект слоя «Тень» под слоем изображения:
Повторно откройте эффект слоя «Тень» на панели «Слои» в Photoshop.
А в диалоговом окне «Стиль слоя» щелкните образец цвета тени:
Щелкните образец цвета «Тень» в диалоговом окне «Стиль слоя» в Photoshop.
Шаг 13: Образец нового цвета тени с изображения
После того, как откроется палитра цветов, наведите курсор мыши на изображение и щелкните по цвету, чтобы выбрать его образец. Примером может служить ответное нажатие на плечо женщины:
Выбирает цвет из изображения для использования в качестве цвета тени.
Шаг 14: Отрегулируйте яркость и насыщенность цвета.
Цвет тени должен быть темным и очень насыщенным. Поэтому, прежде чем закрыть палитру цветов, увеличьте значение насыщенности (S) цвета до 100% или близкого к этому числу.
Затем затемните цвет, уменьшив значение яркости (B) цвета. В этом примере значение будет уменьшено до 30%, чтобы тень не выглядела слишком темной, но вы можете захотеть сделать ее еще темнее в зависимости от вашего изображения:
Увеличивает насыщенность и уменьшает яркость выбранного цвета.
Нажмите «ОК» , чтобы закрыть палитру цветов, и все готово! Вот окончательный результат с использованием пользовательской границы и нового цвета тени:
Границы и тени изображения используют пользовательские цвета из изображения.
Видеоурок о том, как создать теневую границу в Photoshop