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

本教學將向您展示如何使用AdAdobe Photoshop創建酷炫的畫中畫效果,即拍攝一張照片並營造出其中有同一張照片的較小裁剪版本的錯覺。我們將裁剪並旋轉主要物件周圍的較小影像,添加邊框和陰影以突出顯示它,最後將其後面的原始影像轉換為黑白色。

步驟 1:開啟照片

首先打開您的照片。

如何在 Photoshop 中建立畫中畫效果
原始圖像將用於畫中畫效果。

步驟 2:複製背景圖層

「圖層」面板中,影像將在「背景」圖層上開啟:

如何在 Photoshop 中建立畫中畫效果
Photoshop 的「圖層」面板在背景圖層上顯示原始影像。

透過將背景圖層向下拖曳到新增圖層圖示來複製影像:

如何在 Photoshop 中建立畫中畫效果
將背景圖層拖曳到「新增圖層」圖標

副本顯示在原件上方:

如何在 Photoshop 中建立畫中畫效果
原始背景圖層上方會出現重複圖層。

步驟 3:將副本重新命名為 Small

該副本將用於在較大的圖像內創建較小的圖像。因此雙擊背景副本名稱並將圖層重新命名為“小”。按鍵盤上的Enter (Win) / Return (Mac) 鍵接受:

如何在 Photoshop 中建立畫中畫效果
將圖層重新命名為 Small。

步驟 4:關閉 Small 層

我們現在不需要小圖層,因此可以透過點擊其可見性圖示將其關閉:

如何在 Photoshop 中建立畫中畫效果
點選小圖層的可見性圖示。

步驟 5:選擇背景圖層

在創建較小版本的圖像之前,我們將原始圖像轉換為黑白。點擊背景圖層以選擇它:

如何在 Photoshop 中建立畫中畫效果
在 Photoshop 的「圖層」面板中選擇「背景圖層」。

步驟 6:新增黑白調整圖層

然後點擊“圖層”面板底部的“新填充或調整圖層”圖示:

如何在 Photoshop 中建立畫中畫效果
點選 Photoshop 圖層面板中的新填滿或調整圖層圖示。

並從清單中選擇一個黑白調整圖層:

如何在 Photoshop 中建立畫中畫效果
在原始影像上方新增黑白調整圖層

調整圖層出現在背景圖層和小圖層之間。這意味著它只會影響其下方的背景層,而不會影響其上方的小層:

如何在 Photoshop 中建立畫中畫效果
在背景圖層上方新增了黑白調整圖層。

影像立即轉換為黑白:

如何在 Photoshop 中建立畫中畫效果
新增黑白調整圖層後的結果。

步驟 7:點選「自動」按鈕

黑白調整層的控制項出現在 Photoshop 的「屬性」面板中。您可以拖曳各個色彩滑桿(紅色、黃色、綠色等)來微調黑白轉換,以根據影像的原始色彩調整其不同部分的亮度:

如何在 Photoshop 中建立畫中畫效果
在「屬性」面板中拖曳黑白調整圖層的顏色滑桿。

但由於效果實際上只是針對背景,並且大部分會被較小的圖像隱藏,因此單擊“自動”按鈕將為您提供足夠好的效果:

如何在 Photoshop 中建立畫中畫效果
點選“自動”按鈕。

步驟 8:選擇並開啟 Small 圖層

現在我們將在原始影像內創建一個較小的全彩影像。

返回圖層面板,點擊“小”圖層以選擇它:

如何在 Photoshop 中建立畫中畫效果
在 Photoshop 的圖層面板中選擇「小」圖層。

然後點擊圖層可見性圖示將其重新開啟:

如何在 Photoshop 中建立畫中畫效果
打開小圖層。

影像的彩色版本將會重新出現:

如何在 Photoshop 中建立畫中畫效果
打開小圖層後的結果。

步驟9:選擇矩形工具

在工具列中,選擇矩形工具。不要選擇頂部附近的矩形選框工具,因���它是一個選取工具。選擇矩形工具(Photoshop 的形狀工具之一):

如何在 Photoshop 中建立畫中畫效果
從 Photoshop 工具列中選擇矩形工具。

步驟 10:將工具模式設定為形狀

在選項列中,確保工具模式設定為形狀,而不是路徑或像素:

如何在 Photoshop 中建立畫中畫效果
將工具模式設定為形狀。

步驟 11:將形狀的顏色設定為黑色

如果尚未完成,請將形狀顏色設為黑色。顏色其實不重要,但是當我們繪製形狀時黑色很容易看到。

點選填滿顏色樣本

如何在 Photoshop 中建立畫中畫效果
按一下 Photoshop 選項列中的填滿色彩樣本

然後,點擊對話框右上角的顏色選擇器圖示:

如何在 Photoshop 中建立畫中畫效果
點擊顏色選擇器圖示來選擇形狀的顏色。

並透過將 R、G 和 B 值設為 0,從顏色選擇器中選擇黑色。然後按一下「確定」關閉顏色選擇器:

如何在 Photoshop 中建立畫中畫效果
從 Photoshop 的顏色選擇器中選擇黑色。

步驟 12:關閉形狀周圍的描邊

預設情況下,Photoshop 會在形狀周圍添加 1 像素寬的黑色描邊,這是我們不想要的。因此點選描邊顏色樣本

點選選項列中的描邊顏色樣本。

然後點選左上角的無顏色圖示。按Enter (Win) / Return (Mac) 關閉對話框:

如何在 Photoshop 中建立畫中畫效果
點選描邊的“無顏色”選項。

步驟 13:圍繞主要物件繪製形狀

圍繞主要物件繪製一個矩形。該形狀將成為圖像的較小版本,因此請確保將其包裹在其中出現的所有內容。

點擊物件的左上角以設定形狀的起點。然後按住滑鼠按鈕並拖曳到右下角。拖曳時,僅顯示形狀的輪廓:

如何在 Photoshop 中建立畫中畫效果
在照片的主要物件周圍畫一個矩形。

如何重新定位形狀

若要在繪製時重新定位形狀,請按住滑鼠並按住鍵盤上的空白鍵。將形狀拖曳到所需的位置,然後釋放空白鍵並繼續拖曳形狀的其餘部分。

如何完善形狀

完成形狀後放開滑鼠按鈕,此時 Photoshop 將以黑色填滿形狀:

如何在 Photoshop 中建立畫中畫效果
釋放滑鼠按鈕以完成形狀。

步驟 14:依需求調整形狀大小

由於形狀完全遮蔽了其後面的影像,因此很難判斷形狀是否準確地繪製在我們需要的位置。因此,要透過形狀查看影像,請將「圖層」面板中形狀圖層的不透明度降低至 50%。一種快捷方式是按鍵盤上的數字 5:

如何在 Photoshop 中建立畫中畫效果
在 Photoshop 的「圖層」面板中將形狀的不透明度降低至 50%

然後,按一下並拖曳形狀周圍的任意手柄以根據需要調整其大小:

如何在 Photoshop 中建立畫中畫效果
透過拖曳手柄調整形狀大小

將形狀不透明度重設為 100%

完成形狀大小調整後,按下鍵盤上的0將「圖層」面板中形狀圖層的不透明度重設為 100%。該形狀將再次遮擋影像:

如何在 Photoshop 中建立畫中畫效果
將形狀圖層不透明度重設為 100%。

步驟 15:將 Small 圖層拖曳到形狀上方

接下來,我們將把小圖層上的圖像放入形狀中。在「圖層」面板中,形狀現在位於影像上方:

如何在 Photoshop 中建立畫中畫效果
Photoshop 的「圖層」面板顯示影像上方的形狀圖層。

我們需要將圖像置於形狀上方。因此按一下“小”圖層並將其拖曳到形狀圖層上方。當形狀圖層上方出現藍色高亮條時:

如何在 Photoshop 中建立畫中畫效果
將影像圖層拖曳到形狀圖層上方。

釋放滑鼠按鈕將 Small 圖層放到位:

如何在 Photoshop 中建立畫中畫效果
影像已移至形狀圖層上方。

在文件中,圖像現在遮擋了視圖中的形狀:

如何在 Photoshop 中建立畫中畫效果
該照片目前遮擋了其下方的形狀。

步驟 16:建立剪貼蒙版

若要將圖像放入形狀中,請按一下「圖層」面板選單圖示:

如何在 Photoshop 中建立畫中畫效果
點選“圖層”面板選單圖示。

並選擇建立剪貼蒙版:

如何在 Photoshop 中建立畫中畫效果
選擇建立剪貼蒙版指令。

Photoshop 將 Small 圖層上的影像剪下到其下方的形狀圖層:

如何在 Photoshop 中建立畫中畫效果
Photoshop 的「圖層」面板顯示剪下到小圖層的影像圖層。

現在,全彩影像僅出現在形狀的邊界內,而背景圖層上的黑白版本則重新出現在其周圍:

如何在 Photoshop 中建立畫中畫效果
將小圖層剪下到形狀圖層後的結果。

步驟 17:選擇形狀圖層

為了使較小的圖像脫穎而出,請添加白色邊框和陰影。我們將從邊界開始。

在「圖層」面板中,選擇形狀圖層:

如何在 Photoshop 中建立畫中畫效果
在 Photoshop 的「圖層」面板中選擇形狀圖層。

步驟 18:在形狀周圍加入白色描邊

然後點選底部的圖層效果圖示(「fx」圖示):

如何在 Photoshop 中建立畫中畫效果
點選 Photoshop 圖層面板中的圖層效果圖示。

並從清單中選擇「描邊」 :

如何在 Photoshop 中建立畫中畫效果
為形狀新增描邊圖層效果。

彩色描邊

在「圖層樣式」對話方塊中,透過點選顏色樣本來變更描邊顏色:

如何在 Photoshop 中建立畫中畫效果
按一下 Photoshop 的「圖層樣式」對話方塊中的「描邊」顏色樣本。

並在顏色選擇器中透過將 R、G 和 B 值設為 255 來選擇白色。然後按一下「確定」關閉顏色選擇器:

如何在 Photoshop 中建立畫中畫效果
從顏色選擇器中選擇白色。

行程位置

傳回「圖層樣式」對話框,確保描邊的位置設定為「內部」,以保持邊框的角美觀且銳利:

如何在 Photoshop 中建立畫中畫效果
將筆觸的位置設定為內部。

描邊大小

然後拖曳“大小”滑桿來設定邊框的寬度。您所需的尺寸取決於您的影像。此範例將其圖像設定為 40 像素:

如何在 Photoshop 中建立畫中畫效果
使用“尺寸”滑桿設定邊框尺寸。

這是影像周圍邊框較小時的效果:

如何在 Photoshop 中建立畫中畫效果
新增邊框後的效果。

步驟 19:新增陰影

若要在圖像後面新增陰影,請按一下「圖層樣式」對話方塊左側的垂直效果列中的「陰影」選項:

如何在 Photoshop 中建立畫中畫效果
選擇陰影效果

陰影的角度和距離

然後點擊並拖曳圖像內部以設定陰影的角度距離。這裡,範例向右下方拖曳,以便陰影的光源從左上角出現:

如何在 Photoshop 中建立畫中畫效果
將陰影拖曳至影像的右下方。

或者您可以在對話方塊中輸入具體的角度和距離值。此範例將角度設定為 135 度,距離設定為 50 像素。根據您的影像,您可能需要更小或更大的距離值:

如何在 Photoshop 中建立畫中畫效果
輸入具體的角度和距離值。

球尺寸

大小值控制陰影邊緣的柔和度或不透明度。此範例將其設定為 15 像素:

如何在 Photoshop 中建立畫中畫效果
透過增加尺寸來柔化陰影邊緣。

陰影不透明度

您可以拖曳不透明度滑桿來調整陰影的強度(陰影的亮或暗程度)。但該範例將保留其預設值 35%:

如何在 Photoshop 中建立畫中畫效果
保持陰影不透明度為預設值。

完成後按一下「確定」關閉「圖層樣式」對話框。這是在較小影像上添加邊框和陰影的效果。只要再做一件事:

如何在 Photoshop 中建立畫中畫效果
畫中畫效果,在較小的照片上添加了邊框和陰影。

步驟 20:旋轉形狀

最後,您可以透過圍繞主體旋轉形狀來增加一些趣味效果。

在「圖層」面板中,確保形狀圖層處於活動狀態:

如何在 Photoshop 中建立畫中畫效果
在 Photoshop 的「圖層」面板中選擇形狀圖層。

當矩形工具在工具列中仍然處於活動狀態時,將滑鼠指標停留在形狀手柄之一的外部。遊標將變為旋轉圖示(兩端帶有箭頭的曲線):

如何在 Photoshop 中建立畫中畫效果
將滑鼠懸停在手柄附近即可取得旋轉圖示。

然後點擊並拖曳以旋轉形狀。形狀內的影像將保持固定在原位。只有該形狀及其輪廓和陰影會旋轉,使照片看起來像是以一定角度拍攝的:

如何在 Photoshop 中建立畫中畫效果
圍繞主主題旋轉小照片。

步驟 21:對形狀的大小進行最後的調整

檢查以確保旋轉的形狀不會切斷主體的某些部分,並在必要時透過拖曳手柄再次調整形狀的大小。

完成後,按下鍵盤上的Enter (Win) / Return (Mac) 鍵隱藏形狀周圍的邊框和手柄。

這裡,為了避免切掉女人拇指的一部分,我們拉伸了形狀的底部,得到了最終的畫中畫效果:

如何在 Photoshop 中建立畫中畫效果
最終結果。

Leave a Comment

最好的 AI 照片背景去除器是什麼?

最好的 AI 照片背景去除器是什麼?

人們花費太多時間手動去除背景,而人工智慧並不總是像它聲稱的那樣神奇。

如何在 Photoshop 中將照片變成鉛筆素描

如何在 Photoshop 中將照片變成鉛筆素描

本教學將向您展示如何使用 Adob​​e Photoshop 輕鬆地將照片轉換為鉛筆素描。

如何在 Photoshop 中正確調整影像大小

如何在 Photoshop 中正確調整影像大小

許多人過去認為調整影像大小非常煩人,直到他們了解了 Photoshop 簡單的基於通道的保護方法。

如何在 Photoshop 中為照片建立海報效果

如何在 Photoshop 中為照片建立海報效果

使用 Photoshop 為您的影像添加快速簡便的海報效果,以重現使用有限墨水顏色列印的海報的經典外觀。

6 款比 Photoshop 更好的 AI 照片編輯工具

6 款比 Photoshop 更好的 AI 照片編輯工具

有許多 AI 照片編輯器使 Photoshop 成為第二選擇,而 AI 功能是編輯照片的有用工具,無需學習複雜的 Photoshop。

Photoshop 2025 中最受歡迎的 3 個功能

Photoshop 2025 中最受歡迎的 3 個功能

Photoshop 2025 包含新的 AI 工具、更聰明的選擇以及您直到現在才知道需要的功能。

如何在 Photoshop 中建立單色效果

如何在 Photoshop 中建立單色效果

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

如何在 Photoshop 中建立陰影邊框

如何在 Photoshop 中建立陰影邊框

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

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

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

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

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

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

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

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

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

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

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 中的「貼上到」命令複製圖像並將其貼上到另一個圖像的選取範圍中。

如何修復 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 功能。