如何使用Photoshop設計圖框∼1（夏天的扶桑花朵風格）
很多賣家想要自己做出有專業大賣家氣勢的圖框，在此派翠克就先示範較簡單型的圓角矩形搭配流行的
扶桑花圖案（筆刷功能），做出一個具有夏天氣氛的圖框！一開始請仔細按照一步一步的操作，
因為為了讓不常用或是剛接觸Photoshop的賣家能夠瞭解，所以講解得比較繁瑣，當您熟練了以後，
並且多多自行嘗試其他的可能，相信就可以快速地設計出您自己要的圖框了。
另外「筆刷」的應用其實很重要，也很有趣，您可以自行上網或知識＋搜尋相關討論或教學。
（請勿任意複製轉載，版權歸派翠克小店所有；圖檔若無法顯示，請按右鍵「顯示圖片」幾次即可）
STEP 1
1.首先上網去下載筆刷，請點我。 2.找到喜歡的筆刷後，在該頁面左邊的download點下去便可開始下載，請儲存到電腦中的桌面或是其他資料夾。
3.該網站有很多很多好看的Photoshop筆刷、圖樣、形狀、漸層、素材等等，請自行慢慢搜尋。
例如所有筆刷可以按這裡，選擇「All Time」就可以看到以前到目前最新的筆刷。
STEP 2
1.下載後若為ZIP、RAR壓縮檔請先解壓縮，筆刷的檔案格式為.ABR。 接著請把筆刷檔案複製貼到Photoshop預設的筆刷路徑資料夾中
（如Photoshop CS為C:\Program Files\Adobe\Photoshop CS\預設集\筆刷）。
2.然後我們回到Photoshop使用「編輯」-「預設集管理員」把該筆刷加入筆刷列表中。 3.開啟預設集管理員後，選擇「載入」，
在找到筆刷存放的路徑資料夾位置，選擇需要載入的筆刷檔，此例為剛剛下載的扶桑花筆刷(hibiscus.abr)，按下「載入」即可。
4.載入後就會顯示在筆刷預覽列表最下面，然後按下「完成」關閉視窗。
STEP 3
選擇「檔案」-「開新檔案」，輸入檔名、尺寸（此例為600*600像素），背景選擇「透明」。然後按下確定。
STEP 4
新增的檔案就如下圖所示。
STEP 5
1.接著要來畫一個圓角矩形。請點選工具箱的「形狀工具」右下角的那個小三角形，選擇圓角矩形工具。
2.然後在上方出現的功能選項選擇第二個「路徑」，並把轉折強度改為30像素。轉折強度就是圓角矩形的四個角圓弧的程度。
STEP 6
接著以滑鼠左鍵由左上到右下拉出一個圓角矩形出來，然後放開滑鼠左鍵。
留三分之一的空間等一下要畫上扶桑花使用。
STEP 7
1.接著在軟體右下角會有一個「路徑」分頁，可以看到剛剛畫出來的圓角矩形路徑，在該路徑上按右鍵選擇「製作選取範圍」。
（其實在剛剛拉出一個圓角矩形後直接在工作檔案上按右鍵也可以喔∼）
2.在跳出的視窗中注意羽化強度是否為0，然後按下確定。（如果要有柔邊的效果，就要增加羽化強度的數值。）
STEP 8
這時就可以看到剛剛畫的圓角矩形成為了虛線，但是因為我們要填色的區域是虛線以外的地方，
所以選擇「選取」-「反轉」功能，就可以變成選取圓角矩形以外的區域了。（圓角矩形內的區域是要維持透明以顯示商品照的地方）
STEP 9
選擇「編輯」-「填滿」，在跳出的視窗中選擇「白色」、不透明100%，然後按下確定進行填色。
此例為填滿白色，如果我們的賣場網頁底色也是白色，就可以讓圖框看起來不是四個直角而是我們剛剛畫的圓角喔∼
同理，若您賣場的網頁底色是其他顏色，您就可以在這裡填滿相同的顏色。
STEP 10
到這裡您就可以看到已經填好白色了。 繼續下一步動作前，請先選擇上方選項「選取」-「取消選取」，來結束選取區域虛線的狀態。
或是直接按下快速鍵「Ctrl + D」即可快速取消選取。 若沒有取消選取區域，待會要畫的圖案都只能出現在選取區裡喔∼
接著就開始用筆刷來畫上扶桑花吧∼1.先設定前景色為粉紅色，然後選擇左邊的「筆刷」工具，然後上方就會出現相對應的功能。
2.按下倒三角形（或是直接在畫面上按右鍵）就會跳出筆刷預覽列表，找到您之前載入的扶桑花筆刷，選擇其中一個想要用的筆刷。
3.因為原始的筆刷大小為380，有點太大，所以我們先在這裡把他縮小一點為200像素。（若覺得還是不適合，可以
按下Ctrl+Z復原，或是Ctrl+Alt+Z連續復原更多步驟。然後重新選擇筆刷尺寸直徑。）
STEP 11
筆刷可以直接畫在剛剛做好的圓角矩形圖層上，但是這樣子要修改或做其他效果就不太方便，因此我們到「圖層浮動視窗」
按下「建立新增圖層」來增加一個透明圖層，等一下就畫在這個圖層上，與圓角矩形圖層是分開的。
STEP 12
以滑鼠左鍵點一下就可以畫上去粉紅色的扶桑花筆刷圖案了∼
STEP 13
1.試著換不同的筆刷、筆刷大小、顏色（前景色），畫上其他的扶桑花圖案。
2.接著可以使用「T：水平文字工具」打字加上店名LOGO。（文字也會自動新增一個單獨圖層喔）
（欲顯示「字元、段落」浮動視窗，可以選擇上方的「視窗」-「字元（或段落）」使其打勾即可。）
STEP 14
到這裡差不多了，我們就可以選擇「圖層」-「合併可見圖層」，把這三個圖層合併。
（若您覺得以後您還會有可能要移動個別的圖層位置，就不用合併。）
STEP 15
接著我們就要把剛剛做好的儲存為psd檔，這樣子以後就可以隨時叫出來為商品照套上圖框囉∼
選擇「檔案」-「儲存檔案」，第一次儲存會跳出設定視窗，請注意儲存為psd檔。
STEP 16
圖框設計好了之後，馬上就來套用商品照試試看吧。 1.開啟舊檔，打開您的商品照，縮小一點尺寸。
2.直接用滑鼠把商品照拖曳到圖框視窗上，此時商品照會蓋住圖框，我們要把他移動到圖框的下一層。
3.在「圖層浮動視窗」中以滑鼠左鍵按住商品照圖層然後往下拉到圖框圖層的下面，再放開滑鼠，就可以啦∼
4.照片如果尺寸太大或太小，可以先點選照片圖層，然後選擇軟體上方的「顯示邊界方框」，就會出現好多節點，
這些節點可以拉動改變商品照的大小，請在拉動時同時按著Shift鍵，就可以固定照片的比例來縮放大小了。
5.最後就是「另存新檔」為jpg檔案即可。請不要直接按「儲存」喔∼因為這樣子就會改變原來的圖框psd檔了。
★ 成 品 如 下 圖 ★
剛剛填滿的白色是不是跟網頁的白色底已經合而為一了呢^_^
