QQ输入法皮肤教程
皮肤的设计分成普通皮肤和相框皮肤两种。
普通皮肤的制作:
普通皮肤制作的一般步骤:
制作效果图—切图—皮肤编辑器生成皮肤
1.制作效果图
参考尺寸 156*36
参考尺寸 320*60
参考尺寸 160*30
参考尺寸 160*145
2. 切图
将制作好的效果图切成符合要求的图片。一套完整的QQ输入法需要22张图。包括 13张四态图、4张底图、1条分割线、1张形象图、3张效果图。其中必要的有16张。详细如下:
1 / 5
参考尺寸 名称 示例 格式 图片类型 备注 pix
156*36 png 底图1 必要
80*18 png 四态图1 必要
80*18 png 四态图2 必要
80*18 png 四态图3 必要
状态栏 80*18 png 四态图4
80*18 png 四态图5
80*18 png 四态图6 必要
80*18 png 四态图7 必要
80*18 png 四态图8
80*18 png 四态图9 必要
80*18 png 四态图10 必要
80*18 png 四态图11 必要
320*60 png 底图2 必要
234*2 png 分割线1 横排主体窗口 78*68 png 形象图1
24*11 png 四态图12 必要
24*11 png 四态图13 必要
160*30 png 横排主体窗口 底图3 必要
160*145 png 底图4 必要
78*68 png 形象图1
2 / 5
24*11 png 四态图12 必要
24*11 png 四态图13 必要
60*60 jpg 预览图 效果图1
500*380 jpg 效果图 效果图2 用于皮肤详情皮肤缩略图 页的展示。
必要
450*200 jpg 首页缩略图 效果图3 用于分类页不
首页推荐展示
必要 四态图的制作方法:
一个按钮需要做4种状态:正常,经过,点击,不可用。
一个按钮的四态图是四个状态横排排列拼接的一张图片。
注意四个状态的尺寸大小必须是相同的。
例如中文按钮的四态图为:
3. 皮肤编辑器生成皮肤
利用皮肤编辑器,导入图片并编辑相关区域,生成qpys格式皮肤文件。 皮肤编辑器使用方法请看视频教程:QQ输入法皮肤编辑器教程。
在安装过QQ输入法的情况下,此时的双击此文件,就可以安装使用了。 如果想不万千用户一起分享你的创作成果,还需要上传,等待审核通过后就可以在QQ输入法皮肤官网上发布了。流程如下:
3 / 5
制作效果图—切图—皮肤编辑器生成皮肤—上传皮肤文件与效果图—审核—上线 对于皮肤审核通过的标准,请参见皮肤详细要求。
相框皮肤的相框制作
相框皮肤的制作除相框外其他的制作方式不普通皮肤的相同。
状态栏的相框建议为40X40pix的大小,输入框的相框大小为2的倍数,如80x80,尽量避免80x81这种非2的倍数的情况出现。
相框包括3个文件:
,1,相框文件-相框必须是有镂空区域的,文件格式为png24位格式
,2,蒙板-蒙板的文件格式为png24位格式,如带有透明度的情况,蒙板会根据相应的透明度进行显示。如:
4 / 5
蒙板的图片大小必须是和相框的图片大小一致,蒙板的位置也要符合相片的出现位置。 ,3,默认图片
默认图片必须要和蒙板的区域一样大,一个像素都不能差,不然会造成图片的拉伸变形。 效果图:
5 / 5