UI教程，UI日歷組件的設(shè)計(jì)思路。

在思考中看教程——UI日歷組件PS教程

最近在群里和小伙伴們聊天，發(fā)現(xiàn)一些同學(xué)（尤其是新手）不善于學(xué)習(xí)，就算告知了方法還是要來(lái)問，最好連具體參數(shù)也說(shuō)出來(lái)，更有甚者，哪怕已經(jīng)手把手的教了，換個(gè)東西又不會(huì)了。設(shè)計(jì)的東西那么多，難道一樣樣都要人手把手的教嗎？

TanghuiDesign大神說(shuō)了：做設(shè)計(jì)的必定需要掌握兩把刷子：一是技術(shù)，二是思路。跟著教程做東西，其實(shí)也是個(gè)臨摹，只不過教程是手把手的教你怎么做。跟著教程走，需要注意些什么呢？狼狼認(rèn)為，一個(gè)是學(xué)技術(shù)。比如這些效果是怎么做到的，這個(gè)圖的配色為什么這么贊。另一個(gè)就是總結(jié)思路。比如作圖的順序、規(guī)律、創(chuàng)意、技術(shù)的表現(xiàn)等等，這些東西最終匯成一個(gè)詞——經(jīng)驗(yàn)！

親愛的小伙伴們，要養(yǎng)成善于學(xué)習(xí)的好習(xí)慣，更要把學(xué)到的東西運(yùn)用到實(shí)際工作中。軟件的內(nèi)容就那么點(diǎn)，同樣是那么幾個(gè)軟件，為什么大神做出來(lái)的東西那么棒呢？這都是有必然的原因的。所以，努力吧，越努力越幸運(yùn)！

今天和大家分享的是一個(gè)UI組件——日歷的繪制過程。整個(gè)文章不會(huì)出現(xiàn)具體參數(shù)，但我會(huì)把思路和大家分享。（注：本教程不適合新手入門學(xué)習(xí)，但可以作為研究對(duì)象來(lái)研究，思路可以借鑒。）

******************************* 我是華麗的分割線 ******************************

分解一：清新淡雅的背景

STEP1：新建畫布，置入背景素材

制作背景前，我們先來(lái)建立一個(gè)畫布。多大呢？大概這么大：

然后我們找一張高清五碼的藍(lán)天白云（其實(shí)其他的圖片也行，關(guān)鍵是得畫面明亮），直接拖進(jìn)畫布（會(huì)自動(dòng)生成智能對(duì)象），調(diào)整下大�。ńㄗh拉的比畫布大，為了后面的效果），比如這樣：

STEP2：模糊效果

確定后執(zhí)行濾鏡-模糊-高斯模糊（具體數(shù)值隨意，自己喜歡就行）

STEP3：用調(diào)整圖層來(lái)調(diào)色

在圖層面板添加調(diào)整圖層，我們來(lái)給這個(gè)智能對(duì)象調(diào)個(gè)色。啥？還不知道調(diào)整圖層？那請(qǐng)猛戳這里：《讓PSD“逆向行駛”》

我們只需要適當(dāng)?shù)恼{(diào)整下色相，降低點(diǎn)飽和度，再增加點(diǎn)明度就行了，調(diào)整后是這樣的：

分解二：主體開始

STEP1：畫個(gè)簡(jiǎn)單的軸

用矩形工具畫一個(gè)矩形的形狀圖層，注意是形狀圖層哦！然后用圖層樣式添加“漸變疊加”：