PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

2019-01-24 00:00:00 來源/作者: 網(wǎng)絡(luò) / 禧鑫 己有:1075人學習過

想要一款完全符合自己喜好的輸入法嗎?不要再是簡單地換換鍵盤背景,本教程教你如何構(gòu)思制作一款動漫卡通風格的輸入法皮膚。

先看看效果圖:

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

教程步驟—

步驟 1

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

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

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

步驟 2

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

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

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

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

步驟 3

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

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

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

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

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片

PS鼠繪可愛小黃鴨手機輸入法皮膚圖片