繪制藍色立體QQ瀏覽器圖標的PS教程
本教程主要使用Photoshop繪制藍色立體風格的QQ瀏覽器圖標,教程難度中等偏下,要考驗的主要是同學們對鋼筆工具的運用,蒙版和漸變等也有涉及,教程特別細致,新手完成應該木有問題,喜歡的朋友讓我們一起來學習吧。
最終效果:
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/AB22619273.jpg)
新建一個500*500畫布,按U用橢圓工具畫一個200*200的圓(顏色隨意)
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/BE22619143.png)
路徑選擇工具選中畫好的圓形。ctrl+c,ctrl+v 復制這個圓形在同一個圖層
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/AC22619674.png)
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/9E22619551.png)
ctrl+t 縮小的時候按住shift+alt ,同比例縮小(大小自己看著合適就行)
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/7922619440.png)
如圖所示。切掉它
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/A122619112.png)
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/1222619775.png)
合并成一個形狀。
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/9C22619476.png)
添加圖層樣式漸變疊加角度是120度(顏色數值用吸管吸我截圖顏色就行啦)
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/B222619965.png)
用剛剛說的方法再切一個左邊的小圓來
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/0E22619254.png)
添加圖層樣式 90°的線性漸變疊加~
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/3922619989.png)
把小圓放到中間
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/6222619162.png)
ctrl+j復制出外面那個大圓,右鍵清除圖層樣式
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/3922619716.png)
填充顏色 a5daff
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/6C22619569.png)
添加蒙版,拉個黑到白色的漸變,拉出這樣的效果,如果拉不出這樣的效果就用筆刷調整好 透明度慢慢擦。
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/6E22619674.png)
覆蓋到大圓上面,把添加蒙版的這個圓形向下向右各移動一個像素,讓整體具有立體感
![繪制藍色立體QQ瀏覽器圖標的PS教程](https://img.lvups.com/d/file/bigpic/190421/21/B522620115.png)
ok我們來畫云。按U橢圓工具和矩形工具依照下圖所示畫。記住每個形狀都必須是單獨的圖層