flash动画设计第4章.ppt

《flash动画设计第4章.ppt》由会员分享，可在线阅读，更多相关《flash动画设计第4章.ppt（34页珍藏版）》请在三一文库上搜索。

1、第4章 Flash 文本操作,1,第4章,Flash 文本操作,第4章 Flash 文本操作,2,学习目标 了解Flash文本区域类型 熟悉创建文本 熟悉对创建的文本区域进行属性的设置 掌握编辑文本，并能够制作特效文字,第4章 Flash 文本操作,3,4.1创建文本 4.2设置文本属性 4.3编辑文本 4.4制作特效文字,第4章 Flash 文本操作,4,4.1创建文本 Flash 中可以按多种方式在项目中加入文本。通常一个Flash 项目中会包含几种不同的文本类型，每种类型都适用于特定的文字 内容。 Flash中使用的3种主要的文本区域类型： 静态文本：静态文本用于显示在影片中不作任何变化

2、的文字。 文本内容，在运行时不会发生改变。静态文本可以创建 超级链接，并且选择目标窗口。 动态文本：动态文本区域用来显示在影片中会被更新的文字。该内 容可以来自于即时数据源、动态更新的文本，如体育比 分、气温、物价等。 输入文本：输入文本区域用于在运行时由用户输入文本，它可用于 任何需要用户输入的时候，如输入密码或者回答问题等。,第4章 Flash 文本操作,5,4.1.2设置垂直文本的首选参数 在Flash中还添加了从左向右或从右向左阅读的垂直文本框选 项。垂直文本选项，可以很轻松地把版式从水平排列变成垂直排列， 每个字母可以叠放或者旋转过来。,第4章 Flash 文本操作,6,4.1.3创

3、建文本 要在Flash文档中创建文本，在工具面板中单击【文本工具】 激活它即可。在Flash文档窗口中创建文本时有两种方法： 标签文本：在文档舞台上单击然后开始输入，即可在一个可扩展的 文本框中输入文本。 块文本：在文档舞台中单击并拖动文本框直到要求的宽度，这样可 以为文本区域定义固定的宽度，当输入文字过多时就会自动调整文 字间距。 【操作实例1】创建文本,第4章 Flash 文本操作,7,4.1.4创建滚动文本 在创作时，如果动态文本或输入文本需要使用多行文本区域， 但是空间有限，那可以使用【文本菜单】【可滚动】命令将文 本区域设置为可滚动的，这样文本可以延伸到文本框的或可视区 域以外。,第

4、4章 Flash 文本操作,8,4.2设置文本属性 文本工具在工具面板中没有选项，因为文本控制选项现在已经 全部集成到属性面板中。所有的Flash文本都是用文本工具在文本 框中创建的，但是文本框创建完成以后，可以使用属性面板为文 本设置不同的属性。只有在激活文本工具或者使用选择工具选中 文本框时，属性面板中的文本控制选项才可见。,第4章 Flash 文本操作,9,421选择字体、点数、样式和颜色 在创建文本框时，用户可以设置选定文本的字体、点数、样式 和颜色。设置文本颜色时，只能使用纯色，而不能使用渐变色。 若要向文本应用渐变色，必须将该文本转换为线条和填充图形。,【操作实例2】文本框的字体、

5、点数、样式和颜色的设置,第4章 Flash 文本操作,10,4.2.2设置字符间距、字距微调和字符位置 在Flash MX中，设置字符间距将调整选定字符或整个文本块 的间距，字符间距值的调整范围是-6060磅。字距微调控制字 符之间的距离，若要使用字体的内置字距微调信息，可以在选中 文本块后在文本属性面板中选中【自动调整字距】复选框。对于 水平文本，间距和字距微调设置了字符间的水平距离；对于垂直 文本，间距和字距微调设置了字符间的垂直距离。,第4章 Flash 文本操作,11,4.2.3设置对齐、边距、缩进和行距 对齐方式确定了段落中每行文本相对与文本块边缘的位置。 文本的对齐方式有如下4种：

6、 左/顶端对齐：这是我们日常使用的方式，所有行的左端在同一条 竖直线上。 居中对齐：所有行的中心在同一条竖直线上。 右/底端对齐：所有行的右端在同一条竖直线上。 两端对齐：所有行的左端和右端在同一条竖直线上。 【操作实例3】使用文本工具创建文本内容。,第4章 Flash 文本操作,12,4.2.4使用设备字体 在Flash 影片中使用安装在系统中的字体时，Flash中嵌入的 字体信息将保存在SWF文件中，以确保这些字体能在Flash播放时 完全显示出来。但不是所有显示在Flash中的字体都能够与影片一 起输出。在Flash中，可以使用设备字体来解决上述问题。 Flash包含3种设备字体：_sa

7、ns， _serif和 _typewriter 。,第4章 Flash 文本操作,13,4.2.6将文本链接到URL 对于水平文本，可以进行超级链接。如图4.17所示了一个超级 链接的建立。要建立超级链接，首先选中要进行超级链接的文本， 在属性面板中填写URL。URL可以是以下内容之一： 本机文件地址。本机文件地址使用“File:/”作为开头，例如： File:/C:/Flash/Flash.txt 网络文件地址。本机文件地址使用“:/”作为开头，其 中的是传输的文件协议，例如： ftp:/ http:/ 邮件发送。邮件发送使用“mailto:”开头，例如： mailto:,第4章 Flash

8、 文本操作,14,43编辑文本 在Flash MX中，用户可使用多种字处理技术来编辑文本， 例如，可使用剪切、复制、粘贴命令移动或复制文本，还可以对 创建的文本进行变形和分离等操作。,第4章 Flash 文本操作,15,4.3.1选择文本 编辑文本或更改文本属性时，必须先选择要更改的字符。如 果要选择文本块中的字符，可以先选取工具 面板中的【文本工具】， 然后可单击并拖动选择字符或双击选择一句；如果要选择整个文本 块，可以选取【工具】面板中的【箭头】工具，然后单击文本块； 如果要选择多个文本块，可以用【箭头工具】框选一组文本块， 或按下【Shift】键单击选择多个文本块。,第4章 Flash

9、文本操作,16,4.3.2编辑文本 在对Flash中的文本块进行编辑时，用户可以随时修改已输入 文本的内容或者修改其属性。要修改文本的内容，只需在文本块 上方双击鼠标即可，此时将进入文本编辑状态。要更改文本的属 性，可先选中文本，然后借助属性面板来操作。,第4章 Flash 文本操作,17,4.3.3变形文本 在Flash中，用户可方便地利用工具面板中的【任意变形工 具】，或者选择【修改】【变形】菜单中的命令对文本块进行 缩放、旋转、倾斜和翻转等操作，以产生有趣的效果。,第4章 Flash 文本操作,18,4.3.4分离文本 Flash MX中，用户可以对文本块进行分离，使其成为单个的 字符或

10、填充图形，从而轻松的制作出每个字符的动画或特殊的文字 效果。一旦文本被分离为填充图形，就不再具有文本的属性，而拥 有了填充图形的属性。但是，请注意，只有静态文本才能被分离。 【操作实例4】分离文本,第4章 Flash 文本操作,19,4.3.5改变分离后文本的形状 将文本分离为填充图形后，就可以很方便地改变其形状， 如图4.22所示。在改变分离后文本的形状时，用户可以使用 【箭头工具】，【部分选取工具】进行操作。,第4章 Flash 文本操作,20,4.3.6填充文本 将文本分离为填充图形后，就可以很方便地为其设置填充效果， 对其应用纯色填充、位图填充、线性填充等，使文字产生特殊的效 果。要设

11、置文本的填充效果，可以先把需要进行填充效果设置的文 本进行分离，使其成为填充图形，然后在【混色器】面板中选择需 要的填充方式，对文本框进行填充即可。 【操作实例5】填充位图,第4章 Flash 文本操作,21,4.4制作特效文字 4.4.1五彩字 用户在Flash中输入文本后，可以为文本设置多彩的效果。 若要设置文本的多彩效果，要先将文本分离为填充图形，再用 【混色器】为图形填充颜色即可。 【操作实例6】制作五彩字 4.4.2空心字 用户在Flash中输入文本后，可以为文本设置空心效果。在 设置文本的空心效果时，可先将文本分离为填充，然后使用 【墨水瓶工具】在文本上单击，为其添加轮廓线，最后将

12、文本填 充删除，只保留轮廓线即可。 【操作实例7】制作空心字,第4章 Flash 文本操作,22,4.4.3阴影字 在Flash中可以利用变形文本来设置阴影字效果。 【操作实例8】制作阴影字 4.4.4立体字 在Flash中用户还可以为输入的文本设置立体效果。 【操作实例9】制作立体字,第4章 Flash 文本操作,23,45上机操作综合指导 上机操作指导1 操作要求： 此实例的目的是实现带荧光文字效果，在制作过程中主要使 用了渐变填充等工具，通过简简单单几样工具便创造出了漂亮的 文字特效。难点就在于图形、色彩编辑的技巧和填充工具的使用。 通过对文字边框进行柔化处理，产生具有霓虹灯效果的荧光文

13、字。,第4章 Flash 文本操作,24,操作步骤 第一步：利用文本工具创建文本 1.新建一个文挡，在属性面板中设置其尺寸为480pxX150px,选择 一种颜色（本例为#FFFFFF）作为背景色。 2.从工具面板中选取文本工具，在属性面板中设置字体类型设置 成Verdana，字体大小设置成60,样式为粗体、倾斜，在舞台上输 入 “Flash MX”。 第二步：分离文本创建空心文本 3在工具面板中单击【箭头工具】按钮，将文字移动到工作区 中间。选择2次【修改】【分离】命令，将文本分离为填充 图形。如图4.39所示,图4.39 分离后的文本,第4章 Flash 文本操作,25,4. 在工具面板中

14、单击【墨水瓶工具】按钮，在【墨水瓶工具】属 性面板中设置轮廓线的笔触颜色为#FF00CC，笔触高度为3，笔 触样式为实线。将鼠标移动到工作区中，鼠标光标将变成墨水瓶 形状，用鼠标依次点击文字边框，文字周围将出现明粉色边框。 按Delete删除填充区域，效果如图4.40所示。,图4.40 空心文本,第三步：柔化填充边缘 5. 在工具面板中单击【箭头工具】按钮，按住键盘上的【Shift】 键，依次双击每个字 母外的粉色边框，将他们全部选中，选择 【修改】【形状】【将线条转换为扩充】菜单命令，粉色 边框被转变成可填充区域。,第4章 Flash 文本操作,26,6. 选择【修改】【形状】【柔化填充边缘

15、】，再按照如图所 示的参数设置【柔化填充边缘】对话框，进行如图4.41所示， 点击【确定】按钮，关闭对话框。,图4.41柔化填充边缘对话框的设置,第4章 Flash 文本操作,27,7.选择工具栏中箭头工具，在工作区的空白处点击鼠标，取消对文 字边框的选择。这时可以看到，粉色边线两边出现了模糊渐变，保 存作品。 第四步：测试影片 8按【Ctrl+Enter】预览最终效果，就可以看见漂亮的荧光文 字效果。,第4章 Flash 文本操作,28,上机操作指导2 操作要求： 利用文本、颜料桶、填充变形等工具制作如图4.42所示的变形文字 。,图4.42变形文字,第4章 Flash 文本操作,29,操作

16、步骤 第一步：利用文本工具创建文本 1启动Flash MX程序，选择【文件】【新建】命令，建立一 个新的Flash文档。 2. 单击工具面板中【文本工具】按钮，在打开的文本属性面板中 设置字体为“Arial Black”，字体大小96，加粗，文字颜色为蓝色。 输入文本“OK”。,第4章 Flash 文本操作,30,第二步：分离文本，改变文本形状 3. 使用【箭头工具】按钮，选中文本内容，选择2次【修改】 【分离】命令，将文本分离为填充图形。如图4.43所示。,图4.43分离后的文本,4利用【部分选取工具】单击文字边缘，并拖动节点改变文字形状。 5利用【箭头工具】单击文字的边缘并拖动，将文字边缘

17、由直线 变为曲线。,第4章 Flash 文本操作,31,第三步：为文本填充颜色 6选择【颜料桶工具】，并设置颜色为【放射渐变】，然后单 击文字进行填充。如图4.46所示。,图4.46使用颜料桶工具为文字填充颜色,第4章 Flash 文本操作,32,第四步：为填充后的文本调整渐变填充 7选择【填充变形工具】，单击填充后的文字，利用渐变控制 圆圈调整渐变填充。,图4.47使用填充变形工具改变文字的填充颜色,第4章 Flash 文本操作,33,小结与提高 Flash MX提供了强大并且组织有序的文本编辑功能，但是只有 在对基本的知识更熟悉以后才能充分利用这些工具 Flash MX把文本控制选项都集成

18、到属性面板中，相对于以前的 版本，文本处理的工作可以进行得更加直观和顺畅。 Flash MX提供了3种可以用于交互式项目的文本类型：静态文 本、动态文本和输入文本。 Flash MX需要系统中有完整的字体信息，这样才能把它们正确 地发布到最终的动画（.swf）中。如果需要打开的Flash文件 （.fla）中包含系统中不可用的字体，可以临时选择替代字体而 不破坏原文件中的字体信息。,第4章 Flash 文本操作,34,为了最小化文件尺寸以及在发布的Flash 影片（.swf） 中动态 控制文本，可以使用通用设备字体，Flash Player会在用户系统 中自动选取字体。 使用分离命令可以把文本框中的一行文本打散成单个字符，在 同一文本框上两次应用分离命令可以把文本轮廓转换成矢量形状。 在不影响对文本区域内容进行编辑和对控制最终效果的设置进 行修改等选项前提下，能够通过时间轴效果为文本增加视觉兴 趣点。,