ps怎么設(shè)計(jì)翻頁日歷主題風(fēng)格的APP圖標(biāo)?

今天我們就來看看設(shè)計(jì)翻頁日歷app圖標(biāo)的教程,很簡(jiǎn)單的實(shí)例介紹,詳細(xì)請(qǐng)看下文介紹。
下面一起來學(xué)習(xí)吧:
步驟一:首先新建畫布900px*900px畫布,命名為日歷圖標(biāo),為背景添加圖層樣式。
步驟二:使用圓角矩形工具、繪制一個(gè)530px*530px圓角半徑為90px底座,并為它添加圖層樣式。
步驟三:高逼格的底座一下就出來了,有木有!!!接下來繼續(xù)使用圓角矩形工具、繪制一個(gè)398px*398px圓角半徑為40px日歷,并為它添加圖層樣式。
步驟四:復(fù)制日歷圖層,將復(fù)制的圖層移動(dòng)到合適的位置。
步驟五:再次復(fù)制日歷圖層,利用形狀圖層布爾運(yùn)算,減去頂部,命名為變形圖層,并合并形狀組件。
步驟六:我們復(fù)制變形圖層吧, ctrl+t調(diào)整中心點(diǎn)垂直翻轉(zhuǎn)一下,調(diào)節(jié)高度,右鍵透視調(diào)節(jié)合適形狀,合并兩個(gè)形狀清除之前的圖層樣式,并從新添加圖層樣式吧。
步驟七:現(xiàn)在我們來繪制右側(cè)裝飾,制一個(gè)14px*56px圓角半徑為3px的矩形顏色為#101010,并為它添加圖層樣式。
步驟八:選擇橢圓工具,繪制一個(gè)寬高8px*4px的橢圓,并添加高斯模糊命令,復(fù)制出另外三個(gè)并移動(dòng)到合適位置。
步驟九:將右側(cè)裝飾打組,復(fù)制裝飾組移動(dòng)到左側(cè)位置。
步驟十:現(xiàn)在我們來繪制文字部分,字體方正蘭亭黑簡(jiǎn)體 R.大小200點(diǎn),顏色為#92181a,復(fù)制文字,將兩個(gè)文字右鍵柵格化文字,刪除不需要的位置。
步驟十一:將文字下圖層,ctrl右鍵執(zhí)行透視效果,并添加圖層樣式。
步驟十二:現(xiàn)在我們來繪制最后一個(gè)橫線吧,用直線工具、繪制一個(gè)寬度360px粗細(xì)3px的直線,為它添加圖層樣式,并添加高斯模糊效果就完成這個(gè)案例了哦。
今天的教程我們主要分為二個(gè)部分:底座、日歷,其它問題都不大,主要是日歷部分、需要用到多個(gè)圖層來表現(xiàn)圖標(biāo)的立體感,圖層樣式在圖標(biāo)設(shè)計(jì)中非常的實(shí)用,例子很簡(jiǎn)單,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
PS怎么制作一個(gè)素雅的日歷數(shù)字計(jì)時(shí)牌?
PS怎么設(shè)計(jì)一款日歷臺(tái)? ps設(shè)計(jì)立體臺(tái)歷的教程
相關(guān)文章
ps怎么繪制金屬質(zhì)感的音樂APP圖標(biāo)?
ps怎么繪制金屬質(zhì)感的音樂APP圖標(biāo)?想要做一款圖標(biāo),該怎么制作呢?下面我們就來看看ps繪制金屬圖標(biāo)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-08-09ps怎么畫一個(gè)木質(zhì)風(fēng)格的收音機(jī)app圖標(biāo)?
ps怎么畫一個(gè)木質(zhì)風(fēng)格的收音機(jī)app圖標(biāo)?想要設(shè)計(jì)一個(gè)手機(jī)app圖標(biāo),圖案是木質(zhì)的收音機(jī),該怎么繪制呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-07-26- 本教程教腳本之家的ps學(xué)習(xí)者們?nèi)绾斡胮s制作立體效果的app界面展示模板的方法,教程難度系數(shù)兩顆星,適合ps新手入門學(xué)習(xí),感興趣的朋友一起去看看吧2017-05-23
- 這篇教程是向腳本之家的朋友分享PS結(jié)合AI制作超級(jí)跑鞋APP界面方法,教程制作出來的APP界面非常漂亮,難度不是很大,值得大家學(xué)習(xí),來看看吧2017-03-30
ps怎么設(shè)計(jì)一個(gè)手機(jī)app的動(dòng)態(tài)效果?
ps怎么設(shè)計(jì)一個(gè)手機(jī)app的動(dòng)態(tài)效果?ps中想要做一個(gè)動(dòng)態(tài)的小圖標(biāo),該怎么做呢?下面我們就來看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2016-12-21蘋果設(shè)計(jì)書Designed by Apple in California 獻(xiàn)喬布斯
自喬布斯離去后,這幾年蘋果的工業(yè)設(shè)計(jì)簡(jiǎn)直辣眼睛,用羅永浩的話說:這不像蘋果干的。這本書用450張照片對(duì)比蘋果現(xiàn)在與昔日的產(chǎn)品,也記錄了蘋果的設(shè)計(jì)團(tuán)隊(duì)所使用的材料和2016-11-21Photoshop合成藍(lán)色水晶質(zhì)感的立體APP圖標(biāo)
這篇教程是向腳本之家的朋友分享Photoshop合成藍(lán)色水晶質(zhì)感的立體APP圖標(biāo)方法介紹,教程制作出來的圖標(biāo)非常漂亮,難度不是很大,介紹地也很詳細(xì),推薦到腳本之家,一起來學(xué)2016-11-04- ps怎么制作手機(jī)app圖標(biāo)的背景顏色?ps繪制手機(jī)圖標(biāo)的時(shí)候,需要繪制圖標(biāo)背景,該怎么繪制呢?下面我們就來看看詳細(xì)的制作方法,需要的朋友可以參考下2016-10-31
APP設(shè)計(jì)工具 Sketch 3的快捷鍵大全速查表
Sketch 有一系列為數(shù)不多但相當(dāng)實(shí)用的快捷鍵,他們能大大提高你的APP設(shè)計(jì)工作效率,今天來跟大家分享一張非常實(shí)用很強(qiáng)的Sketch的快捷鍵大全速查表2016-08-30Photoshop鼠繪一個(gè)有質(zhì)感的立體時(shí)鐘APP圖標(biāo)
這篇教程是向腳本之家的朋友分享Photoshop鼠繪一個(gè)有質(zhì)感的立體時(shí)鐘APP圖標(biāo)方法,方法很簡(jiǎn)單,適合新手入門臨摹練習(xí),感興趣的同學(xué)來一發(fā)2016-04-21