ps設(shè)計(jì)日歷UI圖標(biāo)(3)

來(lái)源:站酷 作者:暗暗阿飛 學(xué)習(xí):9464人次

原創(chuàng)圖標(biāo)教程,下面僅以簡(jiǎn)要文字進(jìn)行分層解說(shuō),詳細(xì)圖層樣式見(jiàn)附件源文件,希望對(duì)觀看者有幫助。
ps設(shè)計(jì)日歷UI圖標(biāo)

參考模板下載鏈接:http://pan.baidu.com/s/1i3tHgc1 密碼:tqjp

第一步:用圓角矩形工具新建一個(gè)512X512(以下尺寸單位均為像素),圓角為90的橢圓,做為最底層(倒數(shù)第一層紙張)。
第二步:橢圓的圖層樣式  
內(nèi)發(fā)光:混合模式-正片疊底、不透明度45%,顏色#573c1a;
漸變疊加:漸變:左#ededed、中#ffffff、右:#ededed,樣式:線性,角度0,縮放100%
投影:混合模式:正片疊底#FFFFFF,不透明度28%,角度90,距離:1,擴(kuò)展:0,大。1
可以參考模板加上圖層名字為倒數(shù)第一頁(yè)的樣式。

ps設(shè)計(jì)日歷UI圖標(biāo) 

第三步:復(fù)制一個(gè)橢圓圖層作為倒數(shù)第二層紙張,用直接選擇工具選中復(fù)制得到的橢圓的底部的四個(gè)點(diǎn),往上移動(dòng)兩個(gè)像素高度,此時(shí)可以看到有兩張紙疊在一起的效果。
第四步:重復(fù)第三步得到倒數(shù)第三張紙,注意每上面一層的底部都比下一層高兩個(gè)像素,總共有八層,最后得到下圖所示效果

ps設(shè)計(jì)日歷UI圖標(biāo)
第五步:這一步開(kāi)始做正數(shù)第二張紙,即翻頁(yè)紙的下一張紙的效果,再?gòu)?fù)制一層倒數(shù)第八層的紙張圖層(橢圓圖層),重復(fù)第三步。
第六步:這個(gè)橢圓圖層的圖層樣式見(jiàn)附件(正數(shù)第2頁(yè)  圖層),效果如下圖。

ps設(shè)計(jì)日歷UI圖標(biāo)
第七步:再?gòu)?fù)制一層正數(shù)第二張紙的橢圓圖層,并使用鋼筆工具畫(huà)出折角的邊邊。
第八步:這是正數(shù)第一張紙,圖層樣式見(jiàn)附件(正數(shù)第1頁(yè)  圖層),效果如下:

ps設(shè)計(jì)日歷UI圖標(biāo)
第九步:這一步開(kāi)始做正數(shù)第一張紙的折角,先用鋼筆工具勾出折角的形狀,然后復(fù)制一層適當(dāng)放大一點(diǎn),并稍微移動(dòng)一下位置,做個(gè)錯(cuò)位,這是為了制作出紙張的厚度。
第十部,底下那層折角是純白色的,上面那層的圖層樣式見(jiàn)附件(折角 圖層)。

ps設(shè)計(jì)日歷UI圖標(biāo)
第十一步:這步開(kāi)始做撕邊效果,總共有兩組撕邊,其實(shí)是做了一組再水平翻轉(zhuǎn)并調(diào)整下個(gè)別點(diǎn)即可做出自然的兩層疊加的撕逼。先用鋼筆工具勾出兩層撕邊(一組撕邊包括兩層:白色底層,黃色表層)的形狀
第十二步:黃色表層和白色底層的圖層樣式可以參考附件,最后效果如下圖:

ps設(shè)計(jì)日歷UI圖標(biāo)

第十三步:頭部皮革材質(zhì)部分的分層如圖下圖所示。
第十四步:下圖中的每一層的圖層樣式見(jiàn)附件。

ps設(shè)計(jì)日歷UI圖標(biāo)
第十五步:在紙張區(qū)域居中打上文字。
第十六步:文字的字體和大小還有圖層樣式詳見(jiàn)附件。

ps設(shè)計(jì)日歷UI圖標(biāo)

第十七步:加上陰影和高光

ps設(shè)計(jì)日歷UI圖標(biāo)

第十八步:至此,圖標(biāo)已基本完成,配上背景,大功告成。

ps設(shè)計(jì)日歷UI圖標(biāo)

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
Tuesday2018-04-08 12:57
附件在哪
673236062@qq.co2014-12-14 10:50
日歷
673236062@qq.co2014-12-14 10:12
日歷
遺憾沒(méi)放棄2014-12-14 12:22
老師受教!
俺是小李莊來(lái)的2014-12-13 11:44
老師好利害
陽(yáng)光下的小妞2014-12-13 11:24
老師受教!
城鎮(zhèn)農(nóng)婦2014-12-13 09:56
謝謝老師
愛(ài)你成夢(mèng)2014-12-13 04:14
效果很好~~~~~~~~支持你
雪嵐兒如煙2014-12-13 04:00
照著做了下 效果沒(méi)老師的好
情用劇毒2014-12-13 01:24
適用,謝謝~
蔡昌吉2014-12-13 09:59
很漂亮
深血坦2014-12-13 06:33
有點(diǎn)不好弄
記憶淩亂不堪2014-12-13 03:50
脫了褲子放屁!
阡陌大地2014-12-13 03:48
照著做了下 每步都能做 但效果沒(méi)樓主好
颙秂節(jié)2014-12-13 03:24
受教

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!