使用Flash制作跳动文字效果
- 格式:doc
- 大小:208.00 KB
- 文档页数:5
经典案例X —— “激光文字效果”在本章的前面部分对Flash 中的遮罩动画做了简单的介绍,下面将进入Flash 引导线动画和遮罩动画的综合性实例的介绍和制作。
希望通过这个综合性案例,使读者对Flash CS5的动画制作有进一步深入的认识。
本案例运行效果在.\效果目录下。
【设计思路】• 新建文档。
• 制作激光束影片剪辑• 制作激光束运动动画• 制作激光写字效果• 保存和测试影片。
【设计效果】创建如图X-1所示效果。
【操作步骤】一、新建文档1、 运行Flash CS5软件。
2、 打开Flash 软件,新建Flash 文档,保存该文件,并将其命名为“激光文字效果.fla ”。
将文件属性栏中的舞台大小的宽度设为550像素,高度设为200像素。
背景色为黑色。
二、制作激光束影片剪辑1、 制作激光束顶端的发光小球。
1) 选择菜单【插入】/【新建元件】,弹出【创建新元件】对话框,在名称框输入:“ball ”;类型选择“影片剪辑”。
随之进入影片剪辑编辑窗口。
2) 选择【椭圆】工具,笔触颜色设置为:无,填充设置为从黄色(#FFFF00)到黑色(#000000)的渐变色,在舞台上拖出一个不带边线的正圆,如图X-2所示。
选中小球,按F8键把它转换成图形类元件,命名为:“light ”。
在第12帧按F5键插入一个普通帧。
3) 新建一个图层,渐变色设置同上,在刚才小球的旁边绘制如图X-3所示的小球。
把它拖到X-2所画的大圆的下面。
在第4帧按F6键插入关键帧,在这一帧把这个小圆拖到远离大圆的地方,方向任意,并把它的Alpha 值改为“40%”,如图X-4所示。
选择第1帧,单击右键,创建传统补间。
图X-1图X-2 图X-3 图X-44)再新建一个图层,在第2帧按F6键插入关键帧,并把元件“light”从库面板中拖到大圆的上面,选中刚拖进来的实例,在属性面板中进行如图X-5的设置,这样这个小球就变成了绿色,如图X-6所示。
在第6帧按F6键插入关键帧,把这个小球拖得远一些,方向也任意,并把它的Alpha值改为“40%”,回到第1帧,单击右键,创建传统补间动画。
闪烁字逐帧动画制作步骤
一、用到的工具有:工具箱中的文本工具、选择工具、填充色
二、制作步骤:
1、打开flash,点击新建flash文档
2、制作第一帧的动画:点击工具箱中的文本工具,将鼠标移动到舞台上,按住鼠标左键拖动,画出一个文本框,切换输入法,输入汉字“国庆节快乐”,完成后,点击工具箱中的选择工具,结束文本输入
3、用选择工具单击舞台中的文字“国庆节快乐”,在flash下方的属性面板中为输入的文字设置效果,如:选择自己喜欢的一种字体,调整文字的大小,改变文字的颜色等操作。
4、在第二帧处,单击鼠标右键,在弹出的菜单中选择插入关键帧,然后选中文字,在填充色中任意选择一种颜色,舞台中的文字就变成了你选择的颜色了
5、重复操作4,注意:每次插入关键帧后改变文字颜色,但是颜色不要和前一关键帧颜色相同
6、测试动画,按一下键盘上的“enter回车键”。
观看动画效果。
7、保存文件,执行文件——保存命令,弹出另存为对话框,选择保存的位置,输入文件名“国庆节快乐”,保存类型选择flash文档格式,即扩展名是“.fla”单击保存,即可完成动画的保存。
如何改变舞台的大小(白色区域),鼠标在舞台上的空白区域或者工作区上单击,然后在属性面板中会出现舞台的相关属性,点击大小后面的按钮,弹出“文档设置”对话框,分别在宽、高中输入项修改的尺寸,确定。
flash制作⼀个⼀个字的冒出来的打字效果
今天为⼤家分享在flash制作⼀个⼀个字的冒出来的打字效果⽅法,操作很简单的,也很有趣,喜欢的朋友⼀起来学习吧!
⽅法/步骤
第⼀步:
先打开flash软件,按ctrl+N新建⼀个flash⽂档,点击确定
第⼆步:
点击进⼊,在舞台上选择⽂字⼯具,然后动态⽂本(你的字有多少,就把动态⽂本拉多⼤,可以⽤选择⼯具),变量⽐如是a,弄完就之后帧数就有1帧了
第三步:
点击帧数第⼀帧(现在也只有第⼀帧),按F9添加函数,i=0,换⾏,然后t="你要打的字,你要打的字必须全部在⼀⾏,不能换⾏"
第四步:
在按下F9,然后在第⼆帧按F6,在按F9添加函数
if(i<length(t))
{a=substring(t,1,i)
i=i+1}
else
stop()
这句话的意思是:如果i⼩于⽂本的长度,就逐次截取字符串,⼀个⼀个字的增加,直到结束
第五步:
在按下F9,然后在第三帧按F6,在按F9添加函数:
gotoAndPlay(2)
意思是跳到第⼆帧播放
第六步:
步骤现在全部完成了,按ctrl+回车测试下你的作品吧
注意事项
函数的输⼊,变量的名称,⼯具的熟悉
以上就是flash制作⼀个⼀个字的冒出来的打字效果⽅法介绍,操作简单,你学会了吗?希望⼤家喜欢本教程!。
Flash CS3 入门歌词滚动动画本练习为制作歌词滚动动画,主要通过补间动画结合遮罩层实现歌词的滚动,使用补间动画制作素材图片的动画效果。
然后通过代码控制按钮的操作,使动画更具操作化。
通过学习本练习,要求用户能够熟练掌握遮罩动画的制作方法,了解代码基本知识。
练习要点●矩形工具●添加滤镜●文本工具●使用颜色面板●添加遮罩层●添加代码练习过程(1)在Flash中创建一个文档,设置大小为800×600像素。
然后在工具箱中单击【对象绘制】按钮,使用【矩形工具】绘制一个矩形图形,使用【任意变形工具】将其旋转。
并按下F8快捷键,打开【转换为元件】对话框,将其转换为影片剪辑,如图40-1所示。
图40-1 创建影片剪辑元件(2)双击图形,进入编辑模式双击轮廓线选中并按下Delete键删除。
然后返回到舞台,执行【窗口】|【属性】|【滤镜】命令,打开【滤镜】面板。
在该面板中单击【添加滤镜】按钮,在下拉列表中选择【投影】选项,设置如图40-2所示。
图40-2 添加滤镜(3)依据上面为矩形图形添加滤镜的方法,继续使用【矩形工具】并将其转换为影片剪辑元件。
与上步一样为其添加投影,如图40-3所示。
然后使用【文本工具】输入图中所示的文字。
图40-3 创建影片剪辑元件(4)在【时间轴】上面新建“图层2”,选择【矩形工具】绘制一个矩形图形。
然后按下Ctrl+T快捷键,打开【变形】对话框,在该面板中单击【旋转】单选按钮,在其后面的文本框中输入参数,如图40-4所示。
图40-4 绘制矩形(5)在【时间轴】上面创建新的图层,并命名为“按钮”。
然后使用【矩形工具】绘制一个矩形,按下Shift+F9快捷键,打开【颜色】面板,设置各个选项,设置如图40-5所示。
最后,使用【渐变变形工具】调整渐变颜色的方向。
图40-5 绘制矩形图形(6)选择【椭圆工具】在矩形图形上面绘制一个正圆图形,再使用【文本工具】输入歌曲的名称。
然后选择矩形图形以及圆形和文字,按下F8快捷键,打开【转换为元件】对话框,将图形转换为按钮,如图40-6所示。
PPT PS Flash制作滚动字幕教程社旗县教师进修学校张晓全一、用PPT制作滚动字幕教程:1、确定PPT,写入要制作动画的文字,如:击鼓其镗,踊跃用兵。
土国城漕,我独南行。
从孙子仲,平陈与宋。
不我以归,忧心有忡。
爰居爰处?爰丧其马?于以求之?于林之下。
死生契阔,与子成说。
执子之手,与子偕老。
于嗟阔兮,不我活兮。
于嗟洵兮,不我信兮。
2、把文本框向下移动,直至文本框全部移出可视范围:3、对文本框做自定义动画,执行“设计-自定义动画-添加效果-动作路径-向上”命令,效果选项:计时:速度非常慢。
正文文本动画:调整动作路径长度,使整个文本完全移出可视文本框之外。
二、PS制作滚动字幕教程:1、启动PS,执行“文件-新建-默认photoshop大小”的文档,2、用文字工具输入文字:3、右键单击文字图层执行“栅格化文字”命令使其成为普通图层。
4、单击图层面板上的添加图层蒙版按钮,给文字图层添加蒙版,用矩形选框工具框选文字,执行“选择-反向”命令。
5、用油漆桶工具在选区内填充前景色。
去除文字图层和蒙版之间的连结。
6、执行“窗口-动画”命令,调出动画控制面板,选中文字图层,用移动工具向下移动文字,直至看不见为止;点击动画面板上的复制所选帧按钮,用移动工具向上移动文字,直至看不见为止;点击第一帧,点击添加过渡帧按钮,修改帧数为60。
执行全选所有帧命令,把延迟时间改为0.2秒,永远。
保存为“web 和设备所用格式”,*.gif.复制所选帧按钮添加过渡帧按钮三、用Flash制作滚动字幕教程:1、启动Flash,创建一个Actionscript 3.0下的550×400px 的场景1,使用文字工具输入文字。
用选择工具移动文字直到场景外的底部。
2、点击第100帧,插入关键帧,并向上移动文字,直至文字在场景上方。
3、在第1和第100帧之间的任意地方单击,选择“创建传统补间”。
4、执行“文件-导出-导出影片”命令,测试并完成。
Flash制作荧光文字效果此实例的实现的是带荧光文字效果,在制作过程中主要使用了渐变填充等工具,通过简简单单几样工具便创造出了漂亮的文字特效。
难点就在于图形、色彩编辑的技巧和填充工具的使用。
通过对文字边框进行柔化处理,产生具有霓虹灯效果的荧光文字。
最终播放效果如图1所示,要实现这一效果,具体制作过程如下:图11.新建一个电影,在属性面板中设置其尺寸为480pxX150px,选择一种颜色(本例为#000099)作为背景色。
2.从工具箱中选取文本工具,在属性面板中设置字体类型设置成VladimirScrD,字体大小设置成100,在舞台上输入“Flashghost”。
选择工具栏中箭头工具,将文字移动到工作区中间。
按键盘的“Ctrl+B”键,将文字打碎。
效果如图2图2分离文本3.选择工具栏中墨水瓶工具,将墨水瓶工具参数栏中线条颜色设置成明黄色,线条宽度设置成1.0,将鼠标移动到工作区中,鼠标光标将变成墨水瓶形状,用鼠标依次点击文字边框,文字周围将出现明黄色边框。
效果如图3所示:图3为文本描边2.按Delete删除填充区域,效果如图4所示:图4删除坛区域4.选择工具栏中的箭头工具,按住键盘上的Shift键,依次双击每个字母外的明黄色边框,将他们全部选中,选择菜单“修改/形状/将线条转换为扩充”菜单命令,黄色边框被转变成可填充区域。
5.选择菜单“修改/形状/柔化填充边缘”,再按照如图所示的参数设“置柔化填充边缘”对话框,进行如图5所示,点击“确定”按钮,关闭对话框。
图56.选择工具栏中箭头工具,在工作区的空白处点击鼠标,取消对文字边框的选择。
这时可以看到,明黄色边线两边出现了模糊渐变,保存作品,按“Ctrl+Enter”预览最终效果,就可以看见漂亮的荧光文字效果。
Flash制作线框字特效线框文字效果,也是很简单的效果制作之一,在制作过程中效果如图1所示,要实现这一文字效果,其具体操作如下:图11.新建一个电影,在属性面板中设置其尺寸为290pxX80px,选择一种颜色(本例为#FFFFFF)作为背景色。
Flash 制作跳动的文字镜像效果此实例实现的是制作一个跳动的文字镜像效果。
效果实现主要有两个方面,一是通过延迟不同元件的动画开播时间,实现了文字的先后运动。
二是通过对中间帧动画变速调整,实现了跳动的弹性效果。
而效果的主要制作步骤也是有两个,一是制作字符模板,二即是制作具体效果。
难点在于元件转换、元件替换、中间帧动画调速和简单的播放控制。
最终播放效果如图1所示,要实现这一效果,具体制作过程如下图1 最终效果一.制作字符模板1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#FFCCFF)作为背景色。
2.单击或直接按R键从工具箱中选择矩形工具。
将边框色设定为无,填充色设定为#FF99CC,用Rectangle(矩形)工具在舞台上画一个大矩形,盖住舞台的下半部分,效果如图2所示。
图2 在舞台上绘制的矩形3.单击或直接按T键从工具箱中选取文本工具,并在属性面板中。
将字体设定为黑体,字体大小设为96,颜色为#FF99CC,在舞台上写一个 X 大写字母,这个 X 将会被作为所有文字的模板,效果如图3所示:图3 制作的 X 文字模板4.选中字符 X ,选择插入/转换为元件菜单命令或直接按F8,将弹出转化为元件对话框。
将行为设置为图形并在名称文本框中为其命名为char_tpl ,单击确定将字符 X 转化为图形元件 char_tpl 。
选中刚转化成图形元件 char_tpl 的字符X,再次打开转化为元件对话框。
这一回,将行为改为影片剪辑,并为其重新命名为 m_char_tpl ,将图形元件 char_tpl 转化为影片剪辑元件 m_char_tpl。
双击影片剪辑元件 m_char_tpl 的字符X,进入元件编辑模式。
选中舞台上的字符 X ,然后选择窗口/信息菜单命令或直接按Ctrl+I,打开信息面板。
接着把其上的Y值(也就是字符X的纵坐标值)改为50,如图4所示。
图4 设置信息面板5.选中时间线上的第20帧,选择插入/关键帧菜单命令或直接按F6,插入一个关键帧。
利用引导层和时间轴特效制作写字动画制作过程:1,运行FLASH,新建文档2,选择“文件/保存”命令,由于是第一次保存,所以系统会出现一个对话框,在此对话框中,可以选择保存的路径,可以修改文件名,还可以修改文件保存的类型,默认保存为FLASH 文档。
一、下面开始制作文字逐字显示动画部分3,新建图层1,命名为文字4,在舞台上利用工具箱里面的文本工具,随便输入几个文字,文字内容和字体大小可根据个人喜好设置,设置字体在下面的控制面板中进行设置。
5,为了让字逐字显示,为文字图层添加时间轴特效,首先用选择工具选中文字,在出现蓝色边框后,单击菜单栏里的插入-时间轴特效-变形/转换-转换,如图所示,设置成右边的按钮,单击确定,文字图层自动重命名为转换,文字动画部分设置完成。
二、下面开始制作手握笔的动画部分6,新建图层2,命名为手握笔7,在舞台上绘制一个手握笔的图形,当然你可以细致的画一个笔和漂亮的手:)8,单击工具箱里的颜料桶工具,对其进行上色,并将线条删除,如图9,将手和笔全选后,两个组合起来,按ctrl+G组合!10,利用任意变形工具,修改大小和形状,并且将控制中心点挪动到笔尖处!!11,调整手形的位置,使之与第一个字对齐(如看不到文字,可单击转换图层第一帧,文字开始的蓝色线确定第一个字的位置)然后在第30帧处插入一个关键帧,调整手的位置,与最后一个字对齐,然后再第一帧和最后一帧的任意位置处单击鼠标右键,插入补间动画。
此时可以测试一下影片,发现手是完全按照一条直线运动的。
三、下面开始制作写字的动画部分12,为了出现写字的曲曲折折的效果,下面为手握笔图层添加运动引导层。
在运动引导层的第一帧上,利用工具箱的铅笔工具画一条弯弯曲曲的曲线,在手握笔图层第一帧调整手的位置,使之放在曲线的开始处,同理,在手握笔图层的最后一帧上,调整手的位置,使之放在曲线的结尾处。
完成拉!(如没成功,重复步骤12)。
使用Flash制作跳动文字效果Step 1:新建一Flash文档。
设置文档属性,把帧频设为24,使得动画的播放更加流畅,具有真实感。
Step 2:制作文字“图形”元件。
这里,我们一共要制作三个文字,分别为“太”,“酷”,“了”。
按快捷键Ctrl+F8,新建元件“太”,选“图形”,如图1所示。
图1
Step 3:编辑元件“太”。
点击确定,进入“太”元件的编辑界面,选择“工具”中的“文本工具”,对文字进行属性设置,设置喜欢的字体、字号大小、颜色,然后点击舞台出现光标时输入文字“太”。
Step 4:制作文字立体效果。
为了更加美观,我们可以给文字添加立体效果,选中舞台上文字“太”,使用Ctrl+C进行复制,点击“编辑”菜单选择其中的“粘贴到当前位置”菜单项,此时两个文字块重合,按键盘上的向左的方向键,向上的方向键各2次,使之和原来的文字错开一点位置,填充黑色或其他深颜色,选中其中一个文字块,使用快捷键Ctrl+上箭头或下箭头,调整两个文字块层次关系,做到颜色上前浅后深,立体效果完成。
(Step 3、4参考图2)
图2
Step 5:制作其他文字元件。
参考上面方法,制作好“酷”,“了”元件。
Step 6:下面开始制作跳动文字效果。
按快捷键Ctrl+F8,新建元件“跳动文字”,选“影片剪辑”,点击确定,进入“跳动文字”元件编辑界面。
Step 7:新建3个图层,为了便于辩认,我们为图层改名,分别改名为“太”,“酷”,“了”,从元件库中将“太”,“酷”,“了”三个元件分别拖放到不同的图层。
使用“对齐”工具栏中的“水平居中”和“水平平均间隔”按钮,调整文字的位置和布局。
如图3。
图3
Step 8:为了把握好文字在跳动时的高度,我们需要为文字定位。
按快捷键Ctrl+Shift+Alt+R,显示标尺,然后在标尺上按住鼠标左键,拖动拉出如图4所示的定位参考线。
图4
Step 9:使用F6快捷键,分别在“太”图层的第10帧、15帧、20帧、24帧、26帧、27帧、28帧插入关键帧。
如图5
图5
Step 10:选择“工具”中的“任意变形工具”,对第10帧的“太”字进行一
定的压缩(提高:为了更精确我们可以通过“属性面板”中文字元件的高度属性通过数值进行调整)。
压缩多少大家可以自己决定,压缩大点,就让文字跳高点。
这一步的操作是模拟文字跳动前的下蹲动作,让跳动更真实些。
需要注意的是文字和参考线的关系。
如图6元件调整前后对比。
图6
Step 11:把第15帧的“太”元件通过按键盘上的向上方向键,垂直移动到上方参考线。
如图7所示。
图7
Step 12:在第1帧,第10帧,第15帧加上运动补间动画,这样,文字就完成了一个从跳跃到落地的循环。
(提高:通过调节“动作补间动画”的属性中的“简易”来实现符合现实中物体弹跳运动特点,跳起的过程先快后慢,落下的过程为先慢后快。
在“太”字图层的第10帧,第15帧对应的“简易”分别设为100,-100。
)如图8。
图8
Step 13:为了更加生动,文字在落地后,再给它加上一点点反弹效果。
选择“太”图层的第24帧,把文字垂直向上移动一点,注意距离不要太大;选择第26帧,并对文字进行一点点的压缩,注意压缩不要太大;选择第27帧,并按键盘上的向上方向键一次,把27帧的“太”字向上移动一点。
选择“太”字图层的第20帧,第26帧,添加“动作补间动画”,其中,第20帧的简易设置为100。
这样,“太”字的跳动动画就制作好了。
Step 14:依次对“酷”、“了”图层进行同样操作,不过为了使三个字的跳动有时间间隔,将“酷”、“了”两个字的跳动分别推后5帧,最后三个图层使用非关键帧补齐即完成跳动文字的制作。
时间轴如图9所示。
图9
Step 15:制作文字的倒影。
按Ctrl+F8键,新建一个命名为“倒影”的影片剪辑元件,把我们刚才制作好的“跳动文字”影片剪辑拖入舞台中,然后,选择“跳动文字”元件,点击“修改”菜单中的“变形”菜单项中的“垂直翻转”;然后通过属性面板把文字的透明度设为30%。
如图10所示,倒影就OK了。
图10
Step 16:切换到场景1中,设置播放的背景,将库中的“跳动文字”、“倒影”两个影片剪辑分别拖入场景中,进行大小、位置的调整后,测试一下吧!效果如图11。
图11。