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

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

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

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

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

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

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

分解一：清新淡雅的背景

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

制作背景前，我們先來建立一個畫布。多大呢？大概這么大：

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

STEP2：模糊效果

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

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

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

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

分解二：主體開始

STEP1：畫個簡單的軸

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