Flash实例教程 扫描文字效果

2016-01-29 12:46 50 1 收藏

Flash实例教程 扫描文字效果,Flash实例教程 扫描文字效果

【 tulaoshi.com - Flash 】

  本例制作从左到右扫描文字的效果。文字从左到右移动并扫描背景文字,如图5-1所示。文字扫描特效是一种比较好的文字效果,可以应用在网站动画及广告图标中。本例主要应用到Flash MX中的“文本工具”按钮、图像元件属性、移动变形动画的制作技巧以及图层的使用等。

  创作步骤:
  第1步,启动Flash MX,按快捷键“Ctrl+J”,打开“文档属性”设置对话框,设定动画的尺寸大小为500PX×200PX,背景色为蓝色,单击“确定”按钮,如图5-1所示。


  第2步,单击“插入”菜单下“新建元件”选项,插入一个图像元件,命名为“S”,如图5-2所示。


  第3步,选取工具箱中的“文本工具”按钮,然后单击工作区下方的“属性”(或单击“窗口”菜单下的“属性”命令),弹出属性面板,选择字体为“Arial”,大小为“75”,颜色为黑色,如图5-3所示。


  第4步,在元件编辑窗口的中央输入英文大写字母“S”。用工具箱中的“黑箭头工具”按钮,选中文字后按键盘上的“Ctrl+B”快捷键将文字打散,然后再按“Ctrl+G”快捷键将文字组合,如图5-4所示。


  第5步,用同样的方法制作图形元件“M”、“I”、“L”和“E”。
  第6步,按键盘上“Ctrl+F8”快捷键,再插入一个图形元件,命名为“SMILE”。将已做好的字母元件一一插入,组成单词SMILE,然后进行群组(按“Ctrl+G”快捷键),创建“SMILE”图像元件,如图5-5所示。


  第7步,单击工具栏上的“场景1”图标返回主场景窗口。连续单击时间轴上的“图层1”下面的“插入图层”按钮,插入五个图层,这样一共创建了六个图层。
  第8步,用鼠标右键单击各层,在弹出的快捷菜单中选择“属性”选项,打开“图层属性”对话框,在“名称”栏中输入各层的名称,如图5-6所示。

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

  (也可以直接用鼠标左键双击图层的名称,然后再重新输入新的名称。)依次输入图层名称为“S”、“M”、“I”、“L”、“E”和“SMILE”,如图5-7所示。


  第9步,单击“SMILE”图层中的第1帧,将图像元件“SMILE”放在舞台中央。在此层第15帧处按F6键插入一关键帧。单击第一帧,用“黑箭头工具”选中第“SMILE”元件,单击窗口下方的“属性”,在属性面板中“颜色”选择“Alpha”,并设定其值为“10%”,如图5-8所示。右击第1帧,选择快捷菜单中的“创建补间动画”,则第1帧到第15帧之间淡紫色,并有一条黑色箭头,表明已创建动画。


  第10步,用鼠标右键单击“S”图层的第3帧,在弹出的快捷菜单中选择“插入关键帧”选顶,插入一个关键帧,然后将“S”元件拖至舞台中,放在“SMILE”中字母“S”的左边,并适当放大。用鼠标选中“S”元件,在属性面板中“颜色”选择“Alpha”,并设定其值为20%。如图5-9所示。

  设置好后,我们在工作区中看到如图5-10所示的效果。


  第11步,用鼠标右键单击“S”图层中的第6帧,在弹出的快捷菜单中选择“插入关键帧”选项,插入一个关键帧。然后将“S”元件拖至右边,并将其缩小,覆盖在“SMILE”中字线“S”上,打散元件“S”,将其填充为白色,然后再将其群组,如图5-11所示。

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


  第12步,单击时间轴上“S”层的第3帧,在属性面板中选择“补间”为“动作”变形动画,如图5-12所示。


  第13步,用鼠标右键单击“M”层上的第4帧,选择“插入关键帧”命令,插入一个关键帧,然后将“M”元件拖 至舞台中。类似“S”元件的做法,从第4帧到第7帧中制作一个移动变形动画。
  第14步,用同样的方法处理其余图层,最后时间轴中得到如图5-13所示结果。


  第15步,按键盘上的“Crtl+Enter”组合键,观看动画的效果。

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

延伸阅读
标签: FLASH flash教程
这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示: http://www.taoshaw.com/taoshaw/study/qiang_xiangce/ 制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。 1、新建一个...
这是一个非常简单的教程,将学习用发光滤镜使对象产生发光的效果。注意:这个实例需要 TweenMax 类,请把附件中的gs类库保存在fla同一目录下。 AS3.0发光的文字效果实例 这是一个非常简单的教程,将学习用发光滤镜使对象产生发光的效果。 注意:这个实例需要 TweenMax 类,请把附件中的gs类库保存在fla同一目录下。 演示: 1、新建Fla...
标签: FLASH flash教程
poluoluo核心提示:Flash实例教程:制作圣诞节祝福贺卡. 展示 源文件下载: http://www.webjx.com/files/soft/1_091223201307.zip 1.在 flash 中新建一个文档( Actionscript 3.0 )然后另存为 snow.fla 2.把图层1重命名"card",并在这一图导入如下面的图片.   3.新建一个图层并命名: act...
标签: FLASH flash教程
1、按“Ctrl+M”打开影片属性对话框,设定动画的大小:宽为240,高为400,背景为黑色,单击“确定”。 2、单击“insert→new symbol”(ctrl+f8),在弹出对话框中命名为“city”,类型选“movie clip”。 3、用acdsee等看图软件找一张可以作为闪电效果背景的图片,用firework等图像编辑工具编辑一下,去掉背景(去背的技巧有很...
标签: PS PS教程
本例为Photoshop初学者实例系列教程,在教程中我们将学习运用PS的图层样式功能在木板上制作凹凸文字效果,对了解PS的图层样式有一定的帮助,希望朋友们喜欢~~ 图层样式的确很祌奇,能做出好多意想不到的效果,今天再讲一个例子,就是凹凸文字的制作。 素材: 先看看做出来的效果吧: “吧”字凸的效果做起来要简单...

经验教程

408

收藏

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