萌萌妈妈 发表于 2015-1-15 20:59:00

给大家带来Flash实例:心爱的小田鸡闹钟-Flash实例教程

Flash8.0是Macromedia公司在7.0版本的基础上开发的,功能更强大,易于设计。
这个Flash实例制造了一个心爱的“小田鸡时钟”动画,用到了Flash的基础画图工具如椭圆、矩形、直线和恣意变形等,操纵简便易懂,合适实习。先看下效果吧:
最终效果:

http://www.webjx.com/files/media/qingwanaozhong.swf制造步骤:
1、新建一个Flash文档,Ctrl+F8新建一个元件,定名为“clock”。选择椭圆工具,设笔触为玄色,添补为绿色,按住Shift键画出一个正圆。


图01
2、Ctrl+D复制一个,将添补改成红色。用选择工具选中两个圆,实行菜单/修正/对齐/垂直中齐和程度中齐。


图02
3、画田鸡的手。新建一个图层,定名为“hand”,放在图层面板最上层。将绿色的椭圆Ctrl+D再复制一个,并用恣意变形工具调到以下巨细。


图03

4、将这个小椭圆放在正面以下地位。


图04
5、再复制一个小椭圆,放在别的一边完成田鸡的手。


图05
6、画田鸡的脚。新建一个图层,定名为“foot”,放在图层面板最上层。脚是由1个年夜椭圆和5个小椭圆构成的,以是先复制出6个椭圆并调剂到以下巨细。


图067、将6个椭圆按以下地位摆放,年夜椭圆在最上面,两头的小椭圆在最下面。在各个椭圆上单击右键选择“分列”能够调剂它们的条理。


图07
8、排好以后选中全部脚,Ctrl+D复制一份,选择菜单/修正/变形/程度翻转后放在别的一边完成田鸡的脚。


图08
9、画工夫刻度。新建一个图层,定名为“time”,放在最下层。用直线工具画一条恣意长度的直线。


图09

10、选中这条直线,Ctrl+T修改变形面板,将“扭转”的角度设为“15”。单击右下角的“复制并使用变形”按钮,就可以复制出别的一条。


0
11、持续单击此按钮直到复制出一整圈直线,效果以下。


1
12、选中一切的直线,Ctrl+G群组。再用椭圆工具按住Shift键画出以下正圆。选中直线和椭圆,实行菜单/修正/对齐/垂直中齐和程度中齐。


213、Ctrl+B将它们全体打散后删失落过剩的线条,只留下椭圆表面的这一圈直线就构成了一个刻度盘。Ctrl+G将它们群组。


3
14、用恣意变形工具将工夫刻度调剂到符合的巨细,放在时钟上以下地位便可。


4
15、画眼睛。新建一个图层,定名为“eye”,放在最上层。再复制一个绿色的椭圆备用。


5

16、别的再画两个小椭圆,一个添补红色,一个添补玄色,表面均为玄色。


6
17、将三个椭圆以下叠放在一同,放在以下地位,完成一只眼睛。


7
18、复制一个眼睛,实行菜单/修正/变形/程度翻转后放在别的一边完成一对眼睛。


819、选中两只眼睛,按F8转换为元件,定名为“eye”。双击眼睛进进元件编纂界面,在第1帧大将两个黑眸子调剂到右边。


9
20、在第3帧上按F6拔出关头帧,并将两个黑眸子调剂到右侧。


0
21、在第4帧上按F5拔出帧,完成眼睛。


1

22、画指针。Ctrl+F8新建一个元件,定名为“arrow1”,用矩形工具画出以下矩形,笔触为黑,添补为绿。


2
23、Ctrl+D复制出一个,并用恣意变形工具调到以下巨细。


3
24、将两个矩形以下安排。用选择工具将小矩形下面的两个端点分离向内拖动便可调剂成三角形。


425、删除过剩的线条后Ctrl+G群组。


5
26、在第30帧处按F6拔出关头帧,并增加动画补间。选择恣意变形工具,将中央点拖到接近下部的地位。


6
27、选中第1帧,在属性面板中设“扭转”为“顺时针1次”便可,如许指针每30帧会扭转一周。


7<p>
可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类),以方便共同工作和更进阶的程序修改。

飘飘悠悠 发表于 2015-1-17 15:26:28

Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。

不帅 发表于 2015-1-24 17:44:44

Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

精灵巫婆 发表于 2015-2-2 13:05:21

在与制作传统动画相比较的同时,flash具有便捷、节省人力财力,节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。

兰色精灵 发表于 2015-2-7 23:45:38

专业的建筑动画、产品动画、角色动画、flash动画、游戏美工等全方位服务的创意动漫公司。十年专业的动漫制作经验,为政府、企业等制作出无数优秀的创意动画设计产品。

老尸 发表于 2015-2-24 02:43:57

商业上的优势——品牌flash的创造;公司企业的flash宣传;flash技术在电视的应用

灵魂腐蚀 发表于 2015-3-7 10:50:40

alpha通道,图像的一部分可以变成透明,透明度可以从完全不透明到完全不可见。Alpha通道支持没有副作用。

再见西城 发表于 2015-3-15 04:13:50

Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面,这就为交互性打开了一个崭新的世界。

小女巫 发表于 2015-3-21 20:47:12

Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
页: [1]
查看完整版本: 给大家带来Flash实例:心爱的小田鸡闹钟-Flash实例教程