如何在 Photoshop 中建立模糊邊框

暈影是一種經典而永恆的效果,它使照片的邊緣變暗,從而聚焦並吸引人們對主體的注意。暈影還可以為照片帶來復古或懷舊的感覺,或是增添神秘感或戲劇感。

借助 Photoshop 2023 中的即時漸變功能,創建暈影效果從未如此簡單。術語「即時漸變」意味著漸變的所有屬性(包括顏色、大小和位置)在繪製漸變後仍然可編輯。

透過將即時漸層的靈活性與 Photoshop 經典的前景到透明漸變相結合,我們可以添加暈影效果並完全控制該效果的外觀。

步驟 1:縮小影像

首先,縮小影像以在影像周圍添加一些空間。繪製漸層時我們需要空間。

若要縮小,請前往功能表列中的「檢視」功能表,然後選擇「縮小」指令。

如何在 Photoshop 中建立模糊邊框
轉到“視圖”>“縮小”。

您會看到照片周圍有一些灰色紙板區域。

如何在 Photoshop 中建立模糊邊框
Photoshop 縮小後的結果

第 2 步:選擇漸層工具

接下來,選擇工具列上的漸層工具。

如何在 Photoshop 中建立模糊邊框
從 Photoshop 工具列中選擇漸層工具。

步驟 3:將前景色設定為黑色

仍在工具列中,確保前景色設置為黑色。

如果沒有,請按下鍵盤上的D將前景色和背景色重設為預設值(前景色為黑色,背景色為白色)。

如何在 Photoshop 中建立模糊邊框
Photoshop 工具列中的前景色樣本。

步驟 4:將工具模式設定為漸變

然後,在選項列中,確保工具模式(Photoshop 2023 中的新功能)設定為漸變,這是預設值。

漸層是我們繪製即時漸變所需的設定。另一個選項「經典漸層」強制漸層工具的行為與 Photoshop 早期版本中的行為類似,這對我們的暈影效果不起作用。

如何在 Photoshop 中建立模糊邊框
工具模式需要設定為漸層。

步驟 5:選擇前景到透明漸變

為了創造暈影效果,我們需要 Photoshop 的前景到透明漸層。

因此按一下漸層色板以開啟漸層預設選擇器。

如何在 Photoshop 中建立模糊邊框
按一下漸層色板以在 Photoshop 中開啟漸層預設選擇器

旋轉開啟基本資料夾並選擇前景到透明漸變(中間的縮圖)。

然後在 Windows PC 上按Enter 鍵或在 Mac 上按 Return 鍵關閉預設選擇器。

如何在 Photoshop 中建立模糊邊框
在 Photoshop 中選擇前景到透明漸變

步驟 6:將漸層樣式設定為線性

漸層預覽列旁邊是漸層樣式圖示。

對於這種暈影效果,請選擇徑向樣式(左側第二個圖示),它將從中心向外繪製漸層。

如何在 Photoshop 中建立模糊邊框
在 Photoshop 中將漸層類型設定為「徑向」。

步驟 7:開啟反向選項

另外,在選項欄中,透過點選其複選框來啟用“反轉”選項。

如果跳過此步驟,暈影效果將無法運作。

如何在 Photoshop 中建立模糊邊框
反轉漸層的方向。

保持“抖動”啟用並將“方法”設為“感知”。兩者都是預設值。現在我們準備繪製漸層了。

如何在 Photoshop 中建立模糊邊框
Photoshop 中漸層工具的預設抖動和方法選項。

步驟 8:繪製徑向漸層以加入初始暈影效果

點選並按住想要出現暈影效果中心的影像。不必擔心放置是否正確,因為使用即時漸變,我們可以在繪製後重新定位漸變。

然後,按住滑鼠按鈕,從該位置拖曳以向外延伸漸變。

漸層的中心是透明的,當漸層在外緣逐漸變成黑色時,下面的影像就會顯現出來。

如何在 Photoshop 中建立模糊邊框
開始在整個影像上繪製從前景到透明的漸變。

如果您看到中間是黑色,邊緣是透明的,那是因為您忘記在上一步中啟用“反向”選項。因此,啟用此選項。

如何在 Photoshop 中建立模糊邊框
如果未選擇“反向”,則漸變會出現錯誤的方向。

然後繼續向外繪製漸層。您通常希望將漸層延伸到影像邊緣之外,以便角落不會顯得太暗(這就是在步驟 1 中縮小影像的原因)。

如何在 Photoshop 中建立模糊邊框
將漸層延伸到影像邊緣之外。

在「圖層」面板中,漸層出現在自己的「漸層填滿」圖層上。這使漸變和影像保持分離,以便我們接下來可以編輯漸變。

如何在 Photoshop 中建立模糊邊框
Photoshop 中的「圖層」面板顯示新的「漸層填滿」圖層。

步驟 9:重新定位主體周圍的暈影效果

現在您已經繪製了漸變,您可以透過拖曳中間的圓形色標來重新定位它。這樣可以輕鬆地將暈影置於主體的中心或放置在您想要的任何位置。例如,將漸層中心稍微向右拖曳。

如何在 Photoshop 中建立模糊邊框
移動漸層中心以重新定位暈影效果。

移動漸層後,您可能需要透過拖曳外緣的顏色停止來調整其大小。這個例子將進一步延伸它。

如何在 Photoshop 中建立模糊邊框
重新定位後調整漸層大小。

步驟10:擴大中間的透明區域

如果暈影效果使您的主體太暗,您可以擴展漸變中間的透明區域。

轉到“屬性”面板並向下捲動至“不透明度控制”。您可能需要旋轉它們才能打開它們。

如何在 Photoshop 中建立模糊邊框
Photoshop 屬性面板中的不透明度控制。

然後點擊右側的白色透明度停止並開始向左拖曳,但請注意圖像。

如何在 Photoshop 中建立模糊邊框
將白色透明度停止點拖曳到左側。

拖曳得越遠,透明度就會離中心越遠,迫使暗區更靠近邊緣,並恢復物體的原始亮度。

如何在 Photoshop 中建立模糊邊框
漸變的暗部已被推近邊緣。

步驟 11:更改暈影效果的顏色

使用黑色作為暈影效果顏色會使效果看起來暗淡。若要選擇不同的顏色,請雙擊漸層外緣的顏色停止點。

如何在 Photoshop 中建立模糊邊框
雙擊外部色標即可變更顏色。

然後,從顏色選擇器中選擇新顏色或按一下影像的某個區域來對顏色進行取樣。

如何在 Photoshop 中建立模糊邊框
從影像中取樣顏色以用於暈影效果。

然後,由於範例使用此顏色來建立變暗效果,它將在顏色選擇器中選擇更暗、更飽和的版本。

完成後,按一下“確定”關閉“顏色選擇器”。

如何在 Photoshop 中建立模糊邊框
選擇採樣顏色的深色和飽和版本。

現在漸變變成深棕色而不是黑色,暈影效果看起來更微妙和自然。

新選擇的顏色對作者來說仍然太暗,但它將使下一步更容易看清,因為文章向您展示瞭如何在燈光部分隱藏暈影效果。

如何在 Photoshop 中建立模糊邊框
改變暈影效果顏色後的結果。

步驟 12:恢復高光部分的亮度

暈影效果的一個問題是它會使明亮的部分變暗。透過範例影像,這一點在天空中非常明顯。

若要減少明亮區域中的暈影效果,請按一下「圖層」面板底部的fx圖示。

如何在 Photoshop 中建立模糊邊框
點選 Photoshop 中「圖層」面板中的 fx 圖示。

然後從清單頂部選擇混合選項。

如何在 Photoshop 中建立模糊邊框
打開混合選項。

在「圖層樣式」對話方塊的底部,尋找「底層圖層」滑桿(兩個欄位的底部)。

如何在 Photoshop 中建立模糊邊框
Photoshop 中的底層滑桿。

欄的右下方是一個白色高亮滑桿。

如何在 Photoshop 中建立模糊邊框
突出顯示滑桿。

在 Windows PC 上按住Alt鍵或在 Mac 上按住Option鍵。然後按住箭頭鍵,點擊並拖曳到右側。

如何在 Photoshop 中建立模糊邊框
調整滑桿。

繼續向左拖曳時請注意影像。拖曳得越遠,恢復的高光就越多,因此請根據需要調整滑桿。

如何在 Photoshop 中建立模糊邊框
拖曳滑桿以恢復高光。

完成後,按一下「確定」關閉「圖層樣式」對話框。

現在,天空中的暈影幾乎看不見了(亮點),而影像下半部的邊緣和角落仍然變暗。

如何在 Photoshop 中建立模糊邊框
現在透過暈影效果顯示亮點。

步驟 13:將混合模式改為柔光

使暈影看起來更自然的另一種方法是更改​​「圖層」面板中的混合模式。

在「漸層填滿」圖層處於活動狀態的情況下,將混合模式從「正常」變更為「柔光」

如何在 Photoshop 中建立模糊邊框
將漸層填滿圖層的混合模式改為柔光。

雖然「正常」混合模式(預設)只是使影像變暗,但「柔光」更像是一種燈光效果,可以更好地融合模糊和影像。

如何在 Photoshop 中建立模糊邊框
將漸層填滿圖層的混合模式改為柔光。

步驟 14:依需求調整效果的大小或位置

透過拖曳顏色停止來對過渡效果的大小或位置進行最後的調整。

如何在 Photoshop 中建立模糊邊框
對暈影效果的大小和位置進行最後調整

步驟 15:透過降低不透明度來模糊暈影效果

最後,如果暈影效果看起來太強,您可以透過降低「圖層」面板中「漸層填滿」圖層的不透明度來柔化模糊。

例如,將不透明度降低至 80%。

如何在 Photoshop 中建立模糊邊框
對暈影效果的大小和位置進行最後的調整。

如何隱藏即時漸變控件

若要隱藏漸層控制並更好地查看暈影效果,請在「圖層」面板中選擇「背景」圖層以取消選擇「漸層填滿」圖層。

如何在 Photoshop 中建立模糊邊框
重新選擇漸層填滿層將恢復漸層控制。

透過選擇另一個圖層來隱藏漸層控制。

這是最終的暈影效果。

使用 Photoshop 為照片加入暈影效果。

如何在 Photoshop 中建立模糊邊框

參見:

Leave a Comment

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

遇到 Microsoft Teams 錯誤代碼 2603 而煩惱?我們的逐步指南可協助您快速解決問題,修復最新 2026 更新中的安裝失敗、當機等問題。適用於所有用戶!

如何修復 Microsoft Teams 錯誤 K 安全

如何修復 Microsoft Teams 錯誤 K 安全

遇到 Microsoft Teams 安全錯誤 K 時遇到問題?按照我們的逐步指南即可快速解決—無需任何技術知識。立即恢復流暢協作!

解決 Microsoft Teams 錯誤 N 網路

解決 Microsoft Teams 錯誤 N 網路

還在為 Microsoft Teams 的「錯誤 N」網路問題苦惱嗎?取得解決 Microsoft Teams「錯誤 N」網路問題的逐步指南,從快速重新啟動到進階故障排除,應有盡有。立即恢復流暢的通話和會議體驗!

一步一步教你如何在會議開始前建立分組討論室

一步一步教你如何在會議開始前建立分組討論室

透過這份詳盡的逐步指南,即可在 Zoom 會議開始前輕鬆建立分組討論室,實現無縫協作。預先分配與會者,最大程度提升參與。本指南是教育工作者、團隊和領導者的理想選擇。

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

還在為 Microsoft Teams 中令人抓狂的「Teams 資料夾在哪裡」錯誤而煩惱嗎?我們提供經過驗證的逐步故障排除方法,協助您快速解決問題,恢復流暢的團隊合作。包含最新方法!

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

還在為 Microsoft Teams Mac 版鑰匙圈錯誤而煩惱嗎?我們提供經過驗證的 macOS 逐步故障排除方案,協助您恢復流暢協作。快速解決方案就在眼前!

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

還在為 Microsoft Teams 麥克風聲音模糊或無聲而煩惱嗎?了解如何透過快速有效的步驟解決 Microsoft Teams 麥克風問題。清晰的音訊體驗,等你來體驗!

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

在公共 Wi-Fi 環境下遇到 Microsoft Teams 網路錯誤?立即取得 VPN 調整、連接埠檢查和快取清除等快速修復方法,恢復通話和會議的流暢運作。逐步指南助您快速解決問題。

透過直接連結解決 Microsoft Teams 加入會議錯誤

透過直接連結解決 Microsoft Teams 加入會議錯誤

遇到 Microsoft Teams 加入會議錯誤?點擊連結查看已驗證的解決方法。快速修復,輕鬆加入會議—無需任何技術技能!

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

了解如何使用 Microsoft Teams Copilot 提升 AI 賦能的生產力。逐步指南、關鍵功能和技巧,幫助您輕鬆革新會議、聊天和任務。立即開啟更聰明的協作!

Outlook 中的 Microsoft Teams 在哪裡?如何找到遺失的圖標

Outlook 中的 Microsoft Teams 在哪裡?如何找到遺失的圖標

Outlook 找不到 Microsoft Teams 圖示?想知道它到底在哪裡、為什麼會消失,以及如何恢復它才能輕鬆召開會議?本文已更新至最新版本!

今日 Microsoft Teams 錯誤排查:首先要檢查什麼

今日 Microsoft Teams 錯誤排查:首先要檢查什麼

今天遇到 Microsoft Teams 錯誤?這份 Microsoft Teams 逐步故障排除指南將揭示快速解決問題的首要步驟。快速修復連線、快取和更新問題,讓您恢復流暢的聊天體驗。

為什麼我的 Outlook 中缺少 Microsoft Teams 加載項?

為什麼我的 Outlook 中缺少 Microsoft Teams 加載項?

找不到 Outlook 中的 Microsoft Teams 加載項,是不是很困擾?本文將為您揭示主要原因,並提供簡單的逐步修復方案,幫助您輕鬆恢復 Teams 與 Outlook 的無縫整合。適用於最新版本!

解決 Microsoft Teams 歡迎畫面啟動循環問題

解決 Microsoft Teams 歡迎畫面啟動循環問題

還在為 Microsoft Teams 歡迎介面啟動循環而煩惱嗎?請依照我們經過驗證的 Microsoft Teams 歡迎介面啟動循環故障排除步驟操作:清除快取、重設應用程式、重新安裝。幾分鐘內即可恢復流暢協作!

為什麼我的 Microsoft Teams 狀態一直顯示為「離開」?

為什麼我的 Microsoft Teams 狀態一直顯示為「離開」?

您的 Microsoft Teams 狀態一直顯示為「離開」而感到沮喪嗎?了解主要原因,例如空閒超時和電源設置,以及快速恢復“在線”狀態的逐步修復方法。已更新至最新的 Teams 功能。