Flash光效果之扫描字特效

特效

  效果简介:
  这是一个比较经典的效果。该效果常被用于广告设计、MTV的片头设计中。效果中一段射线扫描过去,随即出现一些文字,整个效果看起来有那种数字化的感觉,比较酷。制作该效果,可以让读者了解“对齐”、“混色器”面板地使用、光线设计的初步技巧以及了解“层”之间覆盖而产生的神奇作用。

  演示效果:

点击这里下载源文件

  制作步骤:

  1.设置场景的大小为480px×160px,背景颜色为#202020,帧频为25fps。这个背景颜色只能是与黑色较接近的颜色,否则效果就会大打折扣甚至无法实现。

  2.按快捷键Ctrl+F8打开“创建新元件”面板创建一个“文字”图形元件。

 

  图1        图2

  3.点选“工具”面板中的“矩形”工具,禁用边线,如图1所示。用“矩形”工具在场景中绘制一个宽为480px、高为160px的矩形,黑色。选中这个矩形,然后按快捷键Ctrl+K打开“对齐”面板,在“相对于舞台”按钮选中下分别点击“左对齐”按钮和“上对齐”按钮,使矩形可以和场景的边缘对齐,使其能覆盖住整个场景。

  图3

  4.点选“工具”面板中的“文本”工具,然后如图3所示对“属性”面板进行设置。字为白色。设置好后在图形元件“文字”的场景中写下“真爱你的云”这五个字。选中文字,按两次快捷键Ctrl+B将其打散,如图4所示。

  图4

  5.随便点选一下场景外的什么地方(灰色部分),使文字不在被选状态下,此时文字就会“融入”黑色的矩形块中。然后再点选文字的笔画,按Delete键把它们一个个都删除掉。这样矩形块就好像中间被“烙”空了一样。“烙”空处是用来显示射线的,这样才能很好的实现效果。

  6.按快捷键Ctrl+F8打开“创建新元件”面板创建名为“射线1”的影片剪辑元件。点选“直线”工具,并如图5所示设置“属性”面板,然后在该元件的场景中绘制一条高为240px的线条,线条的颜色为#00FF00。

  7.创建一个名为“射线2”的影片剪辑元件。如图6所示,该元件有“竖线”层和“矩形”层两层。在“竖线”中,绘制几条高为160px的绿色竖线,线条从左至右颜色的Alpha值依次变大(颜色的Alpha值可以按快捷键Shift+F9打开“混色器”面板后设置),最右边的竖线为白色。见图6所示。

 

  图5      图6

  “矩形”层里是一个宽为480px,高为160px的黑色矩形,紧挨着白色线条的右侧。见图6所示。

  8.回到主场景。如图7所示建立三层,再按快捷键Ctrl+L打开“库”面板,把“库”中的元件拖到相应的层中。各层中元件的位置如图8所示。

图7

图8

  9.按住Ctrl键,用鼠标左键点选“射线1”和“射线2”层的第75帧,并按F6键插入关键帧,并把第75帧中的元件移动到场景的右侧,如图9所示。用右键点选这两层的第1帧,在弹出菜单里点选“创建补间动画”命令创建“运动渐变”运动。

 图9

  10.最后,点选“文字”层的第75帧,并按F5键插入帧。

  到这里,简单的扫描文字效果就做好了。可以在第76帧到150帧再设置一段相同的动画,但运动方向相反,这样,就能够使效果来回的扫描了。读者可以拷贝1-75帧的动画,在第76帧粘贴,再转换关键帧即可。

时间: 2024-12-01 07:25:35

Flash光效果之扫描字特效的相关文章

Flash设计教程:光效果之扫描字特效

教程|设计 效果简介: 这是一个比较经典的效果.该效果常被用于广告设计.MTV的片头设计中.效果中一段射线扫描过去,随即出现一些文字,整个效果看起来有那种数字化的感觉,比较酷.制作该效果,可以让读者了解"对齐"."混色器"面板地使用.光线设计的初步技巧以及了解"层"之间覆盖而产生的神奇作用. 制作步骤: 1.设置场景的大小为480px×160px,背景颜色为#202020,帧频为25fps.这个背景颜色只能是与黑色较接近的颜色,否则效果就会大打折

Photoshop制作水嫩水滴字特效

  本教程主要使用Photoshop制作漂亮的水滴字特效,在制作过程中我们将学习一些PS技巧.比如选取的应用.图层混合.图层调整以及一点蒙板技巧.应该说这是一个初级水平的教程.大家一起来吧. 先放上效果图. photoshop字体教程 正式开始以前.我们需要准备一下两个素材.第一个链接是字体文件.第二个链接是水滴背景. font Water Drop Texture – By eRiQ 正式开始了哈. 1 准备背景 新建一个1920*1080px的画布.白色背景.在背景图层上如下图所示拉渐变.#

Flash CS4文字颜色缓动特效

核心提示:Flash CS4文字颜色缓动特效教程. 代码详解: [SWF(backgroundColor=0x000000,width=550,height=400)]//设置场景背景色.大小 var r:uint=0,g:uint=0,b:uint=0;//声明无符号整数型变量r.g.b,初始值都是0 var color:uint,targetR:uint,targetG:uint,targetB:uint;//声明无符号整数型变量color.targetR.targetG.targetB v

Photoshop制作梦幻般彩虹字特效

本教程主要用Photoshop制作梦幻般的彩虹字特效,教程中主要使用图层样式来制作字体的颜色和质感,然后用动感模糊滤镜完整梦幻般的玄幻效果. 本教程主要用Photoshop制作梦幻般的彩虹字特效,教程中主要使用图层样式来制作字体的颜色和质感,然后用动感模糊滤镜完整梦幻般的玄幻效果,下面让我们一起来学习了. 先看看效果图: 使用文字工具输入下面的文字,得到图层1. 使用"矩形工具"建立选区. 双击文字层,打开图层样式面板,设置"颜色叠加"选项,如下. 按照相同的方法,

Photoshop结合C4D制作立体效果的木纹字

  本教程主要使用Photoshop结合C4D制作立体效果的木纹字,立体效果非常的震撼,感兴趣的朋友让我们一起来学习吧. 最终效果 1.创建场景 (1)打开C4D,创建一个新文件,打开渲染设置,参数设置如下: (2)选择贝塞尔曲线 (3)转到侧视图,绘制一条样条曲线,类似于一个C形摄影棚 (4)复制样条线 (5)给两条样条线,施加放样曲线效果 (6)新建一个区域光源,放置在场景顶部 (7)分别放置两个区域光在场景两侧 (8)创建一个摄像机,设置参数如下 (9)创建一个新材质赋予场景,至此就完成了

CSS3中实现文字扫光效果代码

CSS3 实现的文字扫光效果,几乎可以和 Flash 相媲美了 效果解析 我们分析一下实现这个效果需要实现的功能: 实现一个扫光背景块,因为光是移动的,所以要加入渐变效果 (例如: 手电筒照射的一小块区域) 将扫光背景块控制到文本上 (即实现文本背景) 实现扫光动画 (扫光块从左往右循环移动) 思路理清了,接下来就是一步一步实现了 背景渐变 -webkit-linear-gradient (形成扫光背景块) background: #111 -webkit-linear-gradient(lef

Illustrator制作晶莹剔透的胖胖卡通字特效教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作晶莹剔透的胖胖卡通字特效的教程. 教程分享: 先看看效果图.   首先我们用Illustrator的钢笔工具勾出想要设计的内容,这里我们要注意的是曲线的平滑度,这样做出来的字体才好看.   我们用渐变填充上颜色,不需要描边.   我们再复制一层(ctrl+c)放在这层的下面(ctrl+b),并且描边(参考值2pt)为紫色   现在我们来制作高光部分,这次我们做得卡通一些. 首先我们画一些白色小方块在字上面,并使用路径查找器将其合并

Illustrator制作清爽一夏海边水珠3D字特效教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作清爽一夏海边水珠3D字特效的教程. 教程分享:   在AI里打上你要的文字   然后在调整一下文字形状   选择效果-3D-凸出和斜角     得到想要的3D效果,好了到这里AI部分就完成了,我们现在回到PS中.   到一个合适的背景图片   从AI中把刚刚做好的3D效果文字拖到PS中   在导入的3D文字上新建光效图层,选择白到透明的径向渐变     在按钮CTRL点击3D字图层得到选取后选择刚刚建的光效图层,点击图层下部的添加

防chinaren 3d flash切换效果

本文章提供一段同jquery+flash js实现的仿chinaren 3d flash切换效果js图片切换轮换特效代码了,如果喜欢就进来下载吧. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="Copyright" content=" http://ww