精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>网页特效>正文

Flash实例教程:制作有趣的拍照效果动画


来源:闪吧 时间:07-07-10 点击: 点击这里收藏本文

Flash实例教程,这是一个面向入门者的教程,让我们一起成为高手吧!!相信你,你能!

先看效果:

源文件:点击这里下载源文件

第一步:新建文件,大小为280×210,创建影片剪辑元件,名称为图片;导入一张图片到图片元件中,图片大小为320×240。(为什么图片要比场景大?因为要做镜头推进效果)效果如图1:

Flash实例教程:制作有趣的拍照效果动画

第二步:把图片元件拉入主场景中,图层名称改为图片,在第10帧插入关键帧,第12帧处插入帧,第一帧处把图片大小改为280×210,并创建补间动画。在该层上新建层,图层名称为遮罩,在第12帧处插入空白关键帧,并画一个大小为160×120的矩形,并设为遮罩层。效果如图2:

Flash实例教程:制作有趣的拍照效果动画

第三步:创建按钮元件,名称为按钮,并把按钮拖入到主场景的新建按钮层的第一帧上,延长至12帧。选中按钮,取实例名为pz_btn,效果如图3:

Flash实例教程:制作有趣的拍照效果动画

第四步:在遮罩层上新建层,名称为闪光,在第11帧处插入空白关键帧,画一个大小为280×210的白色矩形(无过框),效果如图4:

Flash实例教程:制作有趣的拍照效果动画

第五步:在按钮层上新建层,名称为相片边框,在第12处插入空白关键帧,画一个大小为160×120的白色矩形框,无填充色;新建层在最底层,名称为相片阴影,在第12帧插入关键帧,画一个大小为160×120无边框的矩形,填充渐变色,透明度从0到100%,并使之变形。效果如图5:

Flash实例教程:制作有趣的拍照效果动画

第六步:在相片边框层上新建层,名称为拍照范围,在第二帧处插入空白关键帧,在该帧上画一个大小为160×120的白色矩形框,并删除部分线,只留下四个边角,延长至10帧。效果如图6:

Flash实例教程:制作有趣的拍照效果动画

第七步:新建层,名称为音效,在第9帧处导入拍照的声音文件(可以在闪吧资源素材中下载),延长至12帧,打开属性面板,在同步中设为数据流。效果如图7:

Flash实例教程:制作有趣的拍照效果动画

第八步:新建层,名称为动作,该层在时间轴设置见图7。选中第一帧,打开动作面板,写下代码:

stop();
_root.pz_btn.onRelease = function() {
_root.play();
};

在第12帧处插入空白关键帧,选中该帧,打开动作面板,写下代码:stop();


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.