用新浪微博登录

只需一步,快速搞定

 找回密码
 立即注册

用新浪微博登录

只需一步,快速搞定

查看: 2880|回复: 1

[MAD原创]FLASH MX动画基础教程之分层应用和补间制作

[复制链接]

该用户从未签到

30

主题

83

帖子

452

积分

LV 6.会员

积分
452
QQ
发表于 2008-8-19 02:50:59 | 显示全部楼层 |阅读模式 |          
额...我Madboysun又来写教程了,因为以前喜欢用FLASH做一些简单的KOF动画 所以很多人都要我教他们FLASH,其实我一直不敢写这个教程,因为我只是一个FLASH菜鸟 会的都是最基础的,即使是这样我感觉我会那点东西也够我做动画了 所以我尽我最大努力把我会的那点写出来 希望大家都可以掌握一定的FLASH知识 这样做图做视频之类的就不愁了  
  但是!由于我都是自己研究出来的 所以错误肯定不少 如果有的话高手见谅就好了 指出错误就好 请不要说我在误导别人,否则你自己也写一份教教新手..毕竟截图加教程是超辛苦的....
  
  FLASH MX的分层和补间概念:
  
  分层不难理解 就是每一段动画在每一个图层 像SNK的作品几乎都是分层的 分层做图的好处在于 便于修改和制作
  
  补间即是做补间动画 我的理解是在一段帧之内的图形变化的动画 下面的教程我会截图教导大家如何做最基础的补间
  
  教程开始!
  
  1 上网先下个FLASH MX 2004 网上一查一堆 80M左右 安装 打开 界面是这个样子

  

  选择创建新项目下面的FLASH文档,
  
  

  创建新文档后在下面的属性框中修改你要做的动画的属性 点击那个大小 550X400像素的图标
  
  会出现这个界面  
  
  

  如果你要做KOF的动画 我建议你选择游戏的原尺寸大小 因为这样你做动画会减少很多位移的麻烦 原尺寸即304X224 背景颜色建议选黑 因为在做其他动画事黑背景很容易加些简单特效 帧频改成18 相当于GMG UGA之类的做GIF的6帧每秒
  
  点击确定后正式进入编辑界面

  在第一帧处导出你需要的背景素材 因为是做KOF的动画 这个素材你可以用GMG做 而不用相对来讲比较麻烦的FLASH 做好后按我的选项导入到FLASH的第一图层中

  

  

  
  
  例如我今天要做的这个动画即是讲KOF2001过场动画和98草薙八神开场和在一起 这中GIF合并用UGA的话会很麻烦 相比而言FLASH的分层做图会简单太多了 这对很多GIFer都是很有用的
  
  素材是自己先用GMG在游戏中抓取制好的 分两层 一层是由下往上移动的舞台背景 一层是观众和彩带 第一个导入的是舞台背景
  
  
  导入后的背景如下 大家可以看到在图层1里所有导入帧的状态 实心黑的叫做关键帧 空白的叫做帧 帧的作用是延时关键帧的时间 状态与前一个关键帧的状态相同

  
  
  这时大家可以按回车键播放动画看看你导入在舞台里面的GIF的效果 要注意一点的是你导入的做好的GIF设置必须为还原背景而不能优化为还原上一帧
  
  
  双击图层1的名字可以给这个图层改名 这是个好习惯 因为一段大的动画通常都会用到几十个图层 不改名字的话你肯定会搞混的 这样就麻烦了

  
  
  第一层准备完毕 单击我标出的位置新建一个图层 在这个图层上我导入我草薙和八神的单帧图 做补间用 同样改好名字

  

  
  
  那么开始制作补间动画吧~ 在你导入的那张图上面点鼠标右键选择 转换为元件

  
  
  选好后在第一帧处把那张图拉到你想要图从哪里开始动的地方 说明一下把图拉到你最开始设置的304X224的舞台框外的话那么最后做出来的GIF图或动画是看不到的

  
  
  PS:在转换为元件的时候会出现三个选项 :影片剪辑 按钮和图形
  影片剪辑是指先预先用FLASH做一段动画  但是我很不喜欢这种方法
  按钮就是需要脚本的FLASH制作按键样式 与我们的无关
  所以我们选择第三个图形 名称你随意
   
  
  
  做好后下面的属性里就是你刚才转换为FLASH元件的那张图的属性 左边的X和Y可以调图片的位置 右边的颜色下面有亮度等4个选择 这个很重要 用来调图片的颜色 ALPHA这个很有用 可以做补间为人物消失又出现的教程 不难 大家可以试试 但是我今天这个还用不到 继续
  
    

  之后在你后导入的图层里的倒数第2真上点右键 选择插入关键帧 来与背景的最后一个关键这保持一致

  
  
  之后效果如下 大家可以看到第一桢的图延续到倒数第2帧了

  
  
  然后在该图层任意部分点击右键选择 创建补间动画

  
  
  同样在该图层的最后一桢插入一个帧让其与下面的图层保持一致

  
  
  这样一段最基础的补间动画就做好了 效果如下~
  
  
  
  下面就是完善我做的这个图了 继续填加一个图层把事先做好的观众GIF部分导入进去

  
逐渐淡忘KOF 回归诗人的梦....
http://hi.baidu.com/madboysun 我的绝望天堂

回复

使用道具 举报

该用户从未签到

30

主题

83

帖子

452

积分

LV 6.会员

积分
452
QQ
 楼主| 发表于 2008-8-19 02:51:51 | 显示全部楼层
图没有贴上 在发


  在后面删除多余的关键帧 继续让动画所有图层最后一桢保持一致

  

  这样我今天的这个动画就基本做完了 大家可以用回车看看这个动画的效果


  下面教导大家导出动画或者GIF的方法 看我的选项 文件——导出——导出影片  但是FLASH直接导出的GIF不仅体积大而且会失真 所以如果要导出GIF的话就选择导出视频AVI再用UGA等专业制作GIF的软件导出GIF 这样效果会更好

  

  下面是可以导出的视频格式菜单 通常SWF是我喜欢导出的 体积小 不失真并且用会声会影等视频编辑软件增加特效会更容易~

  

  好了 这次我Madboysun的FLASH教程第一课就讲完了 这都是最基础的FLASH常识 如果大家有不明白的地方就联系我问我好了 下次有机会的话我会跟大家讲点稍微难一点的FLASH基础知识..还是那句话 有错误在所难免 高手见谅哈~~

  
逐渐淡忘KOF 回归诗人的梦....
http://hi.baidu.com/madboysun 我的绝望天堂

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

     
    Archiver|手机版|小黑屋|( 沪B2-20170054 )
关闭

站长推荐上一条 /2 下一条

GMT+8, 2019-10-15 22:34 , Processed in 0.219712 second(s), 33 queries .

© 2001-2011 Powered by Discuz! X3.1

快速回复 返回顶部 返回列表