1、1PS教程：Photoshop創建繽紛彩色格子icon設計圖標背景回頂部【PConline 教程】今天PS教程為大家帶來一篇非常優雅的ICON教程：利用Photoshop創建彩色格子icon。本教程中用到了智能對象和智能濾鏡，你會從中了解到智能濾鏡的強大作用。好了，我們來學習一下吧，希望你會喜歡。圖00第1步：打開Photoshop,Ctrl+N新建一個文檔，文檔尺寸可自定義。圖01第2步：按住Alt鍵雙擊背景圖層，使其轉換為普通圖層。然后再次雙擊，打開圖層樣式面板，為其添加顏色疊加樣式，顏色為#262523.圖02繼續為其添加漸變疊加，數值如下：圖03再利用內發光中的雜色功能來給背景添加一些

2、雜色，當然你也可以使用濾鏡中的添加雜色功能。圖04此時的背景：圖05第3步：新建一層，用白色大號柔邊畫筆在畫布中心點擊出白色亮光。圖06Ctrl+T將其拉寬壓扁，如下圖所示。圖07將圖層不透明度調整為10-30%,這里可以根據自己的感覺來調整。圖08相關閱讀: PS教程：Photoshop高效修復褪色老照片 PS教程：用冰火紋理打造超現實抽象人臉 2制作圖標輪廓回頂部第4步：接下來我們創建icon主體。利用圓角矩形工具在畫布中心點擊，在彈出的對話框中設置數值如下：圖09第5步：在圓角矩形上方隨意繪制一個比其尺寸大一些的形狀，因為我們后面會將其轉換為剪貼蒙版，因此形狀可隨意繪制。圖10

3、為創建的形狀添加角度漸變。圖11然后按住Alt鍵在角度漸變與圓角矩形中間點擊鼠標左鍵，將其轉換為剪貼蒙版。然后在圖層名稱上點擊右鍵按住ALT結合右鍵拖動到中間位置,單擊左鍵確認，將其轉換為智能對象圖層上右鍵轉化為智能對象。圖12第6步：利用馬賽克濾鏡（濾鏡>像素化>馬賽克）對其進行分塊處理。圖13第7步：將執行了馬賽克濾鏡的圖層Ctrl+J復制一層，同樣轉換為剪貼蒙版。然后點擊濾鏡>風格化>照亮邊緣。圖14將其圖層混合模式設置為線性減淡（添加），圖層不透明度設置為30%.此時每個格子間都被細線分割開了。圖15第8步：將上一步創建的圖層Ctrl+J再次進行復制。將圖層混合

4、模式設置為減去，圖層不透明度設置為20%.選擇移動工具，利用鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。1-2像素這樣格子的間隔部分便形成了凹槽的效果。圖16相關閱讀: 輕松學CS6！帶你玩轉PS CS6的描邊功能 PS教程：利用Photoshop創建鋼鐵俠面具 3繪制圖標圓形回頂部第9步：利用橢圓工具在icon中心繪制出一個正圓形。圖17然后為其添加角度漸變。圖18繼續添加內陰影圖19為了表現立體感還要為其添加投影圖20我們來看一下此時的圓形樣式圖21第10步：利用橢圓工具在icon中心再次創建一個較小的正圓形。圖22相關閱讀: PS教程：用Photoshop制作美國隊長盾i

5、Con PS牛人經驗分享!PS小技巧助你飛升PS達人 4制作圖標文字回頂部為其添加顏色疊加樣式。此處顏色選擇接近黑色的深灰色。圖23繼續添加內發光。與第2步相同，我們這里利用內發光來添加雜色居中。圖24然后為其添加內陰影。圖25再來個內部描邊以使其輪廓更加明顯。圖26來看看我們處理后的結果。圖27第11步：下面我們來添加文字。圖28然后為文字添加漸變。這里我就不給出具體數值了，你可以根據自己的感覺來。當然你也可以使用其他色系的顏色。圖29添加內陰影以模擬邊緣的高光。圖30相關閱讀: PS教程：用Photoshop快速制作短信iCon PS經典教程：Photoshop打造漂亮的網頁 5調整圖標細節回頂部當然了，要表現立體感，陰影還是不能缺少的。圖31第12步：做到這里，總覺得icon平平淡淡，缺少點感覺。好吧，使出我們的殺手锏，添加發光！你立刻就會感受的奇跡的發生了。把第4步創建的圓角矩形圖層按住Alt鍵向上拖動復制一份，把填充調為0,這樣我們就可以不受這個圖層本身顏色的控制了，而可以對圖層樣式進行為所欲為的調整，嘿嘿。圖32來吧，給它添加內發光！圖33還有內陰影圖34來看看效果，怎樣樣？是不是好看了很多。圖35你是不是正要慶祝終于完工了？等等，icon右上角那一片白是怎么回事？木有細節了，親。第13步：好吧，苦逼的設計師，繼續調整。雙