WEB开发网
开发学院图形图像Fireworks 用fireworks做像素人的运动 阅读

用fireworks做像素人的运动

 2007-04-14 08:57:17 来源:WEB开发网   
核心提示:相信很多人都爱看电视吧,比如动作片还有体育方面的内容,用fireworks做像素人的运动,一些的动作是不是觉得很有趣呢?自己想做一个吗?其实做这个动画很简单,但是很麻烦,所有有些不周全的地方还请大家多多指教,如果大家拥有更好的办法不要忘了告诉我哦,如果你不闲烦的话,就跟着我一起来做一个吧

相信很多人都爱看电视吧,比如动作片还有体育方面的内容,一些的动作是不是觉得很有趣呢?自己想做一个吗?其实做这个动画很简单,但是很麻烦,如果你不闲烦的话,就跟着我一起来做一个吧,首先先 下载 本教程用到的字体,这个字体很有用的哦,你学会以后如果创意好的话,会作出更好的作品出来了哦!好了,不说废话了,一步一步来吧!

1:建立一个用白色的背景,大小为:760*60的文件,大小你可以自己决定,只是本作品用了这个尺寸而以!

2: 选字体工具,打上:Q W E R T Y U I O P A S D F G H J K L Z X C V 就是随便打上26个字母,就是键盘上的字母,你可以随便打上,但是不能相同的,然后字体选用刚刚下载的字体Swifty这个字体,大小为60 .如图,出现来的就是一些人物的动作了,是不是很好玩恩?嘻嘻!!,

3接下来就会出现在编辑区了把他的版面排满如下面的图片显示,刚刚满了整个页面,可以很清楚的看到一个人的动作的过程了!

4:然后画跟文件的大小一样的白色矩形,用来遮住其他的动作了,只留下第一个人物的动作就行了!下面的图片的蓝色的四个点就是刚刚的矩形了!

5:接下来就要调整看一下FW里面的帧的运动速度了,默认的是7,把速度调慢一点,可以改为10,打开Frames面板,把帧的运动速度改为10如下面的显示;

6:接下来就是要做人物的运动的效果了,下来的步骤有点麻烦,因为原来的动作可以说是一个帧一个帧编辑及的,现在就是要做26个帧,现在才一个帧,所以就是要复制多25个帧才能让动作连贯吗.是不是呢?打开frames的面板,在右面的三角形点一下,出现下面的窗口,选中Duplicate Frame……选项,

7:出来上面的DUPLICATE frame的面板,按照上面的设置,OK以后就FRAMES的面板就有26个相同的帧了。

8:选第二帧,选中里面的矩形,原来是遮住其他的人物动作,只留下第一个动作,现在把他移动以一下,只留下第二个动作就行了,复制一个,可以按快捷键Ctrl+C,复制一个遮住第一个人物的原动效果显示如下:

为了能让您明白,我选中了两个矩形,现在明白吧!就是现在只看到第二个人物的动作了,

9:现在就要做第三帧了按照上面的步骤,效果图显示如下:

10:接下来就是跟着上面说的,第三帧就用两个矩形遮住其他的动作,留下第三个动作就行了,第四个也是这样一帧一帧编辑,直到25振显示如下面的图片;

现在已经做的差不多了,为了能够清楚自己那里到底编辑到第几帧了,在这里教大家一个技巧,你可以拉出来一条辅助线编辑到几帧就放再拿来,

这样是不是方便很多呢?也比较清楚帧的编辑工作 ,还有在独个帧的编辑工程中矩形可能有时候不能完整的遮住一些相关的动作,你可以用TOOl里面的工具subsetection工具编辑矩形,让矩形能完整的遮住动作

最后,整个帧的编辑工作已经做好了,你现在可以按播放按钮就可以欣赏自己的动作了,但是在第一帧跟第26帧是一样的,所以你可以删除26帧了,放心删除吧!然后导出为GIF动画的格式就成了下面的动作了了,由于这个是我第一次写教程,所有有些不周全的地方还请大家多多指教,如果大家拥有更好的办法不要忘了告诉我哦,如果还有什么不懂的地方就到我的论坛提问吧http://webcool.1000box.net/cgi-bin/lb/leoboard.cgi。

Tags:fireworks 像素 运动

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接