先看看效果圖：

教程步驟—

步驟 1

確認(rèn)輸入法皮膚的構(gòu)成部分，手機(jī)皮膚由候選欄+拼音區(qū)+云候選區(qū)+鍵盤大背景+9鍵鍵盤+26鍵鍵盤+上劃彈泡等元素成。分別構(gòu)思各部分的草稿，確認(rèn)各部分的風(fēng)格，形狀和顏色與主題匹配。

本次輸入法的主題是小黃鴨，從而定下了軟萌可愛的風(fēng)格，因此盡量避免尖銳的轉(zhuǎn)角，顏色也選擇偏暖色調(diào)，按鍵形狀可以采用小黃鴨本身的特征，如鴨爪等。通過(guò)小黃鴨，還可以聯(lián)想小黃鴨漂在大海上的圖像，因此大海，沙灘，沙灘球等元素都可以轉(zhuǎn)化成為輸入法的一部分。

步驟 2

利用PS將草稿轉(zhuǎn)化為圖像，注意每個(gè)部分的尺寸要求，因?yàn)樯婕暗桨沧亢蚷os系統(tǒng)的不同，可能會(huì)對(duì)部分元素進(jìn)行拉伸，因此不可以大于其要求的尺寸(可在官網(wǎng)下載模板，在制作時(shí)直接將切圖模板拖到自己的設(shè)計(jì)圖中)。

新建一個(gè)1080*832的畫布，新建矩形作為鍵盤背景，注意鍵盤大背景不可有圓角或異性設(shè)計(jì)，否則會(huì)被黑色填充。接著制作候選欄，注意右側(cè)圖像不可過(guò)大(220*200)，設(shè)計(jì)盡量簡(jiǎn)潔，確保每個(gè)icon能顯示清楚。

步驟 3

接著制作按鍵部分。注意：按鍵的投影圖層的混合模式必須是正常，否則會(huì)影響后續(xù)切圖。本次輸入法的按鍵的設(shè)計(jì)為符合小黃鴨的形象，投影和斜面浮雕的過(guò)渡都比較柔和。做出想要的效果后，拷貝圖層樣式粘貼到其它按鍵圖層即可。

部分功能鍵可以由小黃鴨的相關(guān)變形構(gòu)成，可以增加變化。鴨爪的繪制可以使用布爾運(yùn)算，三個(gè)橢圓按不同角度疊加，這樣做出來(lái)的形狀比較圓潤(rùn)耐看。之后，粘貼圖層樣式時(shí)，因?yàn)榘存I顏色不同，記得改變高光和陰影的顏色。

上滑彈泡和長(zhǎng)按彈泡的設(shè)計(jì)必須符合尺寸要求，按鍵不能單純按下變字體顏色，需要有明顯的變化。本次輸入法按鍵利用沙灘球作為靈感設(shè)計(jì)上滑彈泡，在顏色上和背景鍵盤有個(gè)區(qū)分，并且不影響整體主題呈現(xiàn)。因?yàn)榘存I和候選欄都是立體的設(shè)計(jì)，沙灘球也必須做出體積感，以免有違和感。

步驟 4

輸入前景字符。字體選擇要與整體風(fēng)格保持一致，因此選擇比較圓潤(rùn)的字體。候選欄icon可以直接從模板中復(fù)制圖層拖拽，可適當(dāng)添加圖層樣式保持風(fēng)格一致。本輸入法分隔號(hào)豎線用水流代替，更加貼合主題。

步驟 5

檢查輸入法皮膚的整體效果。主要檢查整體顏色是否和諧，飽和度不要太低以免畫面呈現(xiàn)出臟的感覺;字體和符號(hào)間的粗細(xì)盡量保持一致;再次檢查各部分尺寸是否符合規(guī)定。

第一稿

終稿

步驟 6

制作展示長(zhǎng)圖。新建圖層，新建純色填充背景。用小黃鴨的輪廓新建圖案，背景用圖案填充。注意不要讓背景過(guò)于花哨，盡量降低透明度，減小縮放。

確認(rèn)長(zhǎng)圖中需要展示的部分，本長(zhǎng)圖中總共包括6個(gè)部分：開頭、顏色選擇、字體選擇、鍵盤展示、按鍵效果展示以及結(jié)尾?？筛鶕?jù)自己的需求添加或刪減，如靈感來(lái)源等。

注意成組的概念，即每個(gè)部分之間需要留出一定的距離，每個(gè)部分中的元素之間也要留出一定的空隙，以保證不產(chǎn)生歧義。

制作樣機(jī)效果展示的時(shí)候需注意樣機(jī)背景需與輸入法風(fēng)格一致，因?yàn)楸敬屋斎敕ㄊ切↑S鴨，因此樣機(jī)背景為卡通風(fēng)格的小黃鴨壁紙。樣機(jī)的厚度通過(guò)鋼筆繪制，注意不同的面顏色要有所區(qū)別。

效果展示—