枫桥夜泊下 遮罩效果的动态文本 (1)

2016-03-18 17:07 19 1 收藏

今天图老师小编要向大家分享个枫桥夜泊下 遮罩效果的动态文本 (1)教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - FLASH 】


  上例我们只制作了一个语文课件的标题“枫桥夜泊”,今天我们接着往下做诗体的出现,是一种遮罩效果。今天学两个要点,一个要点是利用实例的“Alpha”值的变化来控制文本的出现与消失;另一个是利用“遮罩层”来实现文本的www.tulaoshi.com动态出现的。
 
  第1步,启动 MX,单击“文件”→“打开”,弹出“打开”对话框,找到我们上例所做的文件。
  第2步,在上例文件中每一层的110帧处单击右键,在调出的快捷菜单中,选择“插入帧”,让每一层的图像延长到110帧处。
  第3步,单击“插入图层”图标,新建一层,并命名为“作者”,并在这层的65帧处按F6键,单击该层第65帧,选择“文字工具”按钮,单击“窗口”→“属性”弹出属性对话框,设置字体为“方正隶变繁体”(没有这个字体可以选用其它字体),文字大小为20,颜色设置为红色。
  第4步,在舞台的合适位置单击,出现一个文本框,输入“张继”。单击“工具箱”中“矩形工具”按钮,单击“窗口”→“属性”,调出属性对话框进行设置:“笔触颜色”设为“红色”,“填充颜色”为“没有颜色”,线框为1,“笔触样式”为“实线”,如图2-1所示。

  在文本框“张继”的四周画一个矩形。然后单击此层的65帧按F8键,弹出“转换为符号”对话框,在“名称”编辑框中输入名称(如“作者”),在“行为”区域选择“图形”单选框,如图2-2所示。

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

  然后单击“具箱”中的“自由变形工具”将“作者”实例进行旋转变形,如图2-3所示。


  第5步,在“作者”层的第75帧处按F6键,插入一个关键帧。单击65帧处舞台上的实例“张继”,然后单击“窗口”→“属性”调出属性对话框,在“颜色”样式中选择“Alpha”,并把“Alpha”的值设为“0%”。单击65帧与75帧中间的任意帧处单击右键,弹出快捷菜单,选择“创建补间动画”,出现蓝色背景箭头,说明建立了渐变关系,并在此层的110帧处按F5键。

  第6步,单击“插入图层”按钮,新建一个新的图层,并命名为“文本”。在此层的77帧处按F6键插入一个关键帧。单击“工具箱”中的“文本工具按钮”在舞台的适当位置单击。单出“窗口”→“属性”弹出属性对话框,把字体设为“方正行楷简体”,字号设为36号,颜色设为“黑色”,单击“改变文本方向”的下拉按钮,选择“垂直,从右到左”,如图2-4所示。

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

  然后输入文本“月落乌啼霜满天,江枫渔火对愁眠。姑苏城外寒山寺,夜半钟声到客船。”。输完一句回车换一列,诗句输入完后,单击“箭头工具”和“任意变形工具”对所输的文本,进行调整。如图2-5所示。在此层的110帧处按F5键插入帧。


  第7步,单击“插入图层”按钮,新建一个新的图层,并命名为“遮罩”。在此层的77帧处按F6键插入一个关键帧。单击“矩形工具”按钮,在“颜色”框中,“笔触颜色”为“没有颜色”,“填充颜色”为“红色”,如图2-6所示。

  在77帧处,画一个没有边框的矩形,让这个矩形把所有的诗句履盖,如图2-7所示。在此层的第100帧处按F6键,插入一个关键帧。


  第8步,单击“遮罩”层的77帧,选择“箭头工具”,在红色边框周围拉一个框,选中这个红色边框绝大部分,如图2-8所示,按Delete键,将选中的部分删除。

    

[1] 200806/15197_2.html'>[2] 200806/15197_2.html'>下一页


  第9步,单击“遮罩”层第77帧到100帧之间的任意一帧,单击“窗口”→“属性”弹出属性对话框,在“补间”的右侧的下拉列表中选择“形状”,如图2-9所示。时间轴上出现了绿色

200806/15197.html'>上一页  200806/15197.html'>[1] [2] 

来源:https://www.tulaoshi.com/n/20160318/1891504.html

延伸阅读
用WPS演示可以制作在PowerPoint中的动态效果,之所以选择它来制作动画效果,是因为WPS软件体积小容易安装,下面有个不错的动画制作过程,让我们亲眼目睹一下吧。 本例主要使用了动作路径来完成动画效果的制作,如有对动作路径的概念不了解的朋友可以参考下: 动作路径:指定对象或文本沿行的路径,它是幻灯片动画序列的一部分。它允许你在一...
标签: flash教程
仅仅用矢量图形,总觉得魅力不够,而内容丰富多采的位图图形,足以使遮罩效果大放光彩! 现在我们来做一个最简单的图片遮罩动画: 在Flash中第一层,导入一张靓靓的图片,并将这层命名为图片层。 在第二层画一个圆形,将它转化为Graphic符号,在第30帧的位置插入关键帧,在第1帧和第30帧之间设置圆形由左向右的动画,将这层...
本教程是关于Flash应用遮罩效果制作好看的图片切换效果。该教程选用Flash遮罩中最简单的一种作为例子,当然你可以用自己的想象力来做出更多更好的图片动画。希望本教程能带你带来帮助。 让我们先看看效果: 效果预览 第一步、打开Flash新建1个图层,用线条工具画一条竖直线,放在相对舞台的左面,第30帧处插入关键帧。 ...
标签: FLASH flash教程
本文由 英子 原创,转载请保留此信息! 本教程主要学习内容: 1、遮罩动作。 2、图层的灵活应用。 请先看实例: 点击下载源文件 看不到动画的朋友请去这里观看:http://bbs./viewthread.php?tid=94250 [1] 200806/12948_2.html'>[2] 200806/12948_3.html'>[3] 200806/12948_4.html'>[4] 200806/12948_2.ht...
标签: flash教程
要做出复杂的不断变化的遮罩,有更好的办法吗?请看…… 一.做一个连续关键帧的动画。 在Flash 中我们采用建立头尾关键帧,中间要Flash计算的方法来创建动画,而漫画家们喜欢逐帧编辑,这种连续的每帧都不太相同我们这里称为连续关键帧。 怎样快速做一个连续关键帧的动画? 1.先做好一个简单的动画。 2.输出这个动...

经验教程

398

收藏

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