PS教程!手把手教你繪制一枚錘子瀏覽器圖標

編者按:今天的圖標教程適合新手臨摹,效果是美到爆的Smartisan 瀏覽器圖標。教程過程細致,參數明了,涉及多個快捷鍵技巧,非常值得練習 >>>

最終效果:

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

教程開始,第一步新建,500*500畫布 拉個白到灰的徑向漸變。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

 

橢圓工具拉個300*300的圓居中對齊填充灰色。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

添加圖層樣式。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

再畫一個較小的圓形。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

添加圖層樣式:內陰影和投影。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

復制剛剛添加圖層樣式的圖層,右鍵清除圖層樣式 Ctrl+t按住alt+shift同比縮小2到4px左右。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

給黑圓添加漸變,注意是角度漸變。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

添加漸變后的樣子。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

橢圓工具再畫一個圓,放在上面。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

添加圖層樣式。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

復制剛剛添加圖層樣式的圓形,清除圖層樣式,稍微放大2個像素左右。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

再來添加圖層樣式。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

 

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

再畫一個同等大小的。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

 

羽化一下調整下透明度。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

放在這個位置做為投影。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

找到只添加藍色漸變的那個圖層,右鍵轉為智能對象。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

ctrl+t,輸入20°

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

畫一個圓,大小自己感覺,能對上最好,填充相同的顏色。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

放在接口處慢慢調整對齊。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

效果如下:

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

找到接口的圓圖層和漸變的圓形圖層,Ctrl+E合并。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

最后一步給合并的圖層添加內陰影。

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

教程結束,最終效果:

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

【2015年最新圖標教程合集】

?風格素凈非常討人喜歡的播放器圖標:
《PS教程!手把手教你快速打造簡約的播放器圖標》

兩個科幻感風格的扁平化太空圖標!
《PS進階教程!手把手教你繪制扁平風行星與雷達圖標》

喂!別忘了給他一個天空(來自有愛的評論串)
《PS初級教程!手把手教你繪制酷炫有型的火箭圖標》

作者:看不見的敵人28

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量94萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程!手把手教你繪制一枚錘子瀏覽器圖標

收藏 5
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。