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

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


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

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

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

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

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

最后做出整體鍵帽在鍵盤或鍵槽上的陰影(如果切圖要求能滿足的話)
至此,一個(gè)鍵帽就完工了,其余部分大體不過形狀位置或大小或圖層樣式參數(shù)的調(diào)整,此處就不贅述了
03 鍵槽部分
鍵槽部分結(jié)合鍵帽部分共同進(jìn)行尺寸調(diào)整
鍵槽部分的把控既麻煩又簡(jiǎn)單。簡(jiǎn)單指鍵槽的表現(xiàn)和放置;麻煩指鍵槽的尺寸大小的把握和鍵帽和鍵槽如何進(jìn)行較為和諧的結(jié)合,這兩者并不矛盾。