《flash8动画设计实例教程》第三.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,机械工业出版社,中等职业教育“十一五”规划教材,电子商务专业,机械工业出版社,Flash8,动画设计实例教程,第,3,章,Flash 8,中特效文字的制作,目标技能,学会创建文本；,文本属性面板的设置；,制作文字特效。,掌握文字变形动画的制作方法,本章目录,3.1,文字静态属性设置实例,3.2,文字动画实例,本章重点：,文本,【,属性,】,面板的设置,本章难点：,制作文字特效、文字变形动画的制作方法。,3.1,文字静态属性设置实例,本章内容介绍,在,Flash,中文本共有,3,种类型：静态文本、动态文本及输入文本。,静态文本是指用于创建影片中不需要发生变化的文本。如：标题或说明等。,动态文本是指在影片播放期间能够发生变化的文本。如：股票行情等。,输入文本是指在影片播放期间用户可以实时输入各种信息的文本。用于开发表单应用程序，如：留言板等。,3.1.1,创建文本,利用文本工具创建文本。,利用粘贴文字创建文本。,1,、利用文本工具 创建文本。选取工具栏区的文本工具，在舞台上需要输入文本的位置处单击。此时在舞台上就会出现一个右上角有小圆圈控制点的文本框，表示该区域的内容无法自动换行，所输入的文字将持续地向右延伸，按,Enter,键之后，将结束当前行的输入，进入下一行。选取工具栏区的文本工具，在舞台上按下鼠标左键拖曳。此时在舞台上就会出现一个右上角有小方块控制点的文本框，表示该区域内的文字将在区域右侧边界时自动换行，此时文本框左右宽度是固定的，并不会因为文字数量的改变而改变，双击方形控制点时，将切换到宽度可变的文本框。也可以拖动圆形控制点，将切换到宽度不可改变的文本框。,3.1.1,创建文本,3.1.1,创建文本,2,利用粘贴文字创建文本,Flash 8,允许用户将其他应用程序内的文字粘贴到舞台上，并使用宋体、,12,、黑色作为粘贴文字的字体、字号与颜色。粘贴文字的字间距是,0,。粘贴文字时，需要事先打开编辑文字的应用程序，然后执行剪切或复制命令，将所选的文字剪切或复制到剪贴板内，在,Flash 8,舞台上右击并执行快捷菜单的粘贴命令时，将把剪贴板的文字粘贴到舞台的中央。,3.1.1,创建文本,3,、嵌入字体和设备字体在,Flash 8,中输入静态文本时，,Flash,会自动将字体的轮廓信息嵌入到,Flash,的,swf,文件中以保证用户浏览,Flash,影片中文字的完全显示出来。但创建动态文本或输入文本时，如果用户浏览,Flash,影片，,Flash,播放器会在用户的系统上查找相同或相似的字体，此时就有可能影响影片的正常播放效果。解决的方法是在,【,属性,】,面板中单击,【,嵌入,】,按钮，选择嵌入字体轮廓的字符。使用嵌入字体会加大,Flash,文件的体积，因此,Flash,允许用户使用设备字体来代替嵌入字体，但设备字体仅适用于静态水平文本。使用设备字体的方法是在,【,属性,】,面板中，选择,【,字体呈现方法,】,下拉列表框中的,【,使用设备字体,】,选项，,3.1.2,编辑文本和更改文本属性,对文本的编辑是,Flash,动画制作中非常关键的一步，文本处理的好坏直接影响到动画的质量高低。在,flash 8,中，用户可使用多种文本处理技术来编辑文本，例如，可使用剪切、复制、粘贴命令移动或复制文本。,3.1.2,编辑文本和更改文本属性,1,、选择文本编辑文本或更改文本属性时，必须选择需要更改的文本。要选择文本框中的字符，必须首先选取工具箱中的“文本”工具，然后执行下列操作之一。在文本框中单击鼠标左键，从需要选择的文本上按下鼠标左键并拖动，被选中的字符为黑色显示，在文本框中双击可以选择一整句或一个单词，在要选择的文字开头单击鼠标，然后按住,【shift】,键，在要选择的文字结尾单击鼠标，即可选中两者之间的全部文字，按,【,Ctrl+A,】,组合键可以选中文本块中的所有文本，如图,3-4,右图所示。要选择整个文本块，可选择工具箱中的“选择”工具，然后单击文本块。被选中的文本框周围有蓝色的边框。按住,【shift】,键单击可选择多个文本块。,3.1.2,编辑文本和更改文本属性,2,、分离文本通过分离文本，可将每个字符放在一个单独的文本块中，使其成为单个字符或矢量图形，从而对文本进行更多的处理。例如，将文本块分离为独立的字符后，通过将文字分散到图层上，可快速制作每个文本块的动画。但是，请注意，一旦文本被分离为矢量图形后就不再具有文本属性，而拥有了矢量图形的属性。也就是说，对于分离为矢量图形的文本，用户不能更改其字体、字符间距等，但可以对其应用渐变填充或位图填充等属性。另外，用户不能分离可滚动文本字段中的文本。要分离文本，可执行如下操作。（,1,）使用,【,选择,】,工具单击选中文本块（,2,）选择,【,修改,】【,分离,】,菜单或按,【,Ctrl+B,】,组合键，将文本分离为独立的文字块（只包含一个字符）。（,3,）如果希望将文字进一步转换为矢量图形，可再次执行,【,修改,】【,分离,】,命令。将文字转换为图形后，用户便可像编辑普通图形那样对其进行各种编辑了。例如，改变其边线样式、填充内容，或修改其线条形状等。,3.1.2,编辑文本和更改文本属性,3,、设置静态文本对象的属性利用设置区可设置选定字符的字体、大小、文本填充颜色与字形（粗体或斜体）。利用,【,字符间距,】,编辑框 可以设置选定字体字符间距的值，如图,3-9,所示。利用,【,字符位置,】,下拉列表框可将选定字符设置为上标或下标，字体呈现方法斜体文本类型字符间距字体字符位置颜色改变文字方向编辑格式选项文本可选文本链接文本中心坐标点约束宽高比粗体字号段落对齐自动调整字距离单击,【,改变文本方向,】,按钮 ，可将文字由水平排列改为垂直排列。单击,【,格式,】,按钮，可打开,【,格式选项,】,对话框。利用该对话框可设置文字的首行缩进、行距，以及左右边距。,3.1.2,编辑文本和更改文本属性,3.1.3,创建动态文本字段,对于动态文本而言，用户可为其设置除基本属性以外的其他属性。,1,、利用,【,实例名称,】,编辑框可以为当前文本对象指定一个名称。,2,、当文本框包含的文本内容多于一行的时候，可以使用,【,线条类型,】,下拉列表框使文本内容单行、多行（自动换行）和多行不换行进行显示。,3,、单击,【,可选,】,按钮，可使文字成为可选择项目，即浏览者在观看动画时可选择其中的文字。,4,、单击,【,在文本周围显示边框,】,按钮，可为文本框显示黑色边框和白色背景。,5,、单击,【,将文本呈现为,HTML】,按钮，可利用,【,变量,】,编辑框设置变量名称（存储文本框的内容），利用下面的,【URL,链接,】,编辑框设置,URL,链接，利用,【,目标,】,编辑框设置在何处打开链接网页，如图,3-15,所示。图,3-15,设置动态文本的链接地址与链接网页的显示方式,3.2,文字动画实例,本章内容介绍,3.2.1,特效字的制作实例包括填充文字效果、空心字的制作、滤镜的使用、发光字的制作,3.2.2,文字的变形动画实例,填充文字,空心字,发光字,3.2.1,特效字的制作实例,3.2.1,特效字的制作实例,填充文字,制作步骤如下：（,1,）新建一个,Flash,文档。选择,【,文件,】【,新建,】,命令，或按快捷键,Ctrl+N,，新建一个,Flash,文档。（,2,）设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,Ctrl+J,，弹出,【,文档属性,】,对话框，在,【,标题,】,文本框中输入“位图填充文字效果”，将,【,尺寸,】,设置为,400300,像素，其他保持不变。（,3,）选择工具栏中的文本工具，在,【,属性,】,面板中将字体设置为“,Arial Black”,【,大小,】,设置为,96,，,【,字间距,】,设置为,10,，在舞台中创建文本“,FLASH”,。（,4,）选择工具栏中的选择工具，选中创建的文本对象，单击菜单栏中的,【,修改,】【,分离,】,命令，或按快捷键,Ctrl+B,，文本框就会被分离成单个字符。再按一次快捷键,Ctrl+B,，这时的文本对象就被转换成矢量图形,3.2.1,特效字的制作实例,填充文字,制作步骤如下：（,5,）导入位图。选择菜单栏中的,【,窗口,】【,混色器,】,命令，打开,【,混色器,】,面板，在,【,类型,】,下拉列表中选择位图填充方式，这时将弹出,【,导入到库,】,对话框。图,3-20,导入到库对话框（,6,）当选择了一幅或多幅位图以后，此时的,【,混色器,】,面板如图,3-21,所示。在保证矢量图形被选中的前提下，在,【,混色器,】,面板中选择要填充的位图。（,7,）此时矢量图形（文字）即会被选中的位图所填充，效果如图,3-19,所示。（,8,）保存影片。选择,【,文件,】【,保存,】,命令，或按快捷键,Ctrl+S,保存影片。（,9,）测试影片。选择,【,控制,】【,测试影片,】,命令，或按快捷键,Ctrl+Enter,测试影片。,3.2.1,特效字的制作实例,空心字,制作步骤如下：（,1,）新建一个,Flash,文档。选择,【,文件,】【,新建,】,命令，或按快捷键,Ctrl+N,，新建一个,Flash,文档。（,2,）设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,Ctrl+J,，弹出,【,文档属性,】,对话框，在,【,标题,】,文本框中输入“空心字”，其他保持不变。（,3,）选择工具栏中的文本工具，在,【,属性,】,面板中将字体设置为“,Arial Black”,【,大小,】,设置为,96,，,【,字间距,】,设置为,10,，在舞台中创建文本“,FLASH”,。（,4,）仿照上例，通过两次,【,修改,】【,分离,】,命令，或连按两次快捷键,Ctrl+B,，将文本对象转换成矢量图形。,3.2.1,特效字的制作实例,空心字,制作步骤如下：（,5,）在工具栏中，选择,【,墨水瓶工具,】,，并设定好,【,墨水瓶,】,属性：,【,笔触颜色,】,蓝色；,【,笔触高度,】5,；,【,笔触样式,】,实线。（,6,）用鼠标点一下舞台中文字的边线，文字的外围就被蓝颜色框住了。（,7,）依次单击其它字母（,8,）选择工具栏中的,【,选择工具,】,，选中舞台中文字中间的黑色部分（可按住键盘上的,Shift,键连续选择）。按键盘上的,【Delete】,键去除选中的部分，留下文字的外框。完成本例。（,9,）保存影片。选择,【,文件,】【,保存,】,命令，或按快捷键,【,Ctrl+S,】,保存影片。（,10,）测试影片。选择,【,控制,】【,测试影片,】,命令，或按快捷键,【,Ctrl+Enter,】,。,3.2.1,特效字的制作实例,滤镜的使用,添加滤镜的一般步骤如下：首先在舞台上选中要添加滤镜的对象。在,【,滤镜,】,面板中，单击添加滤镜按钮，从添加滤镜菜单中选择一个滤镜，最后在,【,滤镜,】,面板中设置好各项参数。,3.2.1,特效字的制作实例,滤镜的使用,投影滤镜,模糊滤镜,发光滤镜,斜角滤镜,渐变发光滤镜,渐变斜角滤镜,3.2.1,特效字的制作实例,滤镜的使用,发光字的制作,制作步骤如下：（,1,）新建一个,Flash,文档。选择,【,文件,】【,新建,】,命令，或按快捷键,【,Ctrl+N,】,，新建一个,Flash,文档。（,2,）设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,【,Ctrl+J,】,，弹出,【,文档属性,】,对话框，在,【,标题,】,文本框中输入“发光字效果”，将,【,尺寸,】,设置为,450300,像素，,【,背景,】,设置为黑色，,【,颜色代码,】#000000,，其他保持不变。（,3,）选择工具栏中的文本工具，在,【,属性,】,面板中将字体设置为“,Arial Black”,【,大小,】,设置为,96,，,【,字间距,】,设置为,10,，,【,颜色,】,任意，在舞台中创建文本“,FLASH”,。,3.2.1,特效字的制作实例,滤镜的使用,发光字的制作,制作步骤如下：（,4,）添加投影滤镜。单击属性面板中的,【,滤镜,】,标签，打开滤镜面板。单击,【,添加滤镜,】,按钮，从弹出的下拉菜单中选择投影滤镜。在,【,滤镜,】,属性面板中将,【,角度,】,设置为,210,，,【,距离,】,设置为,1,，其他保持不变。（,5,）添加渐变发光滤镜。在滤镜面板中单击添加滤镜按钮，从弹出的下拉菜单中选择渐变发光滤镜。将,【,模糊,X】,和,【,模糊,Y】,值设置为,10,，,【,品质,】,设置为中，,【,角度设置为,196】【,距离,】,设置为,-2,。,3.2.1,特效字的制作实例,滤镜的使用,发光字的制作,制作步骤如下：（,6,）将,【,类型,】,设置为整个，然后在渐变定义栏中为滤镜添加,4,个指针。从左数第二个开始，把指针颜色分别设置为淡黄色（,#FFFFCC,）、黄色,(#FFFF00),、蓝色,(#0066FF),、浅蓝色,(#00FFFF),、深蓝色,(#000066),。（,7,）在滤镜面板中单击,【,添加滤镜,】,按钮，从弹出的下拉菜单中选择模糊滤镜。将,【,模糊,X】,和,【,模糊,Y】,值设置为,2,，,【,品质,】,保持不变。（,8,）选择,【,文件,】,保存,】,命令，或按快捷键,【,Ctrl+S,】,保存影片。（,9,）测试影片。选择,【,控制,】【,测试影片,】,命令，或按快捷键,【,Ctrl+Enter,】,。,3.2.2,文字的变形动画实例,变形动画是,FLASH,动画中比较特殊一种过程动画,和运动动画不同的是,其动画对象只能是矢量图形对象。因此对于文本对象而言，要想制作出变形动画，非常关键的一步就是要将输入的文本对象转换成矢量图形，即通过两次执行,【,修改,】【,分离,】,命令，或按两次快捷键,【,Ctrl+B,】,，才能制作出文字的变形动画，下面我们就通过实例了解文字变形动画的制作过程。,3.2.2,文字的变形动画实例,变形动画效果,3.2.2,文字的变形动画实例,变形动画制作步骤如下：,制作步骤：,1,、新建一个,Flash,文档。选择,【,文件,】【,新建,】,命令，或按快捷键,【,Ctrl+N,】,，新建一个,Flash,文档。,2,、设置文档属性。选择,【,修改,】【,文档,】,命令，或按快捷键,【,Ctrl+J,】,，弹出,【,文档属性,】,对话框，在,【,标题,】,文本框中输入“文字变形动画”，其他保持不变。,3,、在,【,时间轴,】,面板上选择第一帧，使用,【,文本,】,工具在舞台上输入“,Flash”,文本属性。,3.2.2,文字的变形动画实例,变形动画制作步骤如下：,制作步骤：,4,、选择第,30,帧，按键盘上的,F6,插入关键帧。,5,、将第,30,帧中的字母改为“,Professional 8”6,、分别选中第一帧和第,30,帧中的文本，通过两次执行,【,修改,【,分离,】,命令，或连按两次快捷键,【,Ctrl+B,】,，将文本对象转换成矢量图形。,7,、选择第,130,帧中的任意一帧，在“帧”属性面板上的,【,补间,】,下拉列表中选择,【,形状,】,选项，设置其为,【,补间形状动画,】,（变形动画）。,3.2.2,文字的变形动画实例,变形动画制作步骤如下：,制作步骤：,8,、注意时间轴颜色的变化，当设置完形状补间动画后，时间轴的颜色由灰色变为绿色，并同时出现一个由左至右的实线箭头。,9,、保存影片。选择,【,文件,】【,保存命令，或按快捷键,【,Ctrl+S,】,保存影片。,10,、选择选择,【,控制,】【,测试影片,】,命令，或按快捷键,【,Ctrl+Enter,】,，,可以看到由“,Flash”,变化成“,Professional 8”,的变形动画过程。,本章到此结束，谢谢！,