UI教程,設(shè)計(jì)一個(gè)日歷主題的UI圖標(biāo)
寫實(shí)圖標(biāo)流行時(shí),這幾類效果很受歡迎(繩索、金屬環(huán)、紙邊撕裂等),今天這個(gè)教程把這些效果全收了,也是以前特別經(jīng)典的一個(gè)日歷圖標(biāo),雖然現(xiàn)在是扁平化時(shí)代,不過寫實(shí)圖標(biāo)這部分,新手最好掌握起來。把這個(gè)練完,絕對有不一樣的收獲!做完記得交作業(yè)。
1、觀察這個(gè)圖標(biāo)
我們將它分成三個(gè)部分來制作,如下圖所示。
①日歷的卷頁 ②日歷的夾子和金屬環(huán) ③底座
2、開始動(dòng)手新建一個(gè)700*800的畫布,如下圖所示:
3、日歷的卷頁
(1)新建一個(gè)圓角矩形作為日歷卷頁的最后一頁。如下圖所示:
(2)為圓角矩形添加圖層樣式。
內(nèi)發(fā)光、投影、漸變疊加。(內(nèi)發(fā)光是重中之重,它主要區(qū)分了每一頁日歷,是使日歷有層次敢最主要的效果!漸變疊加可添加也可以不添加,如果你想做的精細(xì)一些,可以自己嘗試調(diào)整各類數(shù)值。最后一頁的投影必須要有啦~)如下圖所示:
(數(shù)值自己嘗試一下哦~)
(3)向上復(fù)制“最后一頁”作為“中間頁”。調(diào)整“中間頁的位置”修改圖層樣式(修改一下投影,不需要那么大啦。┤缦聢D所示:
(4)向上復(fù)制多張“中間頁”圖層,調(diào)整位置(向上調(diào)整1~3個(gè)像素點(diǎn),移動(dòng)大小不要一樣,這樣會(huì)顯得比較真實(shí)。)合并復(fù)制的“中間頁圖層并作為”中間頁“的剪切蒙版。此時(shí)得到的效果是這樣的:
(5)制作完中間頁后,開始制作第二頁。就是這個(gè)部分:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁設(shè)計(jì)
- UI圖標(biāo)
- UI教程
- 日歷設(shè)計(jì)
- 日歷圖標(biāo)
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)