PS繪制灰白色機械鍵盤樣式手機輸入法皮膚圖片
一句話,如果本身設(shè)計元素就不算太多的話,那么剩下的部分可能更需要精致,需要更多細節(jié),這樣才能更耐看一些。
如下為圖層樣式的拆解,以9鍵布局為例,其余鍵帽差別不大(調(diào)整圖層樣式時,無需死摳數(shù)據(jù),主要通過最終的視覺效果來選擇圖層樣式的應(yīng)用程度。此外,圖層樣式的添加每一步都有確切的目的,不要為所欲為。)
(此處正是之前提到的錯誤的脫離切圖尺寸制作的鍵帽,若將其轉(zhuǎn)化為智能對象,并進行拉伸,邊緣圓角很有可能出現(xiàn)變形等其他問題。不提倡脫離切圖尺寸進行制作,不過此處僅作圖層樣式設(shè)置的講解,影響不大。)
不要死摳數(shù)據(jù),根據(jù)需求情況及最終效果進行反復(fù)調(dià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é)合,這兩者并不矛盾。