Flash例子:可爱的小青蛙闹钟

  这个Flash例子制作了个可爱“小青蛙时钟”动画用到了Flash基本绘图工具如椭圆、矩形、直线和任意变形等操作简洁易懂适合练习先看下效果吧:



  效果图:

  制作步骤:

  1、新建个Flash文档Ctrl+F8新建个元件命名为“clock”选择椭圆工具设笔触为黑色填充为绿色按住Sht键画出个正圆

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图01

  2、Ctrl+D复制将填充改为白色用选择工具选中两个圆执行菜单/修改/对齐/垂直中齐和水平中齐

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图02

  3、画青蛙新建个图层命名为“hand”放在图层面板最下层将绿色椭圆Ctrl+D再复制并用任意变形工具调到如下大小

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图03

  4、将这个小椭圆放在侧面如下位置

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图04

  5、再复制个小椭圆放在另外边完成青蛙

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图05

  6、画青蛙新建个图层命名为“foot”放在图层面板最下层脚是由1个大椭圆和5个小椭圆组成所以先复制出6个椭圆并调整到如下大小

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图06

  7、将6个椭圆按如下位置摆放大椭圆在最下面中间小椭圆在最上面在各个椭圆上单击右键选择“排列”可以调整它们层次

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图07

  8、排好的后选中整个脚Ctrl+D复制选择菜单/修改/变形/水平翻转后放在另外边完成青蛙

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图08

  9、画时间刻度新建个图层命名为“time”放在最上层用直线工具画条任意长度直线

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图09

  10、选中这条直线Ctrl+T调出变形面板将“旋转”角度设为“15”单击右下角“复制并应用变形”按钮就能复制出另外

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图10

  11、继续单击此按钮直到复制出整圈直线效果如下

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图11

  12、选中所有直线Ctrl+G群组再用椭圆工具按住Sht键画出如下正圆选中直线和椭圆执行菜单/修改/对齐/垂直中齐和水平中齐

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图12

  13、Ctrl+B将它们全部打散后删掉多余线条只留下椭圆外面圈直线就形成了个刻度盘Ctrl+G将它们群组

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图13

  14、用任意变形工具将时间刻度调整到合适大小放在时钟上如下位置即可

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图14

  15、画眼睛新建个图层命名为“eye”放在最下层再复制个绿色椭圆备用

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图15

  16、另外再画两个小椭圆个填充白色个填充黑色轮廓均为黑色

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图16

  17、将 3个椭圆如下叠放在放在如下位置完成只眼睛

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图17

  18、复制个眼睛执行菜单/修改/变形/水平翻转后放在另外边完成对眼睛

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图18

  19、选中两只眼睛按F8转换为元件命名为“eye”双击眼睛进入元件编辑界面在第1帧上将两个黑眼珠调整到左边

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图19

  20、在第3帧上按F6插入关键帧并将两个黑眼珠调整到右边

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图20

  21、在第4帧上按F5插入帧完成眼睛

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图21

  22、画指针Ctrl+F8新建个元件命名为“arrow 1”用矩形工具画出如下矩形笔触为黑填充为绿

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图22

  23、Ctrl+D复制出并用任意变形工具调到如下大小

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图23

  24、将两个矩形如下放置用选择工具将小矩形上面两个端点分别向内拖动就可调整成 3角形

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图24

  25、删除多余线条后Ctrl+G群组

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图25

  26、在第30帧处按F6插入关键帧并添加动画补间选择任意变形工具将中心点拖到靠近下部位置

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图26

  27、选中第1帧在属性面板中设“旋转”为“顺时针1次”即可这样指针每30帧会旋转

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图27

  28、回到场景1新建个图层命名为“arrow 1”在库面板中将做好“arrow 1”元件拖到时钟上中心位置再新建个图层命名为“arrow 2”将元件“arrow 1”再次拖到时钟上中心位置并用自由任意变形工具调整得细长

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟



  图28

  29、选中“arrow 2”图层上指针按F8转换为元件命名为“arrow 2”双击它进入元件编辑界面将最后帧处关键帧拖放到第12帧处并删除后面多余普通帧其它不变这个指针每12帧会旋转

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图29

  30、回到场景1将两个指针重叠摆好就完成了图层如下Ctrl+Enter可以测试效果

Flash例子:可爱<img src='/icons/15235de.gif' />小青蛙闹钟

  图30



Tags: 

延伸阅读

最新评论

发表评论