Flash实例教程 扫描文字效果 (1)

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

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Flash实例教程 扫描文字效果 (1),希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - FLASH 】


  本例制作从左到右扫描文字的效果。文字从左到右移动并扫描背景文字,如图5-1所示。文字扫描特效是一种比较好的文字效果,可以应用在网站动画及广告图标中。本例主要应用到 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”快捷键TuLaoShi.com将文字组合,如图5-4所示。


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


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

  (也可以直接用鼠标左键双击图层的名称,然后再重新输入新的名称。)依次输入图层名称为“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所示。

    

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

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

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

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

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

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


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

<

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

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

延伸阅读
标签: FLASH flash教程
本教程是关于用Flash来制作一个熊猫举重的动画,作者主要用到椭圆工具,矩形工具和直线工具等,操作简单易懂,感兴趣的网友可以打开Flash一起来学习。希望本教程能给你带来帮助! 北京奥运会上,中国举重队取得了8金1银的好成绩,令国人振奋不已。今天我们就用Flash来制作一个熊猫举重的动画,主要用到椭圆工具,矩形工具和直线工具等...
标签: FLASH flash教程
效果演示: 一、打开Flash,新建一个空白文档,设置下背景色,我这里设置的是绿色,你可以根据你的喜好去设置哈~ 然后按CTRL+F8新建一个影片剪辑,命名为茶。 二、开始画茶杯(因为刚新建影片剪辑了,所以这会应该是在名为茶的影片剪辑中了喔~)。把填充色设置为无,线条色选个颜色,然后先用椭圆工具画一个椭圆,再用线条工具画一条直线...
标签: FLASH flash教程
QQ表情已经成为一种流行文化,聊天的时候我们经常会被一些搞怪的QQ表情逗得忍俊不禁。其实有些表情制作也不难,只要掌握一些Flash的基本操作,我们就可以把自己的好创意也制成表情。本实例来自我自己画的一套圆圆&溜溜搞怪表情中的一个,下面是制作过程的详解,希望有助于大家学习Flash动画以及表情制作的基本原理。 下面我们先来看看效...
标签: FLASH flash教程
鱼戏莲叶间(如图1所示)是一个将鼠标跟随效果应用得非常巧妙的例子。该动画中,一条可爱的鱼儿在莲叶间畅游。最吸引人的是,这条鱼儿会紧紧跟随着您的鼠标,并且在转身回头之间,鱼头、鱼身以及鱼尾之间的运动显得非常连贯。一般的鼠标跟随效果往往只应用了简单的跟随,实际上就是ActionScript的简单调用。本例将告诉您如何在脚本程序的基...
标签: FLASH flash教程
这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示: http://www.taoshaw.com/taoshaw/study/qiang_xiangce/ 制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。 1、新建一个...

经验教程

498

收藏

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