UI教程，UI日歷組件的設計思路。

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

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

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

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

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

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

分解一：清新淡雅的背景

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

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

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

STEP2：模糊效果

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

STEP3：用調整圖層來調色

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

我們只需要適當的調整下色相，降低點飽和度，再增加點明度就行了，調整后是這樣的：

分解二：主體開始

STEP1：畫個簡單的軸

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