逐帧flash:Flash 8 逐帧动画详解及例子来源: 发布时间:星期五, 2009年1月23日 浏览:63次 评论:0
从本单元起  我们将逐渐给大家介绍Flash8.0中 5种常见动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画 本节着重介绍逐帧动画(FrameBy Frame) 这是 种常见动画手法它原理是在“连续关键帧”中分解动画动作也就是每帧中内容区别连续播放而成动画由于逐帧动画 帧序列内容不样不仅增加制作负担而且最终输出文件量也很大但它优势也很明显: 它相似和电影播放模式很适合于表演很细腻动画如3D效果、人物或动物急剧转身等等效果1．逐帧动画 概念和在时间帧上表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画由于是帧帧画所以逐帧动画具有非常大灵活性几乎可以表现任何想表现内容逐帧动画在时间帧上表现为连续出现 关键帧如图3-2-1所示 图 3-2-1 逐帧动画 2．创建逐帧动画 几种思路方法 (1)用导入静态图片建立逐帧动画用jpg、png等格式 静态图片连续导入Flash中就会建立段逐帧动画(2)绘制矢量逐帧动画 用鼠标或压感笔在场景中 帧帧画出帧内容(3)文字逐帧动画 用文字作帧中 元件实现文字跳跃、旋转等特效(4)导入序列图像 可以导入g  序列图像、swf动画文件或者利用第3方软件Software(如swish、swt 3D等)产生动画序列3．绘图纸功能 (1)绘画纸 功能绘画纸是 个帮助定位和编辑动画辅助功能这个功能对制作逐帧动画特别有用通常情况下Flash 在舞台中次只能显示动画序列单个帧使用绘画纸功能后你就可以在舞台中次查看两个或多个帧了如图3-2-2所示 这是使用绘画纸功能后场景可以看出当前帧中内容用全彩色显示其它帧内容以半透明显示它使我们看起来好像所有帧内容是画在张半透明绘图纸上这些内容相互层叠在起当然这时你只能编辑当前帧内容 图3-2-2 同时显示多帧内容 变化(2)绘图纸各个按钮 介绍 绘图纸外观按钮 按下此按钮后在时间帧上方出现  绘图纸外观标记拉动外观标记两端可以扩大或缩小显示范围  绘图纸外观轮廓 按下此按钮后场景中显示各帧内容轮廓线填充色消失特别适合观察对象轮廓另外可以节省系统资源加快显示过程3.  绘图纸显示多帧按钮按下后可以显示全部帧内容并且可以进行“多帧同时编辑”  修改绘图纸标记 按下后弹出菜单菜单中有以下选项: “总是显示标记”选项会在时间轴标题中显示绘图纸外观标记无论绘图纸外观是否打开“锚定绘图纸外观标记”选项会将绘图纸外观标记锁定在它们在时间轴标题中 当前位置通常情况下绘图纸外观范围是和当前帧指针以及绘图纸外观标记相关通过锚定绘图纸外观标记可以防止它们随当前帧指针移动“绘图纸 2”选项会在当前帧 两边显示两个帧“绘图纸 5”选项会在当前帧 两边显示 5个帧“绘制全部”选项会在当前帧 两边显示全部帧上面 我们全面介绍了逐帧动画特点和创建思路方法现在我们来动手制作 2个逐帧动画例子以加深对逐帧动画认识4．奔跑 豹子 茫茫雪原上有只矫健豹子在奔跑跳跃这是个利用导入连续位图而创建逐帧动画如图 3-2-3所示 图 3-2-3 奔跑 豹子1、 创建影片文档 执行【文件】|【新建】命令 在弹出面板中选择【常规】|【Flash文档】选项后点击【确定】按钮新建个影片文档在【属性】面板上设置文件大小为400*260象素【背景色】为白色如图 3-2-4所示 图 3-2-4 创建新文档 2、 创建背景图层 选择第 帧执行【文件】|【导入到场景】命令将本例子中名为“雪景.bmp”图片导入到场景中在第8帧按F5加过渡帧使帧内容延续3、 导入g 动画新建 层选择第帧执行【文件】|【导入到场景】命令将本教程中“奔跑豹子”系列图片导入此时会弹出个对话框如图3-2-5所示 3-2-5 系列图片导入 选择【是】按钮 Flash 会自动把g中图片序列按序以逐帧形式导入场景左上角如图3-2-7所示 3-2-7 导入 g动画在场景上方形成帧帧动画如图3-2-8所示是导入后 动画序列它们被Flash自动分配在8个关键帧中 图 3-2-8 导入 8张图片4 、调整对象位置 此时 时间帧区出现连续关键帧从左向右拉动播放头就会看到头勇猛豹子在向前奔跑但是被导入动画序列位置尚未处于我们需要地方缺省状况下导入对象被放在场景坐标“00”处我们必须移动它们你当然可以 帧帧调整位置完成幅图片后记下其坐标值再把其它图片设置成相同坐标值如果你有足够耐性和时间也无妨那么我们何不试试“多帧编辑”功能呢？先把“雪景”图层加锁 然后按下时间轴面板下方【绘图纸显示多帧】按钮  再单击【修改绘图纸标记】按钮 在弹出菜单中选择【显示全部】选项如图3-2-9所示 图3-2-9 选择显示全部选项 最后执行【编辑】|【全选】命令 此时时间轴和场景效果如图3-2-10所示 图3-2-10 选取多帧编辑 用鼠标左键按住场景左上方 豹子拖动就可以次把8帧中图片次全移动到场景中了5、 设置标题文字 在场景中新建 个图层单击工具栏上文字工具按钮  ,设置【属性】面板上文本参数如下【文本类型】为静态文本；【字体】为隶书；【字体大小】35；【颜色】为深蓝色如图 3-2-11所示 图 3-2-11 字体【属性】面板参数设置 在文本框输入“奔跑 豹子” 5个字居中放置6、 测试存盘 执行【控制】|【测试影片】命令 观察本例swf文件生成动画有无问题如果满意执行【文件】|【保存】命令将文件保存成“奔跑豹子.fla”文件存盘如果要导出Flash播放文件执行【导出】|【导出影片】命令保存成“奔跑豹子.swf”文件本节素材下载 0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
