相機圖標(biāo),制作風(fēng)格絢麗的漸變相機圖標(biāo)(6)
本教程教你如何用Photoshop設(shè)計一款風(fēng)格絢麗的相機圖標(biāo)教程,通俗易懂,感興趣的朋友不妨一試,從中又能發(fā)現(xiàn)新的樂趣噢,還等什么,一起動起手來吧。
最終效果:
老規(guī)矩,先來分析一下。這里我們主要分為二個部分:底座、內(nèi)圓、其它問題都不大,主要是內(nèi)圓部分、需要用到多個圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠么,噢耶。!
步驟一:
首先新建畫布800px*800px畫布,命名為相機圖標(biāo),為背景添加圖層樣式。
步驟二:
我們最先來繪制底座吧,使用圓角矩形工具、繪制一個520px*520px圓角半徑90px的底座,并為它添加圖層樣式。
步驟三:
高逼格的底座一下就出來了,有木有。!現(xiàn)在繪制一下底座的矩形吧,選擇矩形工具繪制一條寬522px高75px的矩形吧,顏色分別為# e9352b、#d69d03、# 006da6并創(chuàng)建剪貼蒙版。
步驟四:
我們來繪制一下內(nèi)部圓吧,選擇橢圓工具繪制一個300px的正圓,并為它添加圖層樣式。
步驟五:
繼續(xù)繪制一下內(nèi)部圓吧,選擇橢圓工具繪制一個235px的正圓,并為它添加圖層樣式。
步驟六:
繼續(xù)使用橢圓工具、繪制一個165px的正圓,并為它添加圖層樣式。
步驟七:
繼續(xù)使用橢圓工具、繪制一個150px的正圓,并為它添加圖層樣式。
步驟八:
我們繼續(xù)使用橢圓工具、繪制一個115px的正圓,并為它添加圖層樣式。
步驟九:
重復(fù)上述操作使用橢圓工具、繪制一個77px的正圓,并為它添加圖層樣式。
步驟十:
現(xiàn)在我們趕緊來繪制最后一個圓吧,使用橢圓工具繪制一個50px的正圓,填充數(shù)值設(shè)置為0,并為它添加圖層樣式。
步驟十一:
就剩高光部分了哦,繪制一個180px的正圓,并使用形狀工具布爾運算相交命令保留需要的形狀,將填充設(shè)置為0,添加圖層樣式吧。
本教程完,如果對您有所幫助,記得推薦給您的朋友噢。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 相機圖標(biāo)
- 漸變風(fēng)格
- 繪制圖標(biāo)
- 全棧UI筆記
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
- 相機圖標(biāo),用UI制作簡單的彩虹相機圖標(biāo)
- 圖標(biāo)設(shè)計,設(shè)計黃色漸變木質(zhì)復(fù)古收音機UI圖標(biāo)
- 圖標(biāo)制作,用PS打造清新小巧的時鐘主題圖標(biāo)
- UI圖標(biāo),設(shè)計相機主題UI圖標(biāo)教程
- UI教程,設(shè)計金屬質(zhì)感的UI圖標(biāo)教程
- UI圖標(biāo),設(shè)計旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程
- 日歷圖標(biāo),設(shè)計日歷主題UI圖標(biāo)教程
- 音樂圖標(biāo),設(shè)計音樂主題UI圖標(biāo)教程
- UI圖標(biāo),設(shè)計旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程
推薦教程