UI日歷組件PS詳細(xì)教程
分解一：清新淡雅的背景
STEP1：新建畫布，置入背景素材
制作背景前，我們先來建立一個(gè)畫布。多大呢?大概這么大：
然后我們找一張高清五碼的藍(lán)天白云(其實(shí)其他的圖片也行，關(guān)鍵是得畫面明亮)，直接拖進(jìn)畫布(會(huì)自動(dòng)生成智能對(duì)象)，調(diào)整下大小(建議拉的比畫布大，為了后面的效果)，比如這樣：
STEP2：模糊效果
確定后執(zhí)行濾鏡-模糊-高斯模糊(具體數(shù)值隨意，自己喜歡就行)
STEP3：用調(diào)整圖層來調(diào)色
在圖層面板添加調(diào)整圖層，我們來給這個(gè)智能對(duì)象調(diào)個(gè)色。啥?還不知道調(diào)整圖層?
我們只需要適當(dāng)?shù)恼{(diào)整下色相，降低點(diǎn)飽和度，再增加點(diǎn)明度就行了，調(diào)整后是這樣的：
分解二：主體開始
STEP1：畫個(gè)簡(jiǎn)單的軸
用矩形工具畫一個(gè)矩形的形狀圖層，注意是形狀圖層哦!然后用圖層樣式添加“漸變疊加”：
STEP2：再畫個(gè)矩形
用圓角矩形工具給日歷畫個(gè)框，圓角半徑不用很大的，小點(diǎn)好了。
STEP3：圖層樣式
然后添加漸變(漸變方式為“對(duì)稱”)、內(nèi)陰影(白色的陰影哦，更改混合模式就能辦到，猜猜看，怎么做?)、投影還有描邊(這個(gè)不多說了哈，純色的)，新建圖層添加高光;效果如下：
STEP4：層次感來啦
復(fù)制該圖層，用鋼筆工具選中左邊的所有錨點(diǎn)(鋼筆，按ctrl鍵能自動(dòng)切換到白箭頭，所以按住ctrl的同時(shí)框選一下就OK)，往里縮一點(diǎn);選中右邊的所有錨點(diǎn)，往里縮一點(diǎn)(或者直接更改寬度，然后居中一下);再往下挪一點(diǎn);復(fù)制出來的圖層挪到原圖層的'下方。重復(fù)上述步驟一次，看起來有3層就差不多了。注意了!根據(jù)近實(shí)遠(yuǎn)虛的透視原理，復(fù)制出來的圖層的投影要調(diào)整下，看起來一層比一層暗。
just like this!
STEP5：分割線
這個(gè)分割線啊，其實(shí)是很簡(jiǎn)單的，一個(gè)深色的矩形(顏色比中心顏色稍微深點(diǎn)就好了)，高度為1個(gè)像素，寬度和這個(gè)最上面的矩形等寬即可。然后添加圖層樣式，就是白色的投影(方法和前面的白色內(nèi)陰影一樣，內(nèi)陰影和投影可通過更改混合模式變成高光;同樣的，發(fā)光/高光也能變成暗色)。因?yàn)檫@個(gè)分割線比較清晰，所以投影的大小為0，距離為1(做這樣的線方法有很多，大家自己去總結(jié))。
附：這里和大家分享一個(gè)PS的隱藏技能：雙擊形狀的路徑可以把這個(gè)形狀圖層單獨(dú)隔離開來進(jìn)行編輯，從而不影響其他圖層，以防不經(jīng)意間的誤操作：
(箭頭所指的部分顯示紅色表示該功能被激活)
STEP6：添加連接軸A
其實(shí)我也不知道這玩意叫啥，暫且叫“連接軸A”吧。畫一個(gè)小小的矩形，形狀圖層哦!添加漸變疊加(盡量和分解二STEP1中的主軸貼近)，加高光(還是內(nèi)陰影)和描邊。用鋼筆框選一下，選中這個(gè)矩形的所有錨點(diǎn)，然后鋼筆+alt+方向鍵→，復(fù)制這個(gè)矩形(在同一層中，類似布爾運(yùn)算，哈!)，位置就是這樣滴：
是不是覺得哪里和以前不一樣?對(duì)了，是左右的描邊沒了。那是怎么做到的呢?沒有柵格化用蒙版還是會(huì)有描邊吧?打開圖層樣式，勾選這個(gè)就OK 了：
然后添加蒙版，把多余的描邊蓋住就OK了。怎么樣，神奇吧!啥?你早就知道了?你不戳穿我能死啊?
STEP7：連接軸B
這部分的制作方法和連接軸A類似，不同的是它有2層描邊。這個(gè)怎么做呢?首先這個(gè)還是形狀圖層。關(guān)于形狀圖層我們知道可以自帶描邊(描邊可以自由設(shè)置類型)，一般默認(rèn)為內(nèi)描邊。嗯，我們就先調(diào)整大小，然后加個(gè)形狀自帶的內(nèi)描邊，然后打開圖層樣式，添加漸變疊加，再加個(gè)外描邊。怎么樣，兩層描邊出來了吧!圖層樣式的外描邊為白色，調(diào)整描邊大小和不透明度就行了。哇哦，原來嗖依賊啊!死鍋一!
用和“連接軸A”同樣的方法，在同一層里復(fù)制一個(gè)出來，調(diào)整下位置就好了。
分解三：數(shù)字及說明
STEP1：數(shù)字
選一個(gè)較粗的英文字體，調(diào)整字號(hào)及位置，添加圖層樣式：斜面和浮雕、漸變疊加及投影：
STEP2：添加蒙版
給數(shù)字添加蒙版(這里就不要勾選“圖層蒙版隱藏效果”了)，大小自定，但注意要以分割線為基準(zhǔn)，上下兩部分等距離，用鉛筆或矩形工具來把數(shù)字“攔腰斬?cái)唷保?/p>
STEP3：標(biāo)注一下
在適當(dāng)?shù)奈恢糜眠m當(dāng)?shù)淖痔?hào)、字體寫上“MONTH”：
(想想這個(gè)凹進(jìn)去的效果怎么做的)
STEP4：老板，打包!
我們把除去背景和最底下的主軸外，所有的圖層都選中ctrl+g整個(gè)圖層組。復(fù)制一下，移動(dòng)到適當(dāng)位置，更改下文字：
STEP5：老板，都打包!
做完這些后，基本上也就做完了。我們把除了背景外的所有圖層/圖層組都打包放在一個(gè)圖層組里，給這個(gè)最終的圖層組添加投影：
分解四：添加文字
然后我們寫上一些文字啥的，就全部做完了。當(dāng)然了，文字不加也行。
最終效果：
【UI日歷組件PS詳細(xì)教程】相關(guān)文章：