【Flash秀】为空间打造墨迹写字和制作个性loading样式 (2/263)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: 点滴

用户形象图片

 
制作空间模板时要用到一些小动画(比如:旋转、渐变、遮罩等)FLASH是一个不错的制作软件,因为FLASH支持:补间动画、形状动画(变形动画)、逐帧动画三种模式,当然其中还有一些什么引导动画之类的,这个也归属于这其中(除了形状动画)。这三种模式都有自己的对象。

补间动画应该是大多空间爱好者常用到的一种,这种模式的动画的对象是元件(图片元件、影片元件、按钮元件)

形状动画和补间动画比起来相对用得比较少,这种模式的动画对象,只有失量图(在FLASH中绘制的形状或完全打散后的对象)。

逐帧动画用得更少了,这种模式是每一帧都有变化的,比上面两种麻烦多了,但在一些FLASH电影、FLASH的MTV里面很常用的一种模式。

这次模板中用到了逐帧写字效果,我们看到一些动态图片上有毛笔写字、钢笔写字的效果,在FLASH中也可以实现此种效果。 

+---------------------------------------------------------------------------------------------


启动FLASH(在这里我用的FLASH8.0,当然其它版本的软件也可以)新建影片元件【插入-新建元件Ctrl+F8】(一定要是影片元件,在FLASH里面只有影片元件才支持帧动画播放)命名随便,如图所示

在该影片中输入要做动画的字,调整字体、大小一切设置好后,对它进行打散【Ctrl+B】,完全打散(完全打散后在FLASH中就可以用橡皮擦除了),一个字一个层,这样好控制,如图所示。
 
在工具箱中找到橡皮工具【E】进行逐帧擦除,我们写字的时候用的顺笔划,在这里要用反笔划的笔迹进行擦除,如图所示。

就按上面的方面进行擦除,直到整个字被擦完,字擦完后选中该图层第一帧按住Shift不要放开再选中该图层最后一层,选中后右击图层执行翻转帧命令,如图所示。
 
第一个字的逐帧动画就算完成了,可以按下Enter键看看效果,第二个字也用同样的方法制作,用鼠标左键按住另一个字的第一帧往后面拖,拖到第一个字完成的那一帧(这样是为了让第一个字显示完后接着显示第二个字),如图所示。
  
当我们把两个字的逐帧动画都做完后,按下Enter键看效果时,会发现时间轴播放到第二个字时,第一个却不见了,在这里我们要延长第一个字的时间轴,与第二个字的时间轴相等,如图所示。


+---------------------------------------------------------------------------------------------

这次模板中同样的用到的进度条(统称loading),这次Loading的样式制作也是用了逐帧动画,同样的在Flash中新建影片命名为“Loading”用椭圆工具【O】绘制一个宽103、高103的圆(画的同时按住Shift键,这样画出的圆是等比例的),并在该影片新建一层,绘制一个宽70、高70的圆(两个圆都要居中对齐)如图所示。
  
把中间白色的圆剪切到黑色圆这个层,粘贴到当前位置,然后删除白色圆(这样在Flash中就达到了失量切割的功能),如图所示。
  
在该影片中新建一层用矩形工具(不要边框)绘制一种长方块,居中对齐,然后在同一层中对长方块进行复制旋转(孤度60度),如图所示。
  
把旋转后的长方块剪到黑色圆的图层上,按上面的方法进行切割操作,如图所示。
  
选中一块修改成白色,然后选中第四帧创建关键帧,再选中其中一块黑的修改颜色为白色,以此类推每隔四帧创建一次关键帧并修改其中一块为白色(修改第二块为白色的时候,别忘了把第刚才修改成白色的黑色块修改为黑色),如图所示。
  
做好后,把此图拖入场景中并居中,新建一层输入等信息的英文,再新建图层,用文字工具【T】制作动态文本框,选中文本框设置实例名为“text1”如图所示。
  
再新建一层为长二帧创建关键帧,用来写loading的代码,分别在第一帧和第二写上AS,如图所示。
  

+---------------------------------------------------------------------------------------------

Loading源文件下载:右击另存为
更多Loading样式制作介绍:模板进度条:掌握一种方法,多种表现形式

+---------------------------------------------------------------------------------------------

空间教程推荐流程及方法:
推荐到邮箱:itquan@qq.com
邮件主题:[空间攻略]*******(*为日志标题)
文章标题:
文章链接:
文章作者:
内容摘要:(简要阐述文章内容)
  
我们圈的口号:鼎力支持原创 分享创作乐趣
JUST SHOW IT
IT游戏圈Q吧:http://itbar520.qbar.qq.com
IT游戏圈空间:http://992126567.qzone.qq.com
游戏博客专区:http://blog.qq.com/game

回到帖子顶部

回帖 引用 1楼 漂泊雪

用户形象图片

....兔子写这个教程不容易哦~~~兔子辛苦了
回到帖子顶部

回帖 引用 2楼√七喜瘋子←

用户形象图片

我认真的看完了 第一次发现不是那么的难..
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]