Flash特效实例:沧海一滴水

特效

  实例制作:牧马者 教程编写:舞韵,这是牧马者老师制作的一个实例效果,有关水滴、水流我看到很多,但这个实例令 我心动,制作的细腻逼真,整体的美感,那那种神韵,不由得动手制作,并写下制作过程 和我的体会共大家分享。

  效果如下:

点击这里下载源文件

  制作过程:

  一、打开软件:新建影片,场景属性默认。保存文档。(先保存文档,有利于边制作边保存,不至于出现停电、意外事故丢失呀,这是的得教训!)

  二、导入图片:点文件——导入到库。把素材图片导入。

  三、建元件:

  1、图形元件:

  (1)海波:在场景点图层一第一帧,打开库,拖入海水位图,打散。用黑箭头工具框选 图片的下半部分,选中状态点拷贝,然后粘贴,再粘贴,点修改——变形——水平翻转。 把两条海波对接。 图一

  再点插入——转换为元件,起名海波,行为。图形。确定。 然后在场景点图层第一帧,删除。(点Delete)

  (2)蓝水波:在场景点图层一第一帧,打开库,拖入水滴位图,打散。用椭圆工具,设 置无填充色,在图片波纹上画椭圆。大小要选住波纹,点椭圆内图片选中,点插入——转 换为元件。

  名字:蓝水波,行为:图形,确定。 然后点图层第一帧,删除。(点Delete) 图2

  (3)水波:插入——新建元件,名字水波,行为:图形,确定。选椭圆形工具,设置: 无边框色。填充色设置蓝色放射渐变,打开混色器(窗口——混色器)设置颜色,白、 蓝、白。透明度:0%、100%、0%。在工作区绘制椭圆(象蓝水波形状)。 图3;

  (4)水滴:插入——新建元件,名字水滴,行为:图形,确定。选椭圆形工具,设置:无边 框色。 填充色设置白 、灰色放射渐变。在工作区绘制椭圆(调整象水滴形状)。

  2、影片剪辑:

  (1)滴水动作:

  1.插入——新建元件起名:滴水动作,行为:影片剪辑。确定。 双击图层一,改名:水滴。在20帧插入关键帧。点开库。拖入水滴。用任意变形工具 调整大小。在工作区点一下水滴,在属性面板颜色——亮度,52%。51帧处插入关键帧,把水滴向下移动到适当得位置。点20帧创建运动渐变(点属性——补间——动作)。 52帧插入关键帧,用任意变形工具,将水滴缩小。54帧处插入关键帧放大水滴。

  57、60帧分别插入关键帧。适当调整水滴上下移动的位置,分别点54、57帧创建动作。

  2、插入新图层,起名蓝水波。50在帧处插入空白关键帧。点中,打开库,拖蓝水波元件 到工作区水滴下面。 用任意变形工具,将图形缩小,宽20.7,高8.7。在107帧插入关键 帧。用任意变形工具放大蓝水波,宽:208,高:45。点场景中元件设置透明度为0。

  3、再新建一图层起名水波1,在50帧处插入空白关键帧,按F11打开库,拖出水波图形元 件,放在场景蓝水波元件位置,在80帧处插入关键帧。用任意变形工具调整大小为宽 181,高58,透明度为:0。回到50帧点用任意变形工具将其元件缩小到,3*1,并创建运 动渐变。在107帧插入F5。

  4、在水拨1图层上添加5个图层分别起名为水波2---水波6。用3.的方法制作水波运动,但 每层起帧依次向后退6帧。也可以用复制粘贴的方法。

  5、添加声音:再添加一个图层起名声音,导入水滴声音,在47帧在插入空白关键帧,在 下面的属性面板,声音处选中导入的声音,同步选事件。

  四,组合场景:

  1、点场景1回到场景编辑界面。点图层一,改名背景。在第一帧,拖出蓝海背景图形元 件。100帧插入F5。

  2、添加图层改名加色层。在第一帧用具形工具绘制无边框的兰色放射性渐变矩形色码: 左#0000CC,右#0000FF,右透明度为0.大小盖住场景下半部分。

  3、添加图层,改名水流层。点第一帧,点开库拖出元件海波。调出排列面板点右对齐, 低对齐。在属性面板设置透明度30。100帧处插入关键帧,对齐面板点左对齐,低对齐。 回到第一帧创建运动渐变。

  4、添加图层改名为水滴水波层。点第一帧打开库,拖出滴水动作MC,放在场景左上方, 测试影片调整位置。

  5、再添加图层,改名遮片层。用无边框矩形绘制黑色矩形宽:1770,高:700。用对齐 面板水平,垂直居中。再会制一个其他颜色的矩形宽550,高400。居中对齐。空点鼠 标,再点中心矩形删除。

时间: 2024-12-23 06:20:52

Flash特效实例:沧海一滴水的相关文章

Flash制作沧海一滴水特效动画教程

给各位Flash软件的使用者们来详细的解析分享一下制作沧海一滴水特效动画的教程. 教程分享: 一.打开软件:新建影片,场景属性默认.保存文档.(先保存文档,有利于边制作边保存,不至于出现停电.意外事故丢失呀,这是的得教训!) 二.导入图片:点文件--导入到库.把素材图片导入. 三.建元件: 1.图形元件: (1)海波:在场景点图层一第一帧,打开库,拖入海水位图,打散.用黑箭头工具框选 图片的下半部分,选中状态点拷贝,然后粘贴,再粘贴,点修改--变形--水平翻转. 把两条海波对接. 图一   再点

JavaScript实现的Tween算法及缓冲特效实例代码_javascript技巧

本文实例讲述了JavaScript实现的Tween算法及缓冲特效.分享给大家供大家参考,具体如下: 这里演示Tween 算法及缓冲特效的JavaScript代码,利用它可以做缓动.弹簧等很多动画效果,怎么利用flash的Tween类的算法,来做js的Tween算法,并利用它做一些简单的缓动效果呢,看懂了本代码你就明白了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tween-run-style-codes/ 具体代码如下: <!DOC

Flash AS实例:神奇的数字魔术盒子

核心提示:Flash AS实例:神奇的数字魔术盒子教程. 应闪友要求制作一个数学小实例,名字好大,其实很小. /* 神奇的魔盒 */ stop(); mc.t.restrict = ". 0-9"; //限制输入只能为数字 //go 出盒数字控制 i 排列位置用 v 运动速度 var go:Boolean = false, i:Number = 0, v:Number = 10; t1.text = "开始"; btn.onPress = function() {

Flash教程实例:如何制作别样的绿

  设置影片属性;使用"文字工具"写入文字;使用帧动作设置动作;使用帧属性设置帧的属性;创建新元件.本文对Flash教程实例 :如何制作别样的绿进行了具体阐述供阅读. [步骤] (1) 启动Flash MX 2004,如果"属性"面板没有打开,可选择菜单栏中的"窗口"|"属性"命令打开它.在"属性"面板中,设置动画尺寸大小为600×300px.确认 "帧频"文本框中的数值为12.&quo

代码-flash中实例名称与实例名的区别?

问题描述 flash中实例名称与实例名的区别? 在flash中,点击场景或者元件上的实例对象,可以在属性看到其实例名称及实例名, 在程序中,发现实例名称主要用在代码中,而实例名主要在库中可以看到. 它们的区别是这样的吗? 另外,发现在flash中,只有类型为影片剪辑或者按钮的对象才有实例名称,而图形并没有实例名称,是这样的吗? 解决方案 flash ide中的实例名称 与name属性----------------------

flash入门教程:Flash Sound实例教程

flash入门教程:Flash Sound实例教程 第1步 选择文件> "导入导入一个声音文件.找到声音文件并点击打开.的声音文件将被保存在图书馆. 第2步 单击第一帧的"图层1 "的时间表.选择窗口" >小组"声从顶部的菜单中. 第3步 在弹出窗口(声音)选择你的声音进口的声场.选择流中的同步字段.关闭弹出窗口. 第4步 到50帧的时间.请右击并选择插入帧. 第5步 选择控制" >测试影片从顶部的菜单中测试您的Flash影片.

flash教程:flash Shape实例教程

flash教程:flash Shape实例教程 第1步 选择文字工具在左边的工具箱.选择文本"大小" 48从顶部的菜单中,使文大.选择文本"风格"大胆以使案文厚. 第2步 请在工作区和写"你好" . 第3步 右击你刚才的文字写道小组,并选择"对齐从弹出式菜单. 第4步 在对齐框中选择"为舞台"按钮.然后点击"对齐水平中心"按钮和"垂直中心对齐"按钮.关闭对齐方块. 第5步 选择

纯JS焦点图特效实例(可一个页面多用)_javascript技巧

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

js实现非常简单的焦点图切换特效实例_javascript技巧

本文实例讲述了js实现非常简单的焦点图切换特效的方法.分享给大家供大家参考.具体分析如下: 这是一个非常非常简单的焦点图(更像滑动门),可供初学者借鉴参考 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w