今天作者為大家分享的是PS繪製時尚大氣的馬賽克UI圖標，效果非常好看，主要知識點是圖層樣式以及漸變的運用，感興趣的朋友可以緊跟教程一起實操。
效果預覽：
拉到教程最後可提取PSD文件
1、新建600*350PX白色背景畫布，滑鼠雙擊圖層添加顏色疊加、漸變疊加以及內發光圖層樣式，顏色疊加里顏色為#262523，其它參數設置如圖。
2、新建圖層，用白色大號柔邊畫筆在畫布中心點擊出白色亮光，Ctrl+T將其拉寬壓扁，將圖層不透明度調整為30%，這裡可以根據自己的感覺來調整。
3、選擇圓角矩形形狀工具，繪製一個230*230PX，半徑為40PX，填充顏色為白色的圖標。
4、選擇矩形形狀工具，在圓角矩形上方隨意繪製一個比其尺寸大一些的形狀，因為我們後面會將其轉換為剪貼蒙版，滑鼠雙擊為創建的形狀圖層添加角度漸變圖層樣式，參數設置如圖，右鍵選擇剪切蒙版，然後再右鍵，將其轉換為智能對象。
5、執行濾鏡-像素化-馬賽克進行分塊處理，單元格大小為40；Ctrl+J複製一層，右鍵同樣轉換為剪貼蒙版，然後執行濾鏡-風格化-照亮邊緣，參數設置如圖，將其圖層混合模式設置為線性減淡(添加)，圖層不透明度設置為30%，此時每個格子間都被細線分割開了。
6、將上一步創建的圖層Ctrl+J再次進行複製。將圖層混合模式設置為減去，圖層不透明度設置為20%。選擇移動工具，按鍵盤上的方向鍵將其位置向下方與右方分別移動1像素，這樣格子的間隔部分便形成了凹槽的效果。
7、選擇橢圓形狀工具繪製一個200*200PX的白色正圓，然後滑鼠雙擊添加漸變疊加、內陰影以及投影圖層樣式，參數設置如圖。
8、CTRL+J複製一層正圓圖層，CTRL+T等比例縮放到85%，然後滑鼠雙擊添加顏色疊加、內發光、內陰影以及描邊圖層樣式，參數設置如圖。
9、選擇文字工具寫上自己需要的字，滑鼠雙擊添加漸變疊加、內陰影以及投影圖層樣式，參數設置如圖。
10、CTRL+J複製一層圓角矩形圖層，這個不需要剪切蒙版，填充調為0，這樣我們就可以不受這個圖層本身顏色的控制了，然後滑鼠雙擊添加內發光、內陰影圖層樣式，參數設置如圖。到此，作品已全部完成。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/208764.html
微信掃一掃 
支付寶掃一掃 