先看看效果圖：

教程步驟—

步驟 1

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

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

步驟 2

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

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

步驟 3

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

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

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