[登陆] [注册] | 搜狗输入法 裁缝铺
日志 > Airplay动态皮肤设计教程II之动态图片

Airplay动态皮肤设计教程II之动态图片

搜狗拼音输入法5.0版开始支持动态皮肤,使用5.0新版皮肤编辑器可以突破原有的静态皮肤的设计局限,提供Gif和Apng动画格式的支持。

1.动画效果体现在四个位置:

a 输入框、状态栏背景中,背景可以实现动画效果,比如花渡·清明时节的皮肤中背景实现下雨的动态效果。
Airplay动态皮肤设计教程II之动态图片

b 自定义图片中 ,比如在花渡·小池皮肤里面水波水滴和蜻蜓的动画效果。

Airplay动态皮肤设计教程II之动态图片

c 状态按钮交互事件中,比如Airplay系列皮肤中,切换简繁体,全双拼,全半角,中英标点,键盘时有动画效果。
Airplay动态皮肤设计教程II之动态图片
d 翻页按钮交互中,比如Airplay系列皮肤中,用鼠标点击翻页按钮时有动画效果。

2、动态图片格式支持:

2.1 GIF动态图片

GIF分为静态GIF和动画GIF两种,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,但GIF只能显示256色。

2.2 Apng动态图片
APNG(Animated Portable Network Graphics)是一个基于PNG(Portable Network Graphics)的位图动画格式,扩展方法类似主要用于网页的GIF 89a,仍对传统PNG保留向下兼容。第1帧是标准的单幅PNG图像,因此只支持原版PNG的软件能正常显示第1帧。

2.3两种动画图片格式的最大区别:
GIF:256色  透明度只有两种:透明和不透明  绝大多数浏览器
Apng:24位真彩色(16777216种颜色)  16位的α通道数据

2.4 设计动态皮肤选用哪种格式的最好:
从两种图片格式的区别来看,采用Apng图片格式效果是最好的,可以支持半透明,阴影,光滑的边缘过渡,丰富的色彩。

3、动态图片编辑软件:
3.1 GIF编辑工具:
有很多,教程也很多。就不介绍了,感兴趣的朋友可以搜索下:
  • GIF Movie Gear
  • Ulead GIF Animator 5
  • Firework
  • Photoshop CS(集成了Imageready)
3.2 Apng编辑工具:
  
首先是png设计软件:只要是可以编辑导出png格式的软件都可以,比如photoshop、firework,由于Apng动画是逐帧动画,所以需要一帧帧设计导出为单个帧文件,最好按显示的顺序来为文件起名。

APNG编辑合成软件:目前这类软件非常少,介绍几个:
  • Firefox浏览器的两个Apng动画编辑插件,一个是APNG Edit插件,另外一个是Animat插件,都是英文界面,没仔细用过,不详细介绍了,有兴趣的朋友可以到火狐浏览器插件网站下载安装试试看。
  • GIF Movie Gear 4.2  从这个版本开始支持导出APNG格式的动画。默认安装之后不支持导出png动画,需要经过下列的设置才可以:
    编辑菜单--》首选项--》用途标签  选择“其他...”
    Airplay动态皮肤设计教程II之动态图片
    导出标签中:勾选“保持24位彩色....”
    Airplay动态皮肤设计教程II之动态图片
    导出png动画文件:文件菜单--》Gif动画文件另存为--》保存类型选择PNG  样式选择动画。
    Airplay动态皮肤设计教程II之动态图片

    完成动画文件的导出。


动态图片的相关软件工具先介绍到这里:)

待续...


评论

avatar
不错,用着这款皮肤发的评论
2010-04-27 19:36:50
avatar
请问动态图片怎么导入啊?
2010-08-11 18:29:15
avatar
学习中!
2010-11-06 06:15:31
avatar
我正要找能制作PNG动画的程序呢,居然在这里碰到了,花渡谢谢啦! 这下我的动画皮肤可以制作得精细些了
2011-01-20 19:24:57
avatar
Ot6BqQ <a href="http://jaqjjguoqmmq.com/">jaqjjguoqmmq</a>, [url=http://muqwsctlxrvp.com/]muqwsctlxrvp[/url], [link=http://gfthgodvwzrh.com/]gfthgodvwzrh[/link], http://fjhalycvtrdo.com/
2011-08-18 23:17:10
avatar
难难难
2011-10-30 12:48:20
12345678 下一页最后 (共6073页, 每页显示6条,共36435条)

发表评论: