最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

学用Flash制作简单的情景动画中的技巧

日期:11-19    来源:中国设计秀    作者:cnwebshow.com

准备工作7w9中国设计秀
  1. 制作思路7w9中国设计秀
  英语课件中经常需要设计一些动画场景,我们今天设计一个这样的场景动画:小男孩在森林中散步,身边有几个小鸟飞来飞去,小男孩在一棵大树下停下来,并抬头看大树上的鸟巢。7w9中国设计秀
  2. 素材准备7w9中国设计秀
  (1)两幅有关小男孩走路的图片,分别命名为pic01.jpg、pic02.jpg。7w9中国设计秀
7w9中国设计秀
  (2)一幅名为pic03.jpg的背景图片。7w9中国设计秀
  (3)小鸟和蝴蝶的GIF动画各一幅。7w9中国设计秀
7w9中国设计秀
  动画的制作7w9中国设计秀
  1. 创建一空白电影文件,其文件属性参数设置如图所示。7w9中国设计秀
7w9中国设计秀
  2. 单击[OK]按钮后,按上一期中所学的方法把上面的图片和GIF动画导入到电影的库面板中,从库面板中我们可以看出GIF动画其实是由几幅连续的图片所构成的,当把它们导入后,Flash会自动生成相应的电影夹子。7w9中国设计秀
  3. 小男孩走路的制作7w9中国设计秀
  (1)在菜单栏中单击“Insert/New symbol...”命令,新建一个电影夹子,命名为“小男孩”,单击[OK]后进入到“小男孩”电影夹子编辑区。7w9中国设计秀
  (2)在库面板中选中Pic01.jpg图片,把它拖到“小男孩”电影夹子的舞台中。7w9中国设计秀
  (3)选中该图片,按F8或执行“Insert/Convert to symbol...”命令,选择“Graphic”项,把它转化为图形元件。7w9中国设计秀
  (4)双击该图片,进入到工作舞台。7w9中国设计秀
  (5)由于图片的背景色与文件的背景色不同,为了使动画更逼真,我们应该把图片的背景色去掉,这就要用到工具箱中的套索工具(Lasso Tool)。选中该图片后,按“Ctrl+B”或执行菜单栏中的“Modify/Break Apart”命令,把文件打散。7w9中国设计秀
  (6)选中套索工具,它的[Options]共有三个选项。7w9中国设计秀
  套索工具主要用来选择矢量对象的不规则区域,而选项中的多边形套索工具主要用来选择对象的规则区域。选项中的魔棒工具主要用来选择颜色相同或相似的颜色区域,单击魔棒工具选项,弹出对话框,“Threshold”的值越大,表明魔棒工具一次性选择的颜色相似区域越大,反之越小。而“Smoothing”表示所选区域的平滑程度,一般选择“Normal”方式。由于图片的背景颜色相同,所以选中魔棒工具后,对着背景单击一下,再按[Delete]键即可把背景颜色去掉。如果底色去得不干净,我们可利用缩放工具把图形放大了再来清除。7w9中国设计秀
  (7)单击时间线面板的小男孩图标,返回到小男孩工作舞台,选中小男孩元件,用方向键移动,直到它的中心与舞台中心重合。7w9中国设计秀
  (8)在第10帧处按F7键,插入一关键空白帧,把Pic02.jpg这幅图片拖放到小男孩的工作舞台中。7w9中国设计秀
  (9)重复上面的(3)~(7)步后,选中第20帧,按F5插入普通帧。7w9中国设计秀
  (10)单击“Enter”键,我们就可以看到小男孩走路的动画效果了。7w9中国设计秀
  4. 主场景的制作7w9中国设计秀
  小男孩走路的电影夹子做好后,我们就来看看他是怎样在森林中散步的。7w9中国设计秀
  (1)回到主场景中,把背景图片拖放到舞台中,并使图片的高度与舞台的空白编辑区的高度一致。7w9中国设计秀
  (2)执行“Insert/Convert to symbol...”命令,把它转化为图形元件。7w9中国设计秀
  (3)在第40帧中插入关键帧,并调整好图片的位置。7w9中国设计秀
  (4)第1帧和第40帧中图片和空白编辑区的位置如图所示。7w9中国设计秀
7w9中国设计秀
  (5)选中第1帧,按右键,在弹出的菜单中选中“Create Motion Tween”命令,加入运动时间线。7w9中国设计秀
  (6)锁定Layer1图层,新建一图层Layer2,把“小男孩”电影夹子拖放到舞台中。7w9中国设计秀
  (7)在菜单栏中执行“Modify/ Transform/Flip Horizontal”命令,把小男孩的走路方向水平调转,并在第40帧中插入关键帧,调整好小男孩的位置。7w9中国设计秀
  (8)选中Layer2层中的第1帧,插入运动时间线。7w9中国设计秀
  (9)重复(6)~(8)的步骤,新建图层Layer3和Layer4,分别把小鸟和蝴蝶的电影夹子拖放到舞台中。7w9中国设计秀
  (10)按下“Ctrl+Enter”,我们就可以看看动画的效果啦。要想小男孩停下来,我们可以给各个层的第41帧中插入关键帧,只是在小男孩所在的Layer2层的第41帧中插入空白关键帧,如图所示。7w9中国设计秀
7w9中国设计秀
  (11)把pic01.jpg图片或其相应的图符元件拖放到空白关键帧中,注意调整它的水平方向和大小(抬头动作)。7w9中国设计秀
  (12)新建图层layer5,在第41帧中插入空白关键帧,打开“Actions-Frame”面板,加入[stop]命令。7w9中国设计秀
  (13)到此整个动画就完成了,保存文件,并把它输出为SWF动画,这样就可以欣赏自己的动画作品啦。