分享
 
 
 

像素在flash中的应用

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

前言

在我们的印象中,flash是基于矢量的一套设计软件,位图不利于缩放,而且位图的每个点的位置和颜色必须存储,所以位图文件会比较大。所以,一般flash里用到的几乎都是矢量图资源。

那么,位图在flash里就真的没有用武之地了吗?大家可以看看偶做的这个例子:

点击这里下载源文件

效果还可以吧?这个就是传说中的像素画。由于像素画是很特别的一种位图形式,所以相对于矢量,它在flash里还是有自己优势的。下面要和大家讨论的就是flash和像素画的结合运用。

关于像素

像素是什么呢?像素是位图的最小单元格,一个像素点是一个颜色构成的小方块。像素设计就是在这些小方格上做文章,看似简单,其实画起来很难。国内也有很多专业的象素设计师,佩服中。

不过其中,将flash和像素结合的情况,似乎不是很多。偶某天试着研究了一下,发现问题一堆,不过基本上都是可以解决的。下面就开始进入正题吧。

像素图的准备

像素图的绘制工具本人还是推荐Photoshop;当然有些达人坚持直接用画板画,偶感觉操作是很不方便的。至于怎么画,这里就不说了,不是不想说,只是偶也是初学者,怕误倒大家,当然,欢迎提问,一起讨论学习。偶尝试着用flash和像素构建了一个网站,欢迎来踩,http://www.toorison.com

当然,如果想专业一点的话,大家可以去国内的像素论坛(如像素森林,ourcall)学习,那里有相关详细教程。

导入flash

这步是问题比较多的一步,flash太智能了。在我感觉中,它有n多帮助你优化和平滑图片的功能,导入,导出,生成动画时都会帮你优化。而对于像素图来说,这些都是不需要的,甚至是适得其反的。像素的特点就是不平滑,它不需要anti-alas(抗锯齿)发挥功能。容易出问题的步骤就是生成元件的问题。

我们看这两张图:

左边那张明显错位了几个像素。有很多人会问,在flash里处理的时候都是一样的,而且没有发生错位,怎么有的图形在导出动画后会发生错位呢?原因就是这步:

如果在导入做好的像素图后,直接在时间轴上生成补间动画,库里会出现补间的图形元件,也可以生成动画。看似没有问题,但是导出影片后,经常会出现上述错误,像素图是严谨的,不允许尺寸发生任何的拉伸,偶也不知道这个过程发生了什么拉伸,总之大家不要那么做比较好。

我的办法是在导入后,右击图片,将其转换为mc,取个好名字,于是万事大吉,这个mc元件无论你怎么调用,怎么导出,都不会发生错位和变形了。当然,你也可以在右击时转换成图形元件,不过我感觉图形元件这个功能MM迟早要把他去掉。

制作动画

这个环节是flash里的关键环节,能做出什么样的动画就靠你的想象力了。偶初步尝试了一下开火车的效果,还算理想,就是头上那个例子。

在讲这个例子前,要把像素画里一个普遍使用的角度给大家介绍一下,那就是传说中的22.6度双点线组合,如下图:

22.6度线流畅整洁,这是放大800倍的效果,缩小上色后就是这样:

那么我就以这种形式的像素图来说运动方式。这时候要造成视觉上的立体感,就不能像平面图那样左右移,上下移了,更不能乱移动。在那张放大800倍的图中,我们看到,像素格是按照22.6度的方向2格2格递进的,那么对于黄色的长方体来说,要沿着它坐标延伸的方向移动,在flash里的坐标变化就应该是:

x变化2-y变化1 的比例。于是如果我们把它当成火车mc,命名为:move_train。

帧上的as就应该是:

this.onEnterFrame = function() {

move_train._x += 2; //move_train._x递增2

move_train._y++; //move_train._y递增1

}

这样,火车就沿着22.6度线平滑移动了。有些朋友要问,不就是个移动的效果吗,不用as,直接放在动画里可以吗?

我开始也是那么想的,从原理上来说,把开始坐标和结束坐标的 x,y递增设置为2:1,在场景里调整关键帧的坐标就可以了。但实际上这样是行不通的,因为像素图的最小单元格是1px,而flash是0.1px,当帧数对于运动经过的像素路程不平均的时候,就会很不平滑。于是看起来就像 越野火车。

到这里,这篇火车的教程就完了,例子中火车的gif图才不到10k,事实上由于像素图用色的规范,文件都很小,一大优点啊;缺点就是占内存多些。这个仅仅是像素在flash里的一个小小应用,大家可以发挥想象,创作出更有意思的动画来。flash也开始注意到对像素方面的改进了,在mx 2004里,已经加入了生成锯齿文字的功能了,如图:

虽然使用起来还是有很多注意事项的,但是总算是个改进了。最后,希望更多的朋友能对像素创作产生兴趣哈。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有