相機圖標,設(shè)計逼真的相機應用圖標
來源:站酷
作者:全棧UI筆記
學習:9783人次
相機圖標制作過程再度來襲,現(xiàn)在拍照的應用越來越多,相機圖標的造型各異,本篇教程教大家自己制作一個淡色的相機圖標,整體風格既清新,又不是科技感,一起來看看吧。
最終效果:
老規(guī)矩,先來分析一下。這里我們主要分為四個部分:底座、綠條、大鏡頭、小鏡頭,其他問題都不大,主要是鏡頭部分、需要用到多個圖層及圖層樣式,來表現(xiàn)圖標的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠么,噢耶!。
步驟一:
首先新建畫布800*600畫布,命名為相機,填充背景顏色#c5c3c6
步驟二:
使用圓角矩形、繪制一個280*280,圓角半徑為50px的圖層,并為它添加圖層樣式。
步驟三:
接下來我們新建85*280的矩形,命名為綠條、添加圖層樣式。
步驟四:
使用橢圓工具、繪制一個170*170的大圓,并為它添加圖層樣式。
步驟五:
繼續(xù)使用橢圓工具、繪制一個150*150的圓,并為它添加圖層樣式。
步驟六:
繼續(xù)使用橢圓工具、繪制一個135*135的圓,并為它添加圖層樣式。
學習 · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!