水中浮动的文字

2016-01-29 12:43 41 1 收藏

水中浮动的文字,水中浮动的文字

【 tulaoshi.com - Flash 】

  实例说明:水中浮动的文字就是似文字放在水中,字随着水波的波动而波动,主要利用了遮罩效果及文字透明度的变化。别空想象,开始操作吧!

  创作步骤:
  第1步,启动Flash MX,新建一个文件,在舞台的空白处单击右键选择“文档属性”弹出其对话框,设舞台的大小为400PX×200PX,颜色为黑色,如图1所示。


  第2步,我们现在要制作一个过滤条,有了它才能做出文字的浮动效果,按“Ctrl+F8”键弹出“创建新元件”对话框,创建一个名为“滤条”的图形元件,如图2所示,单击确定进入其编辑内。



  第3步,为了便于绘制,我们选择“视图”→“网络”→“显示网络”,在编辑区显示网格线。用工具栏中的“矩形工具”画一个没有边框、颜色为任意色的矩形,然后用黑剪头工具将它调整倾斜,成为平行四边形,如图3所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)



  第4步,单击“窗口”→“设计面板”→“混色器”弹出混色器面板,设置填充样式为“线性”,为黑白黑渐变,如图4所示,

  用油漆桶工具,使用设置好的线性渐变色填充画好的四边形,如图5所示。


  第5步,再复制一个四边形,用混色器面板调整线性渐变为:白黑白渐变,如图6所示。

  然后将两个四边形连接在一起,如图7所示。

  把这两个四边形在原地复制出几个来,再用光标移动键移动,使它们连成一起,如图8所示,“滤条”元件完成了。


  第6步,再按“Ctrl+F8”键创建一个名为“文字”的图形元件,如图9所示,单击确定进入其编辑内。


  第7步,单击工具箱中的“文本工具”,再单击窗口下方的属性,弹出属性面板,设置字体为楷体,字号为94,颜色为白色,加粗,如图10所示。输入文字“寒江兴趣组”,如图11所示。单击时间轴左上方的场景1,返回主场景。


  第8步,按“Ctrl+L”打开库面板,将库中的“滤条”元件拖到舞台中。再单击时间轴左下角的“插入图层”按钮,新建一图层2,单击图层2的第一帧,将图库中的“文字”元件拖到舞台中央。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)



  第9步,选中图层2中的“文字”元件并右击选择快捷菜单中的复制,再单击“插入图层”按钮,新建一图层3,单击图层3的第1帧,并选择菜单“编辑”→“粘贴到当前位置”选项,这样图层2和图层3的文字是重叠的,这样才能使文字有浮动效果。

  第10步,选择图层1,移动“虑条”元件,使它的右边与文字的右边对齐,如图12所示。

  按住Shift键,分别点击三个图层的第40帧,按F6键创建关键帧。再单击图层1的第40帧,用光标移动键右移“滤条”元件,使它的左边与文字的左边对齐,如图13所示。


  第11步,右击图层1的第1帧处,从弹出的快捷菜单中选择“创建补间动画”,使“滤条”元件产生从左向右的运动动画。

  第12步,这样图层1、图层2的动画已经不需改动了,我们就单击时间轴的锁定图层,锁住图层1和图层2,在图层3的第20帧处按F6键插入一个关键帧。选中第20帧中的“文字”实例,打开属性面板,将“颜色样式”选择“Alpha”,并设值为60%左右,再用“任意变形工具”的缩放功能把文字实例稍稍放大一点,如图14所示。


  第13步,单击图层3的第1帧中的“文字”实例,打开属性面板,将“颜色样式”也选择“Alpha”并设其值为20%,按同样的操作,把第40帧中的文字实例的透明度设为0。

  第14步,在图层3的第1帧处右击,从弹出的快捷菜单中选择“创建补间动画”,在第1帧与第20帧之间创建运动动画,同样的方法,在第20帧与第40帧之间创建运动动画,使文字实现淡入淡出且变形的运动,从而实现浮动的效果。

  第15帧,右击图层2名处,弹出快捷菜单

来源:https://www.tulaoshi.com/n/20160129/1487324.html

延伸阅读
  漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋。除了普通的Gif Banner、Flash外,浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅...
标签: 分娩
水中 分娩 的优点: 在充满温水的分娩池中分娩,可以减少孕妇在整个分娩过程中的痛楚。由于分娩池与母亲子宫内的羊水环境类似,因此胎儿在离开母体以后会很适应这一新的外部环境。胎儿的“本能”会使他们在出水之前屏住呼吸,不会呛水,在水中分娩适宜的水温能使产妇感到镇静,促使腿部肌肉放松,宫颈扩张。而水的浮力则有助于身体...
标签: autocad教程
在第3章中已经了解了如何在模型空间中创建平铺视口。同样,在图纸空间中也可以创建视口,称为浮动视口。与平铺视口不同,浮动视口可以重叠,或进行编辑。 在构造布局时,可以将视口视为模型空间中的视图对象,对它进行移动和调整大小。浮动视口可以相互重叠或者分离。因为浮动视口是AutoCAD对象,所以在图纸空间中排放布局时不能编辑模型。要...
标签: Web开发
什么是浮动? 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为文本环绕。 这是一个例子: 在排版软件里面,存放文字的盒子可以被设置为允许图文混排,或者无视它。无视图文混排将会允许文字出现在图片的上面,就像它甚至不会在那里一样。这就是图片是否...
标签: Web开发
基于浮动的布局利用了float(浮动)属性来并排定位元素,并在网页上创建列。可以利用这个属性来创建一个环绕在周围的效果,例如环绕在照片周围,但是当你把它应用到一个div标签上时,浮动就变成了一个强大的网页布局工具。float属性把一个网页元素移动到网页(或者其他包含块)的一边。任何显示在浮动元素下方的HTML都在网页中上移,并环绕在浮...

经验教程

705

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部