如何在 Photoshop 中建立陰影邊框

本教學將向您展示如何在 Photoshop 中為照片添加畫布空間和陰影,以創建簡單而時尚的照片邊框。我們首先創建一個具有白色輪廓和黑色陰影的基本效果。然後,本教學將向您展示如何透過直接從照片本身選擇邊框顏色和陰影來自訂效果。

步驟 1:在 Photoshop 中開啟影像

首先打開您的照片。此範例將使用來自 Adob​​e 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 的 Canva 尺寸對話框中選擇「相對」選項和中間的「錨點」框

然後,在寬度高度欄位中輸入邊框的尺寸。但請記住,您輸入的值將在雙方之間平均分配。因此,例如,輸入 2 英吋的寬度將在照片的左側和右側建立 1 英吋的邊框。輸入 2 英吋的高度將在頂部和底部創建 1 英吋的邊框。

對於範例圖像,1 英吋的邊框有點寬。 3/4 英吋的邊框就很好了。因此,要在照片的左側和右側添加 3/4 英吋的邊框,您需要將寬度設定為該值的兩倍,即 1.5 英吋。並且為了使邊框在任何地方都保持相同的大小,高度也需要設定為 1.5 英吋。

完成後按一下「確定」關閉「畫布大小」對話框:

如何在 Photoshop 中建立陰影邊框
在「畫布大小」對話方塊的「寬度」和「高度」欄位中輸​​入圖像邊框的尺寸。

Photoshop 在影像周圍增加了額外的畫布空間,從而創建了照片邊框。儘管額外的空間實際上是透明的,但它顯示為白色,因為影像下方的純色填充圖層顯示出來:

如何在 Photoshop 中建立陰影邊框
在 Photoshop 中新增畫布空間後出現影像邊框

如何調整螢幕上的影像邊框

如果邊框太大,不適合螢幕,請前往選單列​​中的「檢視」選單,然後選擇「適合螢幕」

如何在 Photoshop 中建立陰影邊框
從 Photoshop 的「檢視」選單中選擇「適合螢幕」指令。

如何更改邊框大小

Photoshop 的「畫布大小」命令的缺點是,在接受新尺寸之前無法預覽它。因此,如果邊框太寬或太窄,請前往「編輯」功能表並選擇「撤銷畫布大小」

如何在 Photoshop 中建立陰影邊框
從 Photoshop 的「編輯」選單中選擇「撤銷畫布大小」指令。

然後返回“圖像”選單,返回“畫布大小” ,使用不同的“寬度”“高度”值再試一次:

如何在 Photoshop 中建立陰影邊框
從 Photoshop 的圖像選單中重新選擇畫布大小指令

步驟 7:選擇影像圖層

我們已經添加了邊框,現在我們需要添加陰影。在“圖層”面板中,按一下圖像圖層以選擇它:

如何在 Photoshop 中建立陰影邊框
在 Photoshop 的「圖層」面板中選擇影像圖層

步驟 8:新增陰影效果

然後點擊底部的fx圖示:

如何在 Photoshop 中建立陰影邊框
點選 Photoshop 圖層面板中的圖層效果圖示

並從清單中選擇“陰影” :

如何在 Photoshop 中建立陰影邊框

步驟 9:調整陰影設定

陰影選項會在 Photoshop 的「圖層樣式」對話方塊中開啟。三個主要選項是角度、距離大小角度控制光源的方向,距離是陰影從主體延伸的距離,大小控制陰影邊緣的柔和度:

如何在 Photoshop 中建立陰影邊框
Photoshop 圖層樣式對話方塊中陰影的角度、距離和大小選項

角度和距離選項

設定陰影的角度和距離的最快方法是點擊文件內部,按住滑鼠按鈕,然後拖曳陰影來定位它。隨著拖曳,對話方塊中的角度和距離值將會改變。

這裡的範例是將陰影向下和向右拖曳:

如何在 Photoshop 中建立陰影邊框
拖曳陰影來設定角度和距離。

或者您可以輸入特定的角度和距離值。此範例將角度設定為 135 度,距離設定為 80 像素。您所需要的值,特別是距離和尺寸,將取決於您的圖像:

如何在 Photoshop 中建立陰影邊框
在對話方塊中輸入角度和距離值。

目前的結果如下:

如何在 Photoshop 中建立陰影邊框
設定陰影的角度和距離後的結果。

尺寸選項

然後增加尺寸值來柔化陰影邊緣。該範例將值設為 60 像素,但這也取決於您的影像:

如何在 Photoshop 中建立陰影邊框
設定陰影的大小值。

現在邊緣變得更柔和了:

如何在 Photoshop 中建立陰影邊框
增加陰影大小值以柔化邊緣後的結果。

不透明度選項

您也可以使用不透明度滑桿調整陰影的強度。較高的不透明度值將使陰影變暗,較低的值將使陰影變亮。此範例將使值降低 30%:

如何在 Photoshop 中建立陰影邊框
透過降低不透明度值來使陰影變亮。

如果對結果滿意,請按一下「確定」關閉「圖層樣式」對話方塊:

如何在 Photoshop 中建立陰影邊框
關閉 Photoshop 的圖層樣式對話框。

這是降低陰影不透明度後的結果:

如何在 Photoshop 中建立陰影邊框
原始陰影邊框效果。

如何自訂邊框顏色和陰影

至此,主要效果已經完成。我們在圖像周圍添加了邊框,並在圖像後面添加了陰影。但我們不必使用白色邊框和黑色陰影,而是可以透過直接從照片中選擇顏色來客製化效果。以下是操作方法。

步驟 10:雙擊填滿圖層顏色樣本

若要變更邊框顏色,請在「圖層」面板中雙擊填滿圖層的顏色樣本:

如何在 Photoshop 中建立陰影邊框
雙擊純色填滿圖層的色板。

步驟 11:從影像中取樣新的邊框顏色

這將重新打開顏色選擇器。但是,您不需要從顏色選擇器本身選擇新顏色,而是將滑鼠遊標移到影像上,然後按一下一種顏色進行取樣。

例如點擊女人的肩膀:

如何在 Photoshop 中建立陰影邊框
從影像中取樣邊框顏色。

您採樣的顏色立即成為新的輪廓顏色。您可以繼續單擊圖像的不同區域來找到最佳的顏色匹配。完成後,按一下“確定”關閉“顏色選擇器”。

這是將邊框設為新顏色後的結果:

如何在 Photoshop 中建立陰影邊框
使用 Photoshop 中的自訂照片邊框顏色的結果。

步驟 12:重新開啟陰影設定

然後,若要為陰影選擇新顏色,請雙擊影像圖層下方的「陰影」圖層效果:

如何在 Photoshop 中建立陰影邊框
在 Photoshop 的「圖層」面板中重新開啟「陰影」圖層效果

然後在「圖層樣式」對話方塊中,按一下陰影顏色樣本:

如何在 Photoshop 中建立陰影邊框
按一下 Photoshop 圖層樣式對話方塊中的「陰影」顏色樣本

步驟 13:從影像中取樣新的陰影顏色

顏色選擇器開啟後,將滑鼠遊標移到影像上,然後按一下一種顏色進行取樣。例如點擊女人的肩膀:

如何在 Photoshop 中建立陰影邊框
從影像中取樣一種顏色作為陰影顏色。

步驟14:調整顏色的亮度和飽和度

陰影顏色需要深且高度飽和。因此,在關閉顏色選擇器之前,將顏色的飽和度 (S) 值增加到 100% 或接近該數字。

然後,透過降低顏色的亮度 (B)值來使顏色變暗。此範例將值降低到 30%,因此陰影看起來不會太暗,但您可能希望根據影像使其變得更暗:

如何在 Photoshop 中建立陰影邊框
增加飽和度並降低採樣顏色的亮度。

按一下「確定」關閉顏色選擇器,您就完成了!以下是使用自訂邊框和新陰影顏色的最終結果:

如何在 Photoshop 中建立陰影邊框
影像邊框和陰影使用影像中的自訂顏色。

關於如何在 Photoshop 中建立陰影邊框的影片教學

Sign up and earn $1000 a day ⋙

Leave a Comment

如何在 Photoshop 中建立單色效果

如何在 Photoshop 中建立單色效果

本教學將向您展示使用 Adob​​e Photoshop 為影像添加單色效果的快速簡便的方法。

為什麼「鏡頭模糊」是用於藝術照片編輯的 Photoshop 工具?

為什麼「鏡頭模糊」是用於藝術照片編輯的 Photoshop 工具?

Adobe 的鏡頭模糊工具可讓您輕鬆查看照片,並為您的照片添加深度和焦點。

不是 AI,而是使用者喜愛的 Photoshop 功能

不是 AI,而是使用者喜愛的 Photoshop 功能

Photoshop Actions 隱藏在應用程式中,是熱門照片編輯工具中備受喜愛的功能,旨在加快工作流程而無需 AI。

為什麼對大多數攝影師來說同時使用 Lightroom 和 Photoshop 是多餘的?

為什麼對大多數攝影師來說同時使用 Lightroom 和 Photoshop 是多餘的?

Lightroom 和 Adob​​e Photoshop 是兩種最好的照片編輯工具,雖然許多專業人士會同時使用這兩種工具,但如果您是業餘攝影師,則只需要 Lightroom。

如何在 Photoshop 中建立畫中畫效果

如何在 Photoshop 中建立畫中畫效果

本教學將向您展示如何使用 Adob​​e Photoshop 創建酷炫的畫中畫效果,即拍攝一張照片並營造出其中有同一張照片的較小裁剪版本的錯覺。

Photoshop 生成工作區成為 Adob​​e 最佳功能的 5 個理由

Photoshop 生成工作區成為 Adob​​e 最佳功能的 5 個理由

Generative Workspace 是 Adob​​e Max 2024 上宣布的頂級 AI 功能之一。它將成為您的生成式 AI 圖像和檔案的新家。

如何在 Photoshop 中使用生成填充創建水面倒影效果

如何在 Photoshop 中使用生成填充創建水面倒影效果

透過由 Adob​​e 的生成式 AI Firefly 提供支援的生成填充功能,任何人都可以透過繪製選擇、輸入幾個單字並點擊按鈕,為他們的照片添加逼真的水反射效果。

如何在 Photoshop 中將圖像貼到選區

如何在 Photoshop 中將圖像貼到選區

本教學將向您展示如何使用 Adob​​e Photoshop 中的「貼上到」命令複製圖像並將其貼上到另一個圖像的選取範圍中。

如何在 Photoshop 中立即將照片轉換為高對比黑白照片

如何在 Photoshop 中立即將照片轉換為高對比黑白照片

本教學將向您展示如何使用漸層映射在 Photoshop 中立即轉換高對比度黑白照片。

如何使用即時漸層快速將影像模糊為背景顏色

如何使用即時漸層快速將影像模糊為背景顏色

在本教學中,我們將介紹在 Photoshop 中將影像淡入背景顏色的最新、最簡單的方法,即使用即時漸層。

在 Photoshop 中使用字體瀏覽器功能的原因

在 Photoshop 中使用字體瀏覽器功能的原因

字體猶豫是真實存在的。只需點擊幾下即可獲得協助,因為 Adob​​e 在 Photoshop 中內建了省時功能。這是字體瀏覽器!

為什麼 Photoshop 對創作者來說比 Canva Pro 更有價值?

為什麼 Photoshop 對創作者來說比 Canva Pro 更有價值?

Canva 的簡單性使其成為許多人喜愛的工具。另一方面,Photoshop 並不適合膽小的人——它具有很多功能,需要很長時間才能學會。

Photoshop 的新 AI 工具可輕鬆消除窗戶眩光

Photoshop 的新 AI 工具可輕鬆消除窗戶眩光

Adobe 推出了一款新的 AI 工具,可以消除照片中惱人的反射。

如何在 Photoshop 中創造復古 3D 電影效果

如何在 Photoshop 中創造復古 3D 電影效果

使用這個快速簡便的 Photoshop 效果重現 20 世紀 50 年代經典 3D 電影的外觀!

為什麼瀏覽器中的水平標籤比垂直標籤更好?

為什麼瀏覽器中的水平標籤比垂直標籤更好?

垂直標籤是最受歡迎的瀏覽器設計趨勢之一,但並非所有新事物都是好的。在所有可能的瀏覽器中嘗試了垂直選項卡之後,許多人仍然堅持使用水平選項卡。

最新速度傳奇代碼以及如何輸入代碼

最新速度傳奇代碼以及如何輸入代碼

速度傳奇代碼通常是永久性的。但在某些情況下,它們會有限制,例如進入限製或程式碼時間限制。

所有最新的 Loạn Dầu Chiến Binh 禮品代碼和兌換代碼的說明

所有最新的 Loạn Dầu Chiến Binh 禮品代碼和兌換代碼的說明

Loạn Dầu Manga 遊戲代碼為玩家提供一般旋轉、鑽石、銀、金、獎勵箱、貴重物品...

記事本即將支援使用 AI 自動進行筆記摘要

記事本即將支援使用 AI 自動進行筆記摘要

此新功能是記事本版本 11.2501.29.0 更新的一部分。

儘管訂閱價格高昂,人們仍繼續使用 Netflix 的 3 個原因

儘管訂閱價格高昂,人們仍繼續使用 Netflix 的 3 個原因

Netflix 再次提高價格,現在比以往更昂貴。然而,很多人並不打算很快取消訂閱 - 原因如下。

如何在 Photoshop 中建立單色效果

如何在 Photoshop 中建立單色效果

本教學將向您展示使用 Adob​​e Photoshop 為影像添加單色效果的快速簡便的方法。

如何在 Photoshop 中建立陰影邊框

如何在 Photoshop 中建立陰影邊框

本教學將向您展示如何在 Photoshop 中為照片添加畫布空間和陰影,以創建簡單而時尚的照片邊框。

廣告使人們減少使用社群媒體

廣告使人們減少使用社群媒體

廣告在社群媒體上隨處可見,包括影片和已經很短的社群媒體貼文之間。正是這些無所不在的廣告導致人們越來越少使用社群媒體平台。

在手機上配置崩壞星軌

在手機上配置崩壞星軌

有了手機上《崩壞星軌》的配置,你需要準備一部中階智慧型手機,才能夠在iOS和Android上流暢體驗《崩壞星軌》。

最新 Funtap 女神傳奇代碼

最新 Funtap 女神傳奇代碼

讓我們來探索剛發布的遊戲《女神傳奇》的全套禮包代碼。

影片:近距離觀察15世紀一次發射100支箭的超級火箭的恐怖威力

影片:近距離觀察15世紀一次發射100支箭的超級火箭的恐怖威力

什麼是 Hwacha?本文將為您揭開「花車」究竟有何魔力,讓日軍如此畏懼。

人體死亡後變化過程特寫

人體死亡後變化過程特寫

人死後會經歷哪些階段?本文將為您揭秘屍體腐爛的過程。

小米手環 5 上的 PAI 是什麼?如何使用PAI?

小米手環 5 上的 PAI 是什麼?如何使用PAI?

從小米手環5開始,小米加入了PAI身體指數測量功能。那麼這個指數是什麼呢?如何使用它?

柱法典最新遺囑

柱法典最新遺囑

柱之意志代碼是針對遊戲新手玩家提供的獎勵,包括金錢、寶石、角色召喚券、英雄經驗等…

Pokemon GO 的系統不相容問題

Pokemon GO 的系統不相容問題

在玩 Pokemon Go 時,玩家需要注意衝突系統,以確保在與其他 Pokemon 戰鬥時取得勝利。本文將為您提供不同類型的神奇寶貝的完整計數器,幫助您確保勝利。