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

2016-01-29 14:26 25 1 收藏

枫桥夜泊下 遮罩效果的动态文本,枫桥夜泊下 遮罩效果的动态文本

【 tulaoshi.com - Flash 】


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

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

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


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

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

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


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

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

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

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


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

    

[next]


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

来源:http://www.tulaoshi.com/n/20160129/1493312.html

延伸阅读
市面上,好像泊美的隔离霜销量不错,有许多消费者会问到泊美的隔离霜怎么样?效果好不好? 下面给大家介绍下泊美的隔离霜怎么样: 泊美美白隔离霜温和而不含酒精的植物萃取精华的化妆水,可有效均衡中性至油性的皮肤,完全萃取金盏花卉精华,有收紧皮肤的效果,也能强力阻隔紫外线。只要轻轻一抹,即可感受到肌肤亮丽又美丽,闪耀...
详细介绍: 保湿效果良好,并能充分滋润,创造出年轻而有朝气的眼眸的眼霜。 *充分滋润容易干燥、易生小争纹的眼部肌肤,创造有弹性和充满生机的眼眸。85元的是泊美基础保护的眼霜,现在这个系列基本停产了!其实你可以尝试一下98的眼部精华霜,很滋润,而且它是植物水润系列的,保湿效果会更好,主要就是淡化细纹的! 眼部精华是一种凝胶...
标签: Web开发
  这个例子是动态添加文本的例子,当我们输入一个字符串”100jq”的时候在回复的地方显示了一个”Hello,100jq”。 screen.width-400)this.style.width=screen.width-400;">     他的工作机制如下:     当你点击"发送"按钮时响应了onclick事件, 调用了 update(...
标签: Web开发
在Web应用中,内容缓存是最普通的优化技术之一,并且能够很容易地实现。例如,可以使用一个自定义地JSP标签——我们将之命名为jc: cache——由jc:cache和/jc:cache将每一个需要被缓存的页面片段封装起来。任何自定义标签 可以控制它所包含部分 (也即预先封装的页面片段)在何时执行,并且动态输出结果可以被捕获。jc:cache标签使得JSP容器(例如T...
【PS文字特效】用PS制作遮罩效果之流动显示的文字 效果tulaoShi.com 制作步骤         注 :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:182958314欢迎你的加入

经验教程

884

收藏

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