flash动画设计第4章.ppt

《flash动画设计第4章.ppt》由会员分享，可在线阅读，更多相关《flash动画设计第4章.ppt（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第4章Flash 文本操作1第4章 Flash 文本操作学习目标学习目标l了解了解Flash文本区域类型文本区域类型l熟悉创建文本熟悉创建文本l熟悉对创建的文本区域进行属性的设置熟悉对创建的文本区域进行属性的设置l掌握编辑文本，并能够制作特效文字掌握编辑文本，并能够制作特效文字2第4章 Flash 文本操作4.1创建文本创建文本4.2设置文本属性设置文本属性4.3编辑文本编辑文本4.4制作特效文字制作特效文字3第4章 Flash 文本操作4.1创建文本创建文本 Flash 中可以按多种方式在项目中加入文本。通常一个中可以按多种方式在项目中加入文本。通常一个Flash项目中会包含几种不同的文本类

2、型，每种类型都适用于特定的文字项目中会包含几种不同的文本类型，每种类型都适用于特定的文字内容。内容。Flash中使用的中使用的3种主要的文本区域类型种主要的文本区域类型：静态文本：静态文本用于显示在影片中不作任何变化的文字。静态文本：静态文本用于显示在影片中不作任何变化的文字。文本内容，在运行时不会发生改变。静态文本可以创建文本内容，在运行时不会发生改变。静态文本可以创建 超级链接，并且选择目标窗口。超级链接，并且选择目标窗口。动态文本：动态文本区域用来显示在影片中会被更新的文字。该内动态文本：动态文本区域用来显示在影片中会被更新的文字。该内 容可以来自于即时数据源、动态更新的文本，如体育比容

3、可以来自于即时数据源、动态更新的文本，如体育比 分、气温、物价等。分、气温、物价等。输入文本：输入文本区域用于在运行时由用户输入文本，它可用于输入文本：输入文本区域用于在运行时由用户输入文本，它可用于 任何需要用户输入的时候，如输入密码或者回答问题等。任何需要用户输入的时候，如输入密码或者回答问题等。4第4章 Flash 文本操作设置垂直文本的首选参数设置垂直文本的首选参数 在在Flash中还添加了从左向右或从右向左阅读的垂直文本框选中还添加了从左向右或从右向左阅读的垂直文本框选项。垂直文本选项，可以很轻松地把版式从水平排列变成垂直排列，项。垂直文本选项，可以很轻松地把版式从水平排列变成垂直排

4、列，每个字母可以叠放或者旋转过来。每个字母可以叠放或者旋转过来。5第4章 Flash 文本操作创建文本创建文本 要在要在Flash文档中创建文本，在工具面板中单击【文本工具】文档中创建文本，在工具面板中单击【文本工具】激活它即可。在激活它即可。在Flash文档窗口中创建文本时有两种方法：文档窗口中创建文本时有两种方法：标签文本：标签文本：在文档舞台上单击然后开始输入，即可在一个可扩展的在文档舞台上单击然后开始输入，即可在一个可扩展的文本框中输入文本。文本框中输入文本。块文本块文本：在文档舞台中单击并拖动文本框直到要求的宽度，这样可：在文档舞台中单击并拖动文本框直到要求的宽度，这样可以为文本区域

5、定义固定的宽度，当输入文字过多时就会自动调整文以为文本区域定义固定的宽度，当输入文字过多时就会自动调整文字间距。字间距。【操作实例1】创建文本 6第4章 Flash 文本操作创建滚动文本创建滚动文本 在创作时，如果动态文本或输入文本需要使用多行文本区域，在创作时，如果动态文本或输入文本需要使用多行文本区域，但是空间有限，那可以使用【文本菜单】但是空间有限，那可以使用【文本菜单】【可滚动】命令将文【可滚动】命令将文本区域设置为可滚动的，这样文本可以延伸到文本框的或可视区本区域设置为可滚动的，这样文本可以延伸到文本框的或可视区域以外。域以外。7第4章 Flash 文本操作 4.2设置文本属性设置文

6、本属性 文本工具在工具面板中没有选项，因为文本控制选项现在已经文本工具在工具面板中没有选项，因为文本控制选项现在已经全部集成到属性面板中。所有的全部集成到属性面板中。所有的Flash文本都是用文本工具在文本文本都是用文本工具在文本框中创建的，但是文本框创建完成以后，可以使用属性面板为文框中创建的，但是文本框创建完成以后，可以使用属性面板为文本设置不同的属性。只有在激活文本工具或者使用选择工具选中本设置不同的属性。只有在激活文本工具或者使用选择工具选中文本框时，属性面板中的文本控制选项才可见。文本框时，属性面板中的文本控制选项才可见。8第4章 Flash 文本操作421选择字体、点数、样式和颜色

7、选择字体、点数、样式和颜色 在创建文本框时，用户可以设置选定文本的字体、点数、样式在创建文本框时，用户可以设置选定文本的字体、点数、样式和颜色。设置文本颜色时，只能使用纯色，而不能使用渐变色。和颜色。设置文本颜色时，只能使用纯色，而不能使用渐变色。若要向文本应用渐变色，必须将该文本转换为线条和填充图形。若要向文本应用渐变色，必须将该文本转换为线条和填充图形。【操作实例2】文本框的字体、点数、样式和颜色的设置9第4章 Flash 文本操作设置字符间距、字距微调和字符位置设置字符间距、字距微调和字符位置 在在Flash MX中，设置字符间距将调整选定字符或整个文本块中，设置字符间距将调整选定字符或

8、整个文本块的间距，字符间距值的调整范围是的间距，字符间距值的调整范围是-6060磅。字距微调控制字磅。字距微调控制字符之间的距离，若要使用字体的内置字距微调信息，可以在选中符之间的距离，若要使用字体的内置字距微调信息，可以在选中文本块后在文本属性面板中选中【自动调整字距】复选框。对于文本块后在文本属性面板中选中【自动调整字距】复选框。对于水平文本，间距和字距微调设置了字符间的水平距离；对于垂直水平文本，间距和字距微调设置了字符间的水平距离；对于垂直文本，间距和字距微调设置了字符间的垂直距离。文本，间距和字距微调设置了字符间的垂直距离。10第4章 Flash 文本操作设置对齐、边距、缩进和行距设

9、置对齐、边距、缩进和行距 对齐方式确定了段落中每行文本相对与文本块边缘的位置。对齐方式确定了段落中每行文本相对与文本块边缘的位置。文本的对齐方式有如下文本的对齐方式有如下4种：种：左左/顶端对齐：这是我们日常使用的方式，所有行的左端在同一条顶端对齐：这是我们日常使用的方式，所有行的左端在同一条 竖直线上。竖直线上。居中对齐：所有行的中心在同一条竖直线上。居中对齐：所有行的中心在同一条竖直线上。右右/底端对齐：所有行的右端在同一条竖直线上。底端对齐：所有行的右端在同一条竖直线上。两端对齐：所有行的左端和右端在同一条竖直线上。两端对齐：所有行的左端和右端在同一条竖直线上。【操作实例【操作实例3】使

10、用文本工具创建文本内容。使用文本工具创建文本内容。11第4章 Flash 文本操作使用设备字体使用设备字体 在在Flash 影片中使用安装在系统中的字体时，影片中使用安装在系统中的字体时，Flash中嵌入的中嵌入的字体信息将保存在字体信息将保存在SWF文件中，以确保这些字体能在文件中，以确保这些字体能在Flash播放时播放时完全显示出来。但不是所有显示在完全显示出来。但不是所有显示在Flash中的字体都能够与影片一中的字体都能够与影片一起输出。在起输出。在Flash中，可以使用设备字体来解决上述问题。中，可以使用设备字体来解决上述问题。Flash包含包含3种设备字体：种设备字体：_sans，_

11、serif和和 _typewriter。12第4章 Flash 文本操作将文本链接到将文本链接到URL 对于水平文本，可以进行超级链接。如图对于水平文本，可以进行超级链接。如图4.17所示了一个超级所示了一个超级链接的建立。要建立超级链接，首先选中要进行超级链接的文本，链接的建立。要建立超级链接，首先选中要进行超级链接的文本，在属性面板中填写在属性面板中填写URL。URL可以是以下内容之一：可以是以下内容之一：本机文件地址。本机文件地址使用本机文件地址。本机文件地址使用“File:/”作为开头，例如：作为开头，例如：File:/C:/Flash/Flash.txt 网络文件地址。本机文件地址使

12、用网络文件地址。本机文件地址使用“:/”作为开头，其作为开头，其中的中的是传输的文件协议，例如：是传输的文件协议，例如：ftp:/邮件发送。邮件发送使用邮件发送。邮件发送使用“mailto:”开头，例如：开头，例如：13第4章 Flash 文本操作 43编辑文本编辑文本 在在Flash MX中，用户可使用多种字处理技术来编辑文本，中，用户可使用多种字处理技术来编辑文本，例如，可使用剪切、复制、粘贴命令移动或复制文本，还可以对例如，可使用剪切、复制、粘贴命令移动或复制文本，还可以对创建的文本进行变形和分离等操作。创建的文本进行变形和分离等操作。14第4章 Flash 文本操作选择文本选择文本 编

13、辑文本或更改文本属性时，必须先选择要更改的字符。如编辑文本或更改文本属性时，必须先选择要更改的字符。如果要选择文本块中的字符，可以先选取工具果要选择文本块中的字符，可以先选取工具 面板中的【文本工具】，面板中的【文本工具】，然后可单击并拖动选择字符或双击选择一句；如果要选择整个文本然后可单击并拖动选择字符或双击选择一句；如果要选择整个文本块，可以选取【工具】面板中的【箭头】工具，然后单击文本块；块，可以选取【工具】面板中的【箭头】工具，然后单击文本块；如果要选择多个文本块，可以用【箭头工具】框选一组文本块，如果要选择多个文本块，可以用【箭头工具】框选一组文本块，或按下【或按下【Shift】键单

14、击选择多个文本块。】键单击选择多个文本块。15第4章 Flash 文本操作编辑文本编辑文本 在对在对Flash中的文本块进行编辑时，用户可以随时修改已输入中的文本块进行编辑时，用户可以随时修改已输入文本的内容或者修改其属性。要修改文本的内容，只需在文本块文本的内容或者修改其属性。要修改文本的内容，只需在文本块上方双击鼠标即可，此时将进入文本编辑状态。要更改文本的属上方双击鼠标即可，此时将进入文本编辑状态。要更改文本的属性，可先选中文本，然后借助属性面板来操作。性，可先选中文本，然后借助属性面板来操作。16第4章 Flash 文本操作变形文本变形文本 在在Flash中，用户可方便地利用工具面板中

15、的【任意变形工中，用户可方便地利用工具面板中的【任意变形工具】，或者选择【修改】具】，或者选择【修改】【变形】菜单中的命令对文本块进行【变形】菜单中的命令对文本块进行缩放、旋转、倾斜和翻转等操作，以产生有趣的效果。缩放、旋转、倾斜和翻转等操作，以产生有趣的效果。17第4章 Flash 文本操作分离文本分离文本 Flash MX中，用户可以对文本块进行分离，使其成为单个的中，用户可以对文本块进行分离，使其成为单个的字符或填充图形，从而轻松的制作出每个字符的动画或特殊的文字字符或填充图形，从而轻松的制作出每个字符的动画或特殊的文字效果。一旦文本被分离为填充图形，就不再具有文本的属性，而拥效果。一旦

16、文本被分离为填充图形，就不再具有文本的属性，而拥有了填充图形的属性。但是，请注意，只有静态文本才能被分离。有了填充图形的属性。但是，请注意，只有静态文本才能被分离。【操作实例【操作实例4】分离文本分离文本18第4章 Flash 文本操作改变分离后文本的形状改变分离后文本的形状 将文本分离为填充图形后，就可以很方便地改变其形状，将文本分离为填充图形后，就可以很方便地改变其形状，如图如图4.22所示。在改变分离后文本的形状时，用户可以使用所示。在改变分离后文本的形状时，用户可以使用【箭头工具】，【部分选取工具】进行操作。【箭头工具】，【部分选取工具】进行操作。19第4章 Flash 文本操作填充文

17、本填充文本 将文本分离为填充图形后，就可以很方便地为其设置填充效果，将文本分离为填充图形后，就可以很方便地为其设置填充效果，对其应用纯色填充、位图填充、线性填充等，使文字产生特殊的效对其应用纯色填充、位图填充、线性填充等，使文字产生特殊的效果。要设置文本的填充效果，可以先把需要进行填充效果设置的文果。要设置文本的填充效果，可以先把需要进行填充效果设置的文本进行分离，使其成为填充图形，然后在【混色器】面板中选择需本进行分离，使其成为填充图形，然后在【混色器】面板中选择需要的填充方式，对文本框进行填充即可。要的填充方式，对文本框进行填充即可。【操作实例【操作实例5】填充位图填充位图20第4章 Fl

18、ash 文本操作 4.4制作特效文字制作特效文字五彩字五彩字 用户在用户在Flash中输入文本后，可以为文本设置多彩的效果。中输入文本后，可以为文本设置多彩的效果。若要设置文本的多彩效果，要先将文本分离为填充图形，再用若要设置文本的多彩效果，要先将文本分离为填充图形，再用【混色器】为图形填充颜色即可。【混色器】为图形填充颜色即可。【操作实例【操作实例6】制作五彩字制作五彩字空心字空心字 用户在用户在Flash中输入文本后，可以为文本设置空心效果。在中输入文本后，可以为文本设置空心效果。在设置文本的空心效果时，可先将文本分离为填充，然后使用设置文本的空心效果时，可先将文本分离为填充，然后使用【墨

19、水瓶工具】在文本上单击，为其添加轮廓线，最后将文本填【墨水瓶工具】在文本上单击，为其添加轮廓线，最后将文本填充删除，只保留轮廓线即可。充删除，只保留轮廓线即可。【操作实例【操作实例7】制作空心字制作空心字21第4章 Flash 文本操作阴影字阴影字在在Flash中可以利用变形文本来设置阴影字效果。中可以利用变形文本来设置阴影字效果。【操作实例【操作实例8】制作阴影字制作阴影字 立体字立体字在在Flash中用户还可以为输入的文本设置立体效果。中用户还可以为输入的文本设置立体效果。【操作实例【操作实例9】制作立体字制作立体字22第4章 Flash 文本操作 45上机操作综合指导上机操作综合指导上机

20、操作指导上机操作指导1操作要求：操作要求：此实例的目的是实现带荧光文字效果，在制作过程中主要使此实例的目的是实现带荧光文字效果，在制作过程中主要使用了渐变填充等工具，通过简简单单几样工具便创造出了漂亮的用了渐变填充等工具，通过简简单单几样工具便创造出了漂亮的文字特效。难点就在于图形、色彩编辑的技巧和填充工具的使用。文字特效。难点就在于图形、色彩编辑的技巧和填充工具的使用。通过对文字边框进行柔化处理，产生具有霓虹灯效果的荧光文字。通过对文字边框进行柔化处理，产生具有霓虹灯效果的荧光文字。23第4章 Flash 文本操作操作步骤操作步骤第一步：利用文本工具创建文本第一步：利用文本工具创建文本1.新

21、建一个文挡，在属性面板中设置其尺寸为新建一个文挡，在属性面板中设置其尺寸为480pxX150px,选择选择一种颜色（本例为一种颜色（本例为#FFFFFF）作为背景色。）作为背景色。2.从工具面板中选取文本工具，在属性面板中设置字体类型设置从工具面板中选取文本工具，在属性面板中设置字体类型设置成成Verdana，字体大小设置成，字体大小设置成60,样式为粗体、倾斜，在舞台上输样式为粗体、倾斜，在舞台上输入入“Flash MX”。第二步：分离文本创建空心文本第二步：分离文本创建空心文本3在工具面板中单击【箭头工具】按钮，将文字移动到工作区在工具面板中单击【箭头工具】按钮，将文字移动到工作区中间。选

22、择中间。选择2次【修改】次【修改】【分离】命令，将文本分离为填充【分离】命令，将文本分离为填充图形。如图图形。如图4.39所示所示图4.39 分离后的文本24第4章 Flash 文本操作4.在工具面板中单击【墨水瓶工具】按钮，在【墨水瓶工具】属在工具面板中单击【墨水瓶工具】按钮，在【墨水瓶工具】属性面板中设置轮廓线的笔触颜色为性面板中设置轮廓线的笔触颜色为#FF00CC，笔触高度为，笔触高度为3，笔，笔触样式为实线。将鼠标移动到工作区中，鼠标光标将变成墨水瓶触样式为实线。将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状，用鼠标依次点击文字边框，文字周围将出现明粉色边框。形状，用鼠标依次点击文字边

23、框，文字周围将出现明粉色边框。按按Delete删除填充区域，效果如图删除填充区域，效果如图4.40所示。所示。图4.40 空心文本第三步：柔化填充边缘第三步：柔化填充边缘5.在工具面板中单击【箭头工具】按钮，按住键盘上的【在工具面板中单击【箭头工具】按钮，按住键盘上的【Shift】键，依次双击每个字键，依次双击每个字 母外的粉色边框，将他们全部选中，选择母外的粉色边框，将他们全部选中，选择【修改】【修改】【形状】【形状】【将线条转换为扩充】菜单命令，粉色【将线条转换为扩充】菜单命令，粉色边框被转变成可填充区域。边框被转变成可填充区域。25第4章 Flash 文本操作6.选择【修改】选择【修改】

24、【形状】【形状】【柔化填充边缘】，再按照如图所【柔化填充边缘】，再按照如图所示的参数设置【柔化填充边缘】对话框，进行如图示的参数设置【柔化填充边缘】对话框，进行如图4.41所示，所示，点击【确定】按钮，关闭对话框。点击【确定】按钮，关闭对话框。图4.41柔化填充边缘对话框的设置26第4章 Flash 文本操作7.选择工具栏中箭头工具，在工作区的空白处点击鼠标，取消对文选择工具栏中箭头工具，在工作区的空白处点击鼠标，取消对文字边框的选择。这时可以看到，粉色边线两边出现了模糊渐变，保字边框的选择。这时可以看到，粉色边线两边出现了模糊渐变，保存作品。存作品。第四步：测试影片第四步：测试影片8按【按【

25、Ctrl+Enter】预览最终效果，就可以看见漂亮的荧光文】预览最终效果，就可以看见漂亮的荧光文字效果。字效果。27第4章 Flash 文本操作上机操作指导上机操作指导2操作要求：操作要求：利用文本、颜料桶、填充变形等工具制作如图利用文本、颜料桶、填充变形等工具制作如图4.42所示的变形文字所示的变形文字。图4.42变形文字28第4章 Flash 文本操作操作步骤操作步骤第一步：利用文本工具创建文本第一步：利用文本工具创建文本1启动启动Flash MX程序，选择【文件】程序，选择【文件】【新建】命令，建立一【新建】命令，建立一个新的个新的Flash文档。文档。2.单击工具面板中【文本工具】按钮

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

27、。利用【部分选取工具】单击文字边缘，并拖动节点改变文字形状。5利用【箭头工具】单击文字的边缘并拖动，将文字边缘由直线利用【箭头工具】单击文字的边缘并拖动，将文字边缘由直线变为曲线。变为曲线。30第4章 Flash 文本操作第三步：为文本填充颜色第三步：为文本填充颜色6选择【颜料桶工具】，并设置颜色为【放射渐变】，然后单选择【颜料桶工具】，并设置颜色为【放射渐变】，然后单击文字进行填充。如图击文字进行填充。如图4.46所示。所示。图4.46使用颜料桶工具为文字填充颜色 31第4章 Flash 文本操作第四步：为填充后的文本调整渐变填充第四步：为填充后的文本调整渐变填充7选择【填充变形工具】，单击

28、填充后的文字，利用渐变控制选择【填充变形工具】，单击填充后的文字，利用渐变控制圆圈调整渐变填充。圆圈调整渐变填充。图4.47使用填充变形工具改变文字的填充颜色32第4章 Flash 文本操作 小结与提高小结与提高lFlash MX提供了强大并且组织有序的文本编辑功能，但是只有提供了强大并且组织有序的文本编辑功能，但是只有在对基本的知识更熟悉以后才能充分利用这些工具在对基本的知识更熟悉以后才能充分利用这些工具lFlash MX把文本控制选项都集成到属性面板中，相对于以前的把文本控制选项都集成到属性面板中，相对于以前的版本，文本处理的工作可以进行得更加直观和顺畅。版本，文本处理的工作可以进行得更加

29、直观和顺畅。lFlash MX提供了提供了3种可以用于交互式项目的文本类型：静态文种可以用于交互式项目的文本类型：静态文本、动态文本和输入文本。本、动态文本和输入文本。lFlash MX需要系统中有完整的字体信息，这样才能把它们正确需要系统中有完整的字体信息，这样才能把它们正确地发布到最终的动画（地发布到最终的动画（.swf）中。如果需要打开的）中。如果需要打开的Flash文件文件（.fla）中包含系统中不可用的字体，可以临时选择替代字体而）中包含系统中不可用的字体，可以临时选择替代字体而不破坏原文件中的字体信息。不破坏原文件中的字体信息。33第4章 Flash 文本操作l为了最小化文件尺寸以

30、及在发布的为了最小化文件尺寸以及在发布的Flash 影片（影片（.swf）中动态中动态控制文本，可以使用通用设备字体，控制文本，可以使用通用设备字体，Flash Player会在用户系统会在用户系统中自动选取字体。中自动选取字体。l使用分离命令可以把文本框中的一行文本打散成单个字符，在使用分离命令可以把文本框中的一行文本打散成单个字符，在同一文本框上两次应用分离命令可以把文本轮廓转换成矢量形状。同一文本框上两次应用分离命令可以把文本轮廓转换成矢量形状。l在不影响对文本区域内容进行编辑和对控制最终效果的设置进在不影响对文本区域内容进行编辑和对控制最终效果的设置进行修改等选项前提下，能够通过时间轴效果为文本增加视觉兴行修改等选项前提下，能够通过时间轴效果为文本增加视觉兴趣点。趣点。34第4章 Flash 文本操作