雖然網路上有不少佛心的免費資源，飛肯也常常在臉書粉絲頁面上分享好康ㄟ給大家知道，不過，其實只要已經學會 Photoshop 的基本操作的話，我們可以試著自己動手畫出想要的 icon ，這樣就不必受限於別人畫好的圖案樣式啦！
今天這篇教學文，就來教會大家如何在幾個步驟內，簡單做出一個圓形、有折角變化的貼紙感 icon 喔~
在開始 Photoshop 的操作步驟之前，請大家先上網搜尋 “paper texture” ，挑選有著摺痕的紙質圖檔，下載之後先儲存備用。
【步驟一】建立圓形 icon 圖層
首先，新增一個 300 * 300 像素，背景內容”透明”的新檔案。
利用「橢圓工具」建立一個正圓形(按住鍵盤上的 shift 不放，即可用滑鼠拉出正圓來)，顏色不拘，但請先記得在畫圓之前，將上方形狀工具的類型選為”像素”(如圖示)。
點開圖層樣式面板，選擇「顏色覆蓋」，色碼輸入 #3a5998；其餘設定皆不變。
【步驟二】材質混合
將已下載備用的紙質圖檔開啟之後，先至：「影像」>「調整」>「黑白」，將紙張轉成黑白調。
利用移動工具，將材質拖拉至 icon 上方新建一個圖層 ，並利用「變形工具」(快速鍵 ” Ctrl + T “)縮放至適當大小。
此時，按住 Ctrl 鍵不放，滑鼠點選圖層面版上圓形 icon 的縮圖(如下方圖示滑鼠處)，就可以選取整個圓形 icon 的範圍；接著，在材質圖層上按” Ctrl + C “(複製)的快速鍵。
新建一個圖層，並按” Ctrl + V “(貼上)，將剛才複製的材質圖層貼上。
(如圖層位置跑掉了，可以使用移動工具來調整對齊。)
然後選擇「覆蓋」模式，就可以將材質圖層與原 icon 圖層合併起來。
【步驟三】形狀工具 – 邊框製作
接下來的步驟，同樣是利用形狀工具，我們來幫 icon 做點邊框修飾吧~
新建一個圖層，並畫一個略小的黑色圓圈。(小提醒：形狀工具要記得選擇的是”像素”=”填滿像素”喔！)
然後，先選取黑色圓圈的範圍(快速鍵：Ctrl + 滑鼠點圖層面板上的縮圖)；
至上方選單點選：「選取」>「修改」>「縮減」。(如下圖)
點開「縮減」之後，由於我們只要做出一個細的邊框，所以只需要設定5像素左右即可。
確定之後，會發現黑色圓圈的選取範圍向內縮減了5像素，我們直接按下” Delete 鍵”就可以清除掉不要的部分，只留下黑色圓框。
接著，重複以上步驟，再新建一個紅色圓圈圖層；為了避免看起來太單調，這次可將縮減選取範圍稍微加大，設為8像素。
確定後按 Delete 清除不要的紅色區塊，即可完成紅色邊框。
接著，將紅、黑兩個邊框圖層，改為「柔光」混合模式。
完成後，我們就可以將目前面版上可見的這三個圖層(如下圖)做合併動作了。
【步驟四】折角製作
接下來，先用多邊形套索工具，選取想要的折角範圍。(如圖示虛線部分)
利用快速鍵 ” Ctrl + X ” (=剪下) 以及 ” Ctrl + V ” (=貼上)，可以得到一個折角圖層。
利用「變形工具」(快速鍵: ” Ctrl + T “)，按滑鼠右鍵，將折角圖層”旋轉180度”。
選取已旋轉後的折角範圍 ，新建一個圖層，請先設定背景色為白色，然後按快速鍵 ” Ctrl + Delete “，即可直接填滿白色(如下圖之圖層1)。
(小提醒 : 原本的折角圖層請勿刪除，等一下我們要利用它來做陰影喔！)
利用「加深工具」，將白色折角邊緣(如下圖紅色勾勾處)做局部的加深處理，看起來會比較自然。
(加深的範圍及曝光度，請參照底下圖示)
再來，同樣利用折角的選取範圍，在材質圖層上，用快速鍵 “Ctrl + C “(複製) 跟 ” Ctrl + V “(貼上)，就可以得到一個折角的材質圖層。
將折角材質圖層的混合模式改為「覆蓋」，則大致完成折角的製作。
【步驟五】高斯模糊-製作陰影
接下來，將剛剛特意保留的原本折角圖層，先填滿黑色。
然後，點開上方選單：「濾鏡」>「模糊」>「高斯模糊」，強度設定可參考圖示。
折角的陰影已完成，接著來幫整個 icon 加點陰影。
在圈圈合併的圖層上，點開圖層樣式面板並使用「陰影」工具，設定請參照底下圖示。
【步驟六】建立文字圖層
最後，在折角圖層與圈圈圖層之間，新建一個文字圖層，輸入自己想要的字元。(建議：可挑選較大的字型來使用)
參考《步驟四》中折角的製作，新建一個文字大小的材質圖層；
然後，將此圖層之混合模式改為「色彩增值」，並降低不透明度。(如圖示)
為了讓文字更加凸顯，我們用圖層樣式中的「筆畫」來加一點效果。
(設定的數值請參照下方圖示)
最後，我們將可見的圖層合併，就完成了底下這個 icon 囉！
是不是很簡單啊！ ^_^
當您對本文有任何問題或指教，歡迎到我們的【網頁設計交流討論區】一起交流討論喔！