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