如今隨著 web 2.0 人性理念的不斷深入，網頁元素的視覺風格向著親近、輕松的方向發展，涌現了大量的標志性風格，例如圓角圖片。

本文主要描述了怎樣在 Photoshop 中使用矢量蒙版制作圓角圖片。在 Photoshop 中實現圓角效果的手段很多，但是使用矢量蒙版會保留最大限度的再編輯性，有利于素材的再次利用。

我們的實例目的是：在一張較大的素材中截取部分畫面，并制作圓角效果輸出，且背景色透明。效果如下，

1. 首先我們找到一張素材圖片。這是 Bodhi 在 2003 年最初接觸 Photoshop 時的一張手繪草稿，尺寸為 500×428 像素，JPEG 格式。

2. 啟動 Photoshop，雙擊工作區選擇素材并打開。此時，素材被載入鎖定的背景層，當然你可以雙擊并解鎖背景圖層，但是我們建議使用圖層復制命令而不去傷害原始素材，快捷鍵 ALT+方向鍵。我們將復制得到的圖層命名為 original 并隱藏背景圖層。

3. 在工具欄選擇剪裁工具（快捷鍵 C），并在程序頂部屬性欄中指定參數。如下圖，代表“按照 160:90 的比例截取部分畫面并縮放尺寸為 160×90 像素”。

4. 在工作區圖像中選擇部分畫面，回車確認剪裁。

5. 在工具欄中選擇圓角矩形工具，并在程序頂部屬性欄指定參數。如下圖，代表繪制圓角半徑為 20 像素的矩形路徑。

6. 在工具欄選擇路徑選定工具（快捷鍵 A），確保圖層面板中你想實現遠角效果的圖層處于選定狀態，選定步驟 5 所繪制的路徑，執行右鍵菜單命令“創建矢量蒙版”。

7. 最終效果。注意圓角處的棋盤圖樣為 Photoshop 默認透明底色。

8。 如果想為當前圓角圖片增加邊框，可以在圖層面板中執行右鍵菜單命令“混合選項”，并在彈出窗口的左側列表中選擇“描邊”（最后一個）。之后按照下圖進行設置，注意本實例中選擇了 inner 邊框是因為圖像和畫布是等尺寸的，在你的實際操作中可以自由設定。

9. 圓角的，帶邊框的，透明背景的圖片效果。

附注：如果你不想勞神費心自己制作的話，可以使用這款在線工具 - RoundPic，僅需要上傳下載即可。