PS绘制可爱小黄鸭输入法皮肤UI教程(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:雾逐月

关键词


步骤 4

输入前景字符。字体选择要与整体风格保持一致,因此选择比较圆润的字体。候选栏icon可以直接从模板中复制图层拖拽,可适当添加图层样式保持风格一致。本输入法分隔号竖线用水流代替,更加贴合主题。


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

步骤 5

检查输入法皮肤的整体效果。主要检查整体颜色是否和谐,饱和度不要太低以免画面呈现出脏的感觉;字体和符号间的粗细尽量保持一致;再次检查各部分尺寸是否符合规定。

第一稿


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

终稿


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

步骤 6

制作展示长图。新建图层,新建纯色填充背景。用小黄鸭的轮廓新建图案,背景用图案填充。注意不要让背景过于花哨,尽量降低透明度,减小缩放。


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

确认长图中需要展示的部分,本长图中总共包括6个部分:开头、颜色选择、字体选择、键盘展示、按键效果展示以及结尾。可根据自己的需求添加或删减,如灵感来源等。

注意成组的概念,即每个部分之间需要留出一定的距离,每个部分中的元素之间也要留出一定的空隙,以保证不产生歧义。


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

制作样机效果展示的时候需注意样机背景需与输入法风格一致,因为本次输入法是小黄鸭,因此样机背景为卡通风格的小黄鸭壁纸。样机的厚度通过钢笔绘制,注意不同的面颜色要有所区别。


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

效果展示—


硬盘皮肤:PS绘制可爱的小黄鸭输入法皮肤,PS教程,思缘教程网

 收藏