PS繪制灰白色機械鍵盤樣式手機輸入法皮膚圖片

一句話，如果本身設(shè)計元素就不算太多的話，那么剩下的部分可能更需要精致，需要更多細節(jié)，這樣才能更耐看一些。

如下為圖層樣式的拆解，以9鍵布局為例，其余鍵帽差別不大(調(diào)整圖層樣式時，無需死摳數(shù)據(jù)，主要通過最終的視覺效果來選擇圖層樣式的應(yīng)用程度。此外，圖層樣式的添加每一步都有確切的目的，不要為所欲為。)

(此處正是之前提到的錯誤的脫離切圖尺寸制作的鍵帽，若將其轉(zhuǎn)化為智能對象，并進行拉伸，邊緣圓角很有可能出現(xiàn)變形等其他問題。不提倡脫離切圖尺寸進行制作，不過此處僅作圖層樣式設(shè)置的講解，影響不大。)

不要死摳數(shù)據(jù)，根據(jù)需求情況及最終效果進行反復(fù)調(diào)整。

(注意!未標(biāo)明色值的顏色要么為因為重復(fù)所以略去的顏色，要么就是純黑純白(通過不透明度參數(shù)的調(diào)整實際所需的陰影顏色等))

漸變疊加做鍵帽底部四面的顏色

兩層內(nèi)陰影加一層內(nèi)發(fā)光做出厚度，特別強調(diào)下部邊緣的厚度

鍵帽的頂部同理，相似的方法根據(jù)不同的光影情況給予略微不同的參數(shù)不斷調(diào)整即可。不過此處的漸變疊加是用于做

鍵帽頂部本身的彎曲度，漸變不宜選區(qū)差異過大的顏色，否則會變形。

添加上一個較為柔和的投影做出鍵帽的頂部與底部的上下層級關(guān)系的感覺，可以不必太深，之后還可以通過強化某一立面暗影的方式凸顯鍵帽深度。

單獨使用投影+蒙版的方式刻畫或強化前后立面的深度。注意參數(shù)的調(diào)整，使得陰影更加真實(后立面深度也可不進行單獨強化，這取決于光源的選取，實際作品中為對比更為強烈，未對后立面進行單獨強化)

最后做出整體鍵帽在鍵盤或鍵槽上的陰影(如果切圖要求能滿足的話)

至此，一個鍵帽就完工了，其余部分大體不過形狀位置或大小或圖層樣式參數(shù)的調(diào)整，此處就不贅述了

03 鍵槽部分

鍵槽部分結(jié)合鍵帽部分共同進行尺寸調(diào)整

鍵槽部分的把控既麻煩又簡單。簡單指鍵槽的表現(xiàn)和放置;麻煩指鍵槽的尺寸大小的把握和鍵帽和鍵槽如何進行較為和諧的結(jié)合，這兩者并不矛盾。