使用Photoshop制作漂亮的圖標流程解析.doc

使用Photoshop制作漂亮的圖標流程解析導言：看到效果圖，蠻以為一個小圖標應該很容易就能搞定沒想到需要這么多步驟。細節(jié)，細節(jié)，還是細節(jié)！切記！OK，開始我們這次的教程先上效果圖：老規(guī)矩，看到效果圖：分析!分析！再分析！我們將怎么完成這個圖標的制作呢？經觀察得：一：背景制作（灰白色，加一條高光線）這步應該比較簡單。二：圖標的雛形（關鍵地方，顏色的搭配漂亮，因為給你第一感覺就是色彩。高光，浮雕，影子等細節(jié)的制作，看上去很立體就是這些因素造成的啦?。┤亨]件圖標的添加（這個跟第二步類似）四：文字的添加（關鍵點，文字排版，圖層樣式的設置。）這都是我自己主觀的分析。嘿嘿，僅供參考我覺得最關鍵的就是：色彩的搭配了，圖標影調的分布！準備素材：字體下載第一步：新建一個文檔200200px背景色：白分辨率：72dpi現在給按鈕做輔助線，Ctrl+R顯示輔助線在尺寸區(qū)域里面按住鼠標左鍵，把拽輔助線拉下來。（圖01）圖01按快捷鍵：Ctrl+Alt+C，打開調整畫布大小的窗口。設置如下：（圖02）圖02（畫布擴大區(qū)域顏色的選則，窗口最下面的那個選項）下面是效果圖：（圖03）第二步：制作背景作者使用的是灰白色的漸變：#f2f2f2#c5c5c5。（圖04）圖04注意這步小技巧：作者在背景 上新建一層空白圖層命名為“backlight”，使用小筆刷在背景中間和頂部分別畫一個小光圈。（圖05）圖05調整這層大?。海▓D06）圖06這步干嘛用的呢？OK,我們的背景搞定！第三步：新建一層按U，選擇圓角矩形工具，羽化值：10。（圖07）圖07重命名為“button bg”關鍵部分：圖層樣式的設置投影：（圖08）圖08漸變疊加：（圖09）圖09描邊：（圖10）圖10效果：（圖11）圖11第四步：關鍵：高光和陰影的制作在按鈕下面添加一層使用矩形選取工具畫個陰影：（圖12）圖12重命名 為：“shadow”影子太生硬了，必須模糊一下。濾鏡高斯模糊13。（圖13）圖13按快捷鍵Ctrl+T 調整陰影大小，位置。不透明度30%。（圖14）圖14在按鈕圖層上面，新添加一層并命名“Highlight”（高光）設置圖層混合模式為： 疊加選擇白色筆刷，在按鈕上部單擊一下。（圖15）圖15效果還不是很滿意，復制一層混合模式改回 “正?！卑?Ctrl+T 改變大小和位置。（圖16）圖16效果：圖17第五步：新建圖層，畫“信封”圖標了選擇矩形選取工具，畫出如下圖矩形。（圖18）圖18重命名為“envelope”（信封）注意步驟：圖層樣式的設置投 影：（圖19）圖19外發(fā)光：（圖20）圖20描邊：（圖21）圖21注意顏色的選擇！最終效果：（圖22）圖22第六步：新建一層，繼續(xù)制作信封的圖標按U選擇多邊形工具。（圖23）圖23設置如下：（圖24）圖24畫出一個三 角形如下圖。使用自由變換工具調整位置，大小。（圖25）圖25圖層樣式設置投影：（圖26）圖26內陰影：（圖27）圖27漸變疊加：（圖28）圖28描邊：（圖29）圖29最終效果：（圖30）圖30復制一層Ctrl+T自由變換，選擇垂直翻轉并調節(jié)大?。海▓D31、32）圖31圖32記得把這復制的小三角形的圖層選項：描邊去掉！在大三角和小三角形中間新建一層做一個小圓選區(qū)我們使用筆刷畫一下大三角形投影到小三角形上的陰影。（圖33）圖33記得使用模糊和調整圖層透明度來使陰影柔和效果：（圖34）圖34第七步：添加文字：“Contact Me”（聯系我）（圖35）最上面提供了字體下載圖35小注意下顏色深紅色看上去會有點“下陷”的感覺也方便我們加上圖層樣式后看上去更真實內陰影：（圖36）圖36漸變疊加：（圖37）圖37描邊：（圖38）圖38等等，最后一個小技巧，看到描邊的顏色選擇嗎？（圖39）圖39對，選擇的顏 色比按