您的位置: 首页 >> 新闻中心 >> 计算机 >> 设计制作
Flash引导线设计雪花飘飘动画
精英教育阅读提示:本文介绍在Flash中利用引导线制作雪花飘飘动画。
■ 最新课程推荐更多课程>>
学校培训课程开课时间上课地点精英价报名
北 师 大 平面设计创意全科班电话预约北京师范大学¥1300
北 师 大 艺术设计实战班电话预约北京师范大学¥2200
北 师 大 商业设计实战班电话预约北京师范大学¥2600
金 同 方 苹果平面设计周末班电话预约人大总部¥960
金 同 方 平面设计认证周末班电话预约人大总部¥588
  
  这种方法最笨但也效果最好,就是用“引导线”功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好。

 



  1、新建一个Flash影片。设背景为“黑色”,其他的用默认值。

  2、按Ctrl+F8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示)

使用Flash引导线制作雪花飘飘动画_天极设计在线整理转载

  3、再用Ctrl+F8建一个组件,类型为“影片剪辑”,命名为“前层”。

  4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。

使用Flash引导线制作雪花飘飘动画_天极设计在线整理转载

  在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。

使用Flash引导线制作雪花飘飘动画_天极设计在线整理转载

  5、第4步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第4步重复做10次。做好后的效果见图1-4。

使用Flash引导线制作雪花飘飘动画_天极设计在线整理转载

  6、把第3至5步重复做两次,不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。

  7、现在回到场景1中,插入6个图层,分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2”。在对应的层上拖入对应的组件,并适当的调整时间轴,让雪花飘得连贯起来。见图1-5。

使用Flash引导线制作雪花飘飘动画_天极设计在线整理转载

  按Ctrl+Enter就可以看到效果了。

 

下一篇:Flash MX实例:星星随着鼠标走

  有关知识:对象绘制、startDrag 、setProperty、duplicateMovieClip的运用。

  实例演示


鼠标黑色画面中滑动或者停留,会看到跟随的小星星

  制作过程

  步骤1:打开Flash,建立一个新文件。

  步骤2:从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选电影...[查看详情]

  影视动画培训   北大BEC培训官方报名网站   2008美国夏令营启航官方指定报名网站   2008留学第一站!  
  北师大 火星时代
共举影视动画培训之鼎
  北大BEC培训官方报名网站
现在报名独享95折!
  2008年国家职业资格考试
一次过关完全备考手册
  2008留学第一站
留学资讯尽在精英留学站!
 
上一篇:动手制作漂亮个性的月历桌面
下一篇:Flash MX实例:星星随着鼠标走
 相关新闻
·题库:网络设计师训练实战测试试题·位图转矢量图有哪些方法和技巧?
·Flash对联广告及关闭按钮的制作·用Fireworks也能为照片做精美边框
·透明的flash是这样制作出来的·只有八行代码的动态自适应文本框
·玩转 Dreamweaver8.0:速记 CSS 属性·玩转Dreamweaver8:CSS层叠样式表
·DreamweaverASP实现分页技术·Dreamweaver网页制作技巧:使用模板
·Flash技巧代码:播放进度控制·Photoshop常用快捷键大放送
·Photoshop辅助线与标尺应用技巧·Photoshop概念命令总体说明
·Adobe正式停止开发FreeHand 19年寿命终结·Adobe ColdFusion 8 Beta 公开发布
 
◇ 重点栏目导航
◇ 精英服务承诺
教育顾问:010-51660910
QQ交流:138660910
相关资料
·用Photoshop制作逼真自然背景
·PhotoShop帮助Maya巧建模
·道字桌面的仿书法制造
·用Coreldraw绘制美丽国画荷花
·如何配色?无论新手老手,读下这篇文章相
·天使翅膀的制作
·Photoshop制作无缝贴图:Action动作集总
·photoshop学习方法总结
·学好平面设计的好方法
·[艺术设计专题]企业VI系统的简介和工作步
相关试题
·CEAC平面设计师考证之Photoshop考试试题
·你会吗 Adobe Photoshop 认证试题一
·武汉理工大学2003年艺术设计学院平面设计
·你会吗 Adobe Photoshop 认证试题三
·你会吗 Adobe Photoshop 认证试题二
相关热贴
·想学设计课啊,哪位帮我推荐一下~~
·制作个人简历九大标准
·oracle下导出某用户所有表的方法
·给年轻设计师的十大忠告
·平面设计人员必读 (速读版)
·计算机个人简历(英语)
·浅谈计算机课件制作
·一张图透彻讲解Photoshop蒙版
·Delphi中数据的自动录入
·Java与C和C++的比较