论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

用fireworks4做像素人的运动

文章类别:Fireworks | 发表日期:2008-9-20 19:31:49




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

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。



 

上一篇:Fireworks4 制作透明字 人气:2642
下一篇:Fireworks4 巧用无缝填充处理图片 人气:2156
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058