先看看效果圖：

教程步驟—

步驟 1

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

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

步驟 2

利用PS將草稿轉(zhuǎn)化為圖像，注意每個部分的尺寸要求，因為涉及到安卓和ios系統(tǒng)的不同，可能會對部分元素進行拉伸，因此不可以大于其要求的尺寸(可在官網(wǎng)下載模板，在制作時直接將切圖模板拖到自己的設計圖中)。

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

步驟 3

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

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

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

步驟 4

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

步驟 5

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

第一稿

終稿

步驟 6

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

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

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

制作樣機效果展示的時候需注意樣機背景需與輸入法風格一致，因為本次輸入法是小黃鴨，因此樣機背景為卡通風格的小黃鴨壁紙。樣機的厚度通過鋼筆繪制，注意不同的面顏色要有所區(qū)別。

效果展示—