Flash-CS6案例教程教学资源-教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书.ppt
-
资源ID:77247891
资源大小:10.26MB
全文页数:419页
- 资源格式: PPT
下载积分:19金币
快捷下载
会员登录下载
微信登录下载
三方登录下载:
微信扫一扫登录
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
Flash-CS6案例教程教学资源-教材课件汇总完整版ppt全套课件最全教学教程整本书电子教案全书.ppt
高职高专院校“十二五”精品示范系列教材 Flash CS6案例教程 第第1 1章章认识认识flashflashFlash CS6案例教程案例教程 学 习 目 标了解Flash动画的应用领域了解Flash动画的制作方法熟悉Flash工作界面掌握文档的新建、调试、保存和发布的方法掌握Flash工作面板的设置方法 重 点 难 点Flash中的基本概念Flash基本动画的实现设置Flash工作面板舞台的设置Flash文档的基本操作1.1.1 动画的形成动画是利用人的“视觉停留”特性,把人、物的表情、动作、变化等分段画成许多画面然后连续播放一系列画面,给视觉造成连续变化的图画。1.1 FLASH概述其中,“视觉暂留”特性是人的眼睛看到一幅画或一个物体后,在1/24秒内不会消失。利用这一原理,在一幅画还没有消失前播放出下一幅画,就会给人造成一种流畅的视觉变化效果。Flash 特点:动画短小 Flash动画受网络资源的制约一般比较短小,但绘制的画面是矢量格式,无论把它放大多少倍都不会失真。交互性强 Flash动画具有交互性优势,可以通过单击、选择等动作决定动画的运行过程和结果,是传统动画所无法比拟的。具有广泛传播性 Flash动画由于文件小、传输速度快、播放采用流式技术的特点,所以在网上供人欣赏和下载,具有较好的广泛传播性。轻便与灵巧 Flash动画有崭新的视觉效果,成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。人力少,成本低 Flash动画制作的成本非常低,使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时,在制作时间上也会大大减少。1.1 FLASH概述1.1.2 什么是flashFlash是一款多媒体二位动画制作软件,也是一种交互式动画制作工具,利用它可以将文字、图片、音乐、影片剪辑融汇在一起,制作出精美的动画。由于其强大的动画创作能力,使其逐渐成为交互式矢量动画的标准。Flash制作的动画具有短小精悍的特点,可以实现多种动画特效,是由一帧帧的静态图片在短时间内连续播放而造成的视觉效果,表现为动态过程。1.1 FLASH概述1.网站动画2.广告3.贺卡4.MTV5.游戏6.教学课件 1.2 FLASH的应用领域1.3.1 矢量图和位图 1.矢量图 矢量图是用包含颜色和位置属性的直线或曲线公式来描述图像的。它与分辨率无关。它的最大优点就是所占空间极少,无论放大多少倍,都不会产生失真现象。对矢量图的编辑,就是在修改描述图形形状的属性。矢量图不宜制作色调丰富或者色彩变化太多的图形,而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。1.3 FLASH的基本概念1.3.1 矢量图和位图 2.位图 位图通过像素点来记录图像。位图的大小和质量取决于图像中的像素点的多少,存储容量也大。存储位图像实际上是存储图像的各个像素的位置和颜色数据等信息。优点在于表现力强、细腻、层次多、细节多。对位图放大时,实际是对像素的放大,因此放大到一定程度时出现马赛克现象。1.3 FLASH的基本概念1.3.2 场景、舞台、帧 1.场景和舞台 一个影片可以拥有任意多个场景。场景具有先后顺序排列的特点。各个场景彼此相互独立,各不干扰,每个场景都有独立的图层和帧。舞台相当于舞台剧中的舞台。动画最终只显示场景中白色区域中的内容及舞台中的内容。就如同演出一样,无论在后台做多少准备工作,最后呈现给观众的只能是舞台上的表演。1.3 FLASH的基本概念1.3.2 场景、舞台、帧 2.帧 在动画中随时间产生动画效果的单元是帧,是进行Flash动画制作的最基本的单位。Flash中主要有四种帧:关键帧、空白关键帧、普通帧、过渡帧。1.3 FLASH的基本概念 1.4 FLASH的工作界面1.新建文档2.工作环境设置“新建文档”对话框文档属性设置新建元件设计场景测试影片 动画的保存发布影片 1.5 FLASH的制作步骤1.6.1 创建文档1.6.2 保存文档1.6.3 打开和关闭文档1.6.4 测试文件 1.6 Flash CS6文档的基本操作文档的基本操作1.7.1 设置文档属性 要更改文档的尺寸、播放速度、背景色等,在舞台空白处单击,这时属性面板会显示为“文档属性”面板。单击属性,则可以根据需要进行设置。1.7 工作环境设置工作环境设置1.7.2 标尺、网格和辅助线1.标尺:显示或隐藏标尺的方法是:菜单“视图”“标尺”。在打开标尺的情况下,用户在工作区移动,那么元素的尺寸位置就会反映到标尺上。2.网格主要在进行舞台元素布局时使用。显示或隐藏网格的方法是:“视图”“网格”“显示网格”。3.辅助线用于舞台元素的定位。从标尺开始处按下鼠标左键拖动,会拖出一条直线,即辅助线不同元素在进行布局时可以以这条线作为对齐标准。选择菜单“视图”“辅助线”。1.7 Flash CS6工作环境设置工作环境设置在特定情况下,需要在进行动画编辑制作前对一些相关的参数进行设置,从而定制FlashCS6.0的工作环境。选择菜单“编辑”“首选参数”命令后,会打开“首选参数”对话框 1.8 首选参数用户可以自己定义快捷键,从而更加符合个人习惯。自定义快捷键的步骤是:菜单“编辑”“快捷键”,会打开“快捷键”对话框。1.9 自定义快捷键Flash常用工具快捷键一览表常用工具快捷键一览表快捷键快捷键功能与作用功能与作用快捷键快捷键功能与作用功能与作用V选取工具取工具A部分部分选取工具取工具N线条工具条工具L套索工具套索工具P钢笔工具笔工具T文本工具文本工具O椭圆工具工具R矩形工具矩形工具Y铅笔工具笔工具B画笔工具画笔工具Q任意任意变形工具形工具F填充填充变形工具形工具S墨水瓶工具墨水瓶工具K颜料桶工具料桶工具I滴管工具滴管工具E橡皮擦工具橡皮擦工具H手形工具手形工具Z 缩放工具放工具Flash专业快捷键应用专业快捷键应用Flash常用快捷键一览表常用快捷键一览表快捷键快捷键功能与作用功能与作用快捷键快捷键功能与作用功能与作用Ctrl+N新建新建图形文件形文件Ctrl+W关关闭当前当前图像像Ctrl+O打开已有的打开已有的图像像Ctrl+A全部全部选择Ctrl+S保存当前保存当前图像像Ctrl+R导入文件入文件Ctrl+C拷拷贝选取的取的图像或路径像或路径Ctrl+放大放大视图Ctrl+V将将剪剪贴板板的的内内容容粘粘到到当当前前图形中形中Ctrl+-缩小小视图ctrl+Z撤消上一步撤消上一步Ctrl+B打散打散组件件ctrl+K对齐ctrl+G结合群合群组ctrl+Shift+Alt+S导出影片出影片F12预览ctrl+Shift+F12发布布设置置ctrl+F12发布布预览ctrl+1显示示100%F8 转换为元件元件ctrl+2显示示100%Ctrl+F8 新建元件新建元件ctrl+3显示全部示全部F5 插入插入帧ctrl+Alt+T 显示示时间轴Shift+F5 删除除帧ctrl+Alt+Shift+0 显示示标尺尺F6 插入关插入关键帧ctrl+Alt+Shift+G 显示网格示网格线F7 插入空白关插入空白关键帧ctrl+Alt+G 靠靠齐Shift+F6 清除关清除关键帧ctrl+Enter测试影片影片F9打开打开动作面板作面板ctrl+Alt+Enter测试场景景Shift+F2显示示隐藏藏场景工具景工具栏习题1一、填空题1Flash 是一个_工具,可以完成从简单动画到复杂的交互式 Web 应用程序。2动画是利用人的“_”特性,把人、物的表情、动作、变化等分段画成许多画面然后连续播放一系列画面,给视觉造成连续变化的图画。3“时间轴”面板用于组织和控制文档内容在一定时间内播放的_和_。习题1二、简答题1简述动画的实现原理。2简述矢量图和位图的区别以及优缺点。3简述 Flash 动画中帧的种类。习题1三、创建一个创建一个Flash动画动画要求:要求:1.新建新建Flash文档文档2.舞台大小舞台大小780550,背景色为浅绿色。,背景色为浅绿色。3.制作一个名为制作一个名为“方方”的长方形蓝色元件。的长方形蓝色元件。4.将元件创建在舞台上,并完成将元件创建在舞台上,并完成30帧动画,使之帧动画,使之由蓝色变为红色并实现放大的动画。由蓝色变为红色并实现放大的动画。5.保存文档。保存文档。6.测设该动画。测设该动画。第第2 2章章图形的绘制与编辑图形的绘制与编辑Flash CS6案例教程案例教程 学 习 目 标了解Flash动画的应用领域了解Flash工具栏中工具按钮的使用方法掌握Flash的绘图模式熟练使用工具按钮绘制需要的图形的方法掌握对其面板、颜色面板的使用方法 重 点 难 点面向对象编程基础知识各种工具的使用Flash的绘图模式颜色的设置【案例目的】要求使用线条等相关工具绘制草丛。【知识要点】绘制线条、线条变曲线、图形分割。【案例效果】效果如图 2-1-1 所示。2.1 案例:草丛绘制线条与对象选择图 2-1-1 草丛效果演示案例:草丛演示案例:草丛2.1.1 Flash的绘图模式的绘图模式1.合并绘制模式当“对象绘制”按钮处于未选中状态时,表示当前的绘图模式为合并绘制模式。此时,在同一图层中的各图形会相互影响。2.1 案例:草丛绘制线条与对象选择2.1.2 线条工具 线条工具是绘制各种直线最常用的工具,它的使用非常广泛。首先尝试绘制一条直线。用鼠标单击“线条工具”,移动鼠标到舞台上,按住鼠标并拖动,松开鼠标,一条直线就画好了。2.1 案例:草丛绘制线条与对象选择2.1.3 铅笔工具铅笔工具“铅笔工具”主要用于绘制线条和图形,“铅笔工具”的颜色、粗细、样式定义和“线条工具”一样,它的修正选项可以绘制不同风格的曲线,也可以用于校正和识别基本的几何图形。“铅笔工具”的绘图模式有三种,单击“铅笔模式”按钮,如图示。伸直模式:在伸直模式下画的线条,它可以将分离的直线自动连接,线条变直、歪曲的直线变平滑。平滑模式:把线条转换成接近形状的平滑曲线,此外一条端点靠近其它线条的线将被相互连接。墨水模式:不加修饰,完全保持鼠标轨迹的形状。2.1 案例:草丛绘制线条与对象选择2.1.4 选择工具选择工具1.选择对象2.移动对象3.复制对象4.曲线调整5.改变端点位置 2.1 案例:草丛绘制线条与对象选择2.2 案例:一颗红心不规则图形的绘制与选择【案例目的】绘制一颗红心。【知识要点】钢笔工具绘制曲线、辅助线的使用。【案例效果】效果如图 22-1所示。图图2-2-1 红红心效果心效果图图演示案例:一颗红心演示案例:一颗红心2.2.1 钢笔工具 用于绘制精确的路径,如直线或平滑、流动的曲线。可以创建直线或曲线段,然后调整直线段的角度和长度及曲线段的斜率,画出相应的曲线。2.2 案例:一颗红心不规则图形的绘制与选择1.画直线或多边形移动对象2.画曲线3.将曲线点转换为角点4.添加锚点5.删除锚点2.2.2 部分选取工具 用于绘制精确的路径,如直线或平滑、流动的曲线。可以创建直线或曲线段,然后调整直线段的角度和长度及曲线段的斜率,画出相应的曲线。2.2 案例:一颗红心不规则图形的绘制与选择1.调整形状2.移动对象3.调整节点曲率4.删除节点2.2.3套索工具 套索工具可以精确选择对象的任意部分。选择“套索工具”工具后,鼠标移动到舞台后直接拖动鼠标即可在填充图形上选取任意形状的区域。选择“套索工具”,在工具箱下方会出现如图所示的选项栏。2.2 案例:一颗红心不规则图形的绘制与选择 【案例目的】绘制一个气球。【知识要点】椭圆工具、渐变色填充。【案例效果】效果如图所示。2.3案例:气球规则封闭图形与颜色的编辑演示案例:气球演示案例:气球2.3.1矩形工具矩形工具“矩形工具”可以绘制矩形、圆角矩形、正方形这些基本图形。“圆角矩形”的角度可以这样设定:选择“矩形工具”后,单击“属性”面板中的“矩形选项”,可以设置圆角半径为10像素(可以输入0-999之间的数值),如左图所示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零,则创建的是方角。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 Flash CS6的矩形工具包括“矩形工具”、“椭圆工具”、“基本矩形工具”、“基本椭圆工具”、“多角星形工具”。用于绘制矩形、椭圆、圆角矩形、圆环、扇形、规则多边形的图形。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 1.矩形工具矩形工具 可以绘制矩形、圆角矩形、正方形这些基本图形。“圆角矩形”的角度可以这样设定:选择“矩形工具”后,单击“属性”面板中的“矩形选项”,可以设置圆角半径为10像素(可以输入0-999之间的数值),如左图所示,绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零,则创建的是方角。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 2.椭圆工具椭圆工具 单击“矩形工具”按钮后,选择“椭圆工具”。在舞台上鼠标左键拖动可绘制椭圆。拖动时配合Shift键可绘制正圆。选择“椭圆工具”后,可以通过属性窗口改变开始角度、结束角度、内径、闭合等选项,绘制出扇形、弧形、内环等图形。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 3.基本矩形工具基本矩形工具 单击“基本矩形工具”按钮,绘制出一个矩形后矩形的4个顶点上有4个黑点,使用“选择工具”来拖动黑点可以改变矩形的形状。如图2-2-31所示。用基本矩形绘制的图形是一个整体,即是一个对象,不能单独选择线条和填充。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 4.基本椭圆工具基本椭圆工具 选择“基本椭圆工具”绘制椭圆后,会发现椭圆右端和圆心有两个黑点,如左图所示。使用“选择工具”来拖动黑点可以改变椭圆的形状,如图右图所示。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.1矩形工具矩形工具 5.多角星形工具多角星形工具选择“多角星形工具”,可以绘制对称多边形,还可以单击属性窗口中的“选项”按钮,打开工具设置对话框,如左图所示。利用该对话框,可以绘制任意多边形,并改变多边形凹凸效果,如右图所示。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.2渐变色的填充与调整渐变色的填充与调整 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.3 渐变工具与调整渐变工具与调整单击工具箱中“渐变工具”,在“径向渐变填充”的椭圆上单击,拖动调节框的中心点,当鼠标指针变为十字箭头时,按下鼠标左键并拖动,可改变渐变色的填充位置。拖动右侧的方形手柄,可调整填充色的间距。拖动方形手柄下方的操作手柄,可以调整颜色渐变的范围,使其彦中心位置扩大或缩小。拖动位于最下面的旋转手柄可调整渐变色彩的填充方向。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑2.3.4 样式面板样式面板选择“窗口”“样式”,可以打开样式面板,用于设置笔触和填充颜色。2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑【案例目的】绘制荷塘景色。【知识要点】渐变色填充、任意变形工具、颜料桶工具。【案例效果】效果如图所示。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充演示案例:荷塘月色演示案例:荷塘月色2.4.1 任意变形工具任意变形工具任意变形工具主要用于改变图形的基本形状。可以使图形旋转、倾斜、放大缩小、变形等。选中图形,单击工具箱中的“任意变形工具”,在图形周围会出现控制点,将鼠标指针靠近不同的位置时,鼠标指针会发生一些变化,此时拖动鼠标从而完成不同的变形。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.2 3D旋转工具旋转工具3D旋转工具只能对影片剪辑元件发生作用,因此在使用之前,必须先创建相应的影片剪辑元件。3D选择工具可以实现元件x、y、z轴的旋转。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.3 3D平移工具平移工具单击工具箱中的“3D旋转工具”,选择“3D平移工具”,单击舞台需要平移的元件,元件上会出现红色水平和绿色垂直箭头。将鼠标指针移动到红色水平箭头上按下鼠标左键拖动,可实现元件的水平移动。将鼠标指针移动到绿色垂直箭头上按下鼠标左键拖动,可实现元件的垂直移动。将鼠标指针移动到黑色实心圆心上按下鼠标左键拖动,可实现元件的z周轴方向移动。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充 2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.4 刷子工具刷子工具刷子工具包含5个修正选项,它们分别是:对象绘制、锁定填充、刷子模式、刷子尺寸、刷子形状。按住刷子模式下的小三角,可以看到里边有5种选择。如图所示。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.5 喷涂刷工具喷涂刷工具喷涂刷工具用来创建一些喷涂的效果,也可以使用库中已有影片剪辑元件来作为喷枪的图案。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.6 颜料桶工具颜料桶工具颜料桶工具主要用于给封闭区域的图形填色。选择线性填充效果时,通过颜料桶工具在封闭图形内拖动的方式实现填充,拖动距离可以设置颜色过渡的范围,拖动方向可以设置颜色过渡的方向,如上图所示。如果是径向填充,在封闭图形内颜料桶单击的位置就是径向填充的中心点。如下图所示。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.7 滴管工具滴管工具选择滴管工具,在舞台上已经存在对象中的填充或笔触单击,然后通过“颜料桶工具”或“墨水瓶工具”将它们应用在其他对象上。还允许从位图中取样,将其填充到其他区域中。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.8 橡皮擦工具橡皮擦工具橡皮擦工具用于擦除图形中多余的部分。选择橡皮擦工具后,工具箱下面会出现“橡皮擦模式”按钮,单击后各选项擦除效果如图所示。“橡皮擦形状”按钮可以设置橡皮头的大小和形状。2.4 案例:荷塘景色案例:荷塘景色对象的变形与填充对象的变形与填充2.4.9 Deco 工具工具Deco工具可以快速用指定图案对指定区域进行填充,填充式既可以使用默认的图形作为图案,也可以使用库中的任何元件作为图案。2.5 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离【案例目的】绘制空心字。【知识要点】墨水瓶工具、对象分离。【案例效果】效果如图所示。空心字空心字演示案例:空心字演示案例:空心字 2.5 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离2.5.1 墨水瓶工具墨水瓶工具墨水瓶工具可以改变线段的样式,粗细和颜色,墨水瓶工具可以为矢量图形添加边线,但它本身不具备任何的绘画能力。1.为线段更改颜色和属性单击“墨水瓶工具”,在属性面板中对线段的颜色,粗细和样式进行设置,使用“墨水瓶工具”单击要修改的线段,线段颜色和属性即被更改。注意:对于“组”、“图形元件”、“按钮”、“影片剪辑”首先确认图形和线段是可编辑状态,可以双击进入“组“或“元件”,确认线段能被修改,然后使用“墨水瓶工具”进行线段的更改。2.为矢量图形添加边线选择“墨水瓶工具”,在属性面板中对边线的颜色、粗细、样式进行设置后,确认所要填充的图形为可编辑状态后,使用“墨水瓶工具”单击矢量图形,图形即被添加了边线。2.5 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离2.5.2 组合与分离组合与分离 组合的对象,执行“修改”“组合”命令或分离”可以将己有的整体图形分离为可以进行编辑的矢量图形块。要分离的对象,选择菜单“修改”“分离”。下图自左至右分别是一个矢量图像未分离、分离一次、两次的效果。2.6案例:整齐按钮案例:整齐按钮对象的对齐与缩放对象的对齐与缩放【案例目的】绘制整齐美观的按钮。【知识要点】对象的对其、布局、组合。【案例效果】效果如图所示。演示案例:整齐按钮演示案例:整齐按钮 2.6 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离2.6.1“对齐对齐”面板面板 当舞台上有多个对象需要对齐或平均分布时,通过鼠标拖动是难以准确实现的,此时可以使用“对齐”面板。单击“窗口”“对齐”命令,弹出“对齐”面板,如图 269左图所示。选 中多个对象后可以通过“对齐对象”、“分布对象”、“分布间距”等 调整对象之间的距离、对象分布情况等。2.6 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离2.6.2 手型工具与缩放工具手型工具与缩放工具(1)选择“窗口”“对齐”。(2)使用快捷键。2.6 案例:空心字案例:空心字图形描边与对象组合分离图形描边与对象组合分离2.6.2 手型工具与缩放工具手型工具与缩放工具手型工具与缩放工具都是辅助工具,它们不直接参与图形的绘制和修改。但是它们在制作过程中却起到很关键大的作用。1.选择手型工具,在舞台上单击鼠标左键并拖拽可以移动舞台窗口的位置。2.选择缩放工具,在舞台上单击鼠标,实现舞台的放大功能。此时,在工具箱下方的选项区,可以选择缩小功能。习题2一、填空题1Flash CS6 中的绘图模式分为_绘图模式和_绘制模式。2刷子工具有_种填充模式,分别是_。3铅笔工具的绘图模式分为_、_、_。习题2二、简答题1简述利用线条工具可以完成的功能。2简述对象工具按钮的作用。3简述渐变填充工具如何添加渐变颜色。习题2三、操作题1.使用椭圆工具和选取工具绘制如图1所示的树叶。图1 树叶习题2三、操作题2.使用椭圆工具和多边星形工具绘制图2和图3。图2 月亮和星星 图3 房子习题2三、操作题第第3 3章章文本的编辑文本的编辑 Flash CS6案例教程案例教程 学 习 目 标了解Flash中的TLF文本和传统文本掌握文本属性的设置方法掌握编辑文本的方法掌握对文本应用滤镜的方法 重 点 难 点创建文本分离文本、以位图填充文本制作各种文本效果应用各种滤镜效果3.1 案例:制作电子小报TLF文本【案例目的】使用TLF文本制作电子小报。【知识要点】创建TLF文本,设置TLF文本属性,容器和流。【案例效果】如图3-1-1所示。演示案例:演示案例:电子小报电子小报1点文本 在工具箱中选择文本工具,在舞台上单击,就会出现一个文本输入框。在文本框中输入文字,文本框会随着文字的输入而向右扩大。此时,文本框中文字不会自动换行,在需要换行时,按Enter键即可。按下ESC键即可完成文本的创建,在文本的周围有一个蓝色的高亮框,表示文本处于选中状态。2区域文本 在工具箱中选择文本工具,在舞台上向右拖动鼠标获得一个文本框,这个文本框就是一个文本容器。在文本框中输入文字时,文本的输入范围将被限制在这个容器中,即当文字超出了这个范围时将会自动换行。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.1 TLF文本类型文本类型根据文本在运行时的表现方式,TLF文本包括3种类型的文本块,只读、可选和可编辑。选择在舞台上创建的文本,在属性面板“文本类型”下拉列表中可以选择文本的类型。l只读:当作为SWF文件发布时,文本无法选中或编辑。l可选:当作为SWF文件发布时,文本可以选中并可复制到剪贴板,但不可以编辑。对于TLF文本,此设置是默认设置。l可编辑:当作为 SWF文件发布时,文本可以选中和编辑。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.1 TLF文本类型文本类型1文本方向 对于TLF文本,文本有两种排列方向,水平方向和垂直方向。文本的排列方向,可以在属性面板的“改变文本方向”下拉列表中选择,如图3-1-13所示。2设置字符样式 字符样式是应用于单个字符或字符组(而不是整个段落或文本容器)的属性。“字符”部分包括以下文本属性,如图3-1-14所示。图图3-1-13 改变文本方向改变文本方向图图3-1-14 字符属性字符属性3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(1)系列:字体名称。在属性面板中单击“系列”后的下拉按钮,选择字体,如“隶书”。(2)样式:常规、粗体或斜体。TLF文本对象不能使用仿斜体和仿粗体样式。某些字体还可能包含其他样式,例如黑体、粗斜体等。(3)嵌入:嵌入字体以实现一致的文本外观。在嵌入字体时,Flash 会将所有字体信息存储在 SWF 文件中,因此,在播放SWF文件时即使用户计算机上没有安装的字体也可以正确显示。(4)大小:字符大小以像素为单位。(5)行距:文本行之间的垂直间距。默认情况下,行距用百分比表示,但也可用点表示。(6)颜色:文本的颜色。(7)字距调整:所选字符之间的间距。(8)加亮显示:加亮颜色。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(9)字距微调:在特定字符对之间加大或缩小距离。TLF文本使用字距微调信息(内置于大多数字体内)自动微调字符字距。(10)消除锯齿:有以下3种消除锯齿模式可供选择。l使用设备字体:指定 SWF 文件使用本地计算机上安装的字体来显示字体。通常,设备字体采用大多数字体大小时都很清晰。此选项不会增加 SWF 文件的大小。但是,它强制依靠用户的计算机上安装的字体来进行字体显示。使用设备字体时,应选择最常安装的字体系列。l可读性:使字体更容易辨认,尤其是字体大小比较小的时候。要对给定文本块使用此选项,请嵌入文本对象使用的字体。(如果要对文本设置动画效果,请不要使用此选项;而应使用“动画”模式。)l动画:通过忽略对齐方式和字距微调信息来创建更平滑的动画。要对给定文本块使用此选项,请嵌入文本块使用的字体。为提高清晰度,应在指定此选项时使用 10 点或更大的字号。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(11)旋转:可以旋转各个字符。为不包含垂直布局信息的字体指定旋转可能出现非预期的效果。旋转包括以下值:l0:强制所有字符不进行旋转。l270:主要用于具有垂直方向的罗马字文本。如果对其他类型的文本(如越南语和泰语)使用此选项,可能导致非预期的结果。l自动:仅对全宽字符和宽字符指定90度逆时针旋转,这是字符的 Unicode 属性决定的。此值通常用于亚洲字体,仅旋转需要旋转的那些字符。此旋转仅在垂直文本中应用,使全宽字符和宽字符回到垂直方向,而不会影响其他字符。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(12)下划线:将水平线放在字符下。选中文本后单击 为文本添加下划线。(13)删除线:将水平线置于从字符中央通过的位置。选中文本单击 为其添加删除线。(14)上标:将字符移动到稍微高于标准线的上方并缩小字符的大小。(15)下标:将字符移动到稍微低于标准线的下方并缩小字符的大小。3.1.2 TLF文本属性文本属性3.1 案例:制作电子小报案例:制作电子小报TLF文本文本 “高级字符”部分包含以下属性,如图3-1-16所示。图图3-1-16 添加下划线添加下划线3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(1)链接:使用此字段创建文本超链接。目标用于链接属性,指定URL要加载到其中的窗口。目标包括以下值:l_self:指定当前窗口中的当前帧。l_blank:指定一个新窗口。l_parent:指定当前帧的父级。l_top:指定当前窗口中的顶级帧。(2)大小写:指定如何使用大写字符和小写字符。大小写包括以下值:l默认:使用每个字符的默认字面大小写。l大写:指定所有字符使用大写字型。l小写:指定所有字符使用小写字型。l大写为小型大写字母:指定所有大写字符使用小型大写字型。此选项要求选定字体包含小型大写字母字型。l小写为小型大写字母:指定所有小写字符使用小型大写字型。此选项要求选定字体包含小型大写字母字型。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(3)数字格式:指定在使用 OpenType 字体提供等高和变高数字时应用的数字样式。(4)数字宽度:指定在使用 OpenType 字体提供等高和变高数字时是使用等比数字还是定宽数字。(5)主体基线:仅当打开文本属性检查器的面板选项菜单中的亚洲文字选项时可用。为明确选中的文本指定主体(或主要)基线(与行距基准相反,行距基准决定了整个段落的基线对齐方式)。(6)对齐基线:仅当打开文本属性检查器的面板选项菜单中的亚洲文字选项时可用。可以为段落内的文本或图形图像指定不同的基线。例如,如果在文本行中插入图标,则可使用图像相对于文本基线的顶部或底部指定对齐方式。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(7)连字:连字是某些字母对的字面替换字符,如某些字体中的“fi”和“fl”。连字通常替换共享公用组成部分的连续字符。它们属于一类更常规的字型,称为上下文形式字型。使用上下文形式字型,字母的特定形状取决于上下文,例如周围的字母或邻近行的末端。请注意,对于字母之间的连字或连接为常规类型并且不依赖字体的文字,连字设置不起任何作用。这些文字包括:波斯-阿拉伯文字、梵文及一些其他文字。(8)间断:用于防止所选词在行尾中断,例如,在用连字符连接时可能被读错的专有名称或词。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(9)基线偏移:此控制以百分比或像素设置基线偏移。如果是正值,则将字符的基线移到该行其余部分的基线下;如果是负值,则移动到基线上。在此菜单中也可以应用“上标”或“下标”属性。默认值为 0。范围是+/-720 点或百分比。(10)区域设置:作为字符属性,所选区域设置通过字体中的 OpenType 功能影响字形的形状。例如,土耳其语等语言不包含 fi 和 ff 等连字。另一示例是土耳其语中“i”大写版本,即带有点的大写 i 而不是“I”。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性3设置段落样式 要设置段落样式,使用文本属性检查器的“段落”和“高级段落”部分。“段落”部分包括以下文本属性:(1)对齐:此属性可用于水平文本或垂直文本。“左对齐”会将文本沿容器的开始端(从左到右文本的左侧)对齐。“右对齐”会将文本沿容器的末端(从左到右文本的右端)对齐。(2)边距:“开始”和“结束”这些设置指定了左边距和右边距的宽度(以像素为单位)。默认值为 0。(3)缩进:指定所选段落的第一个词的缩进(以像素为单位)。(4)间距:显示前后间距为段落的前后间距指定像素值。(5)文本对齐:指示对文本如何应用对齐。文本对齐包括以下值:字母间距:在字母之间进行字距调整。单词间距:在单词之间进行字距调整。此设置为默认设置。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性“高级段落”部分包括以下属性:(1)标点挤压:此属性有时称为对齐规则,用于确定如何应用段落对齐。根据此设置应用的字距调整器会影响标点的间距和行距。标点挤压包括以下值:l自动:基于在文本属性检查器的“字符和流”部分所选的区域设置应用字距调整。此设置为默认设置。l间距:使用罗马语字距调整规则。l东亚:使用东亚语言字距调整规则。(2)避头尾法则类型:此属性有时称为对齐样式,用于指定处理日语避头尾字符的选项,此类字符不能出现在行首或行尾。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(3)行距模型:行距模型是由允许的行距基准和行距方向的组合构成的段落格式。行距基准确定了两个连续行的基线,它们的距离是行高指定的相互距离。行距方向确定度量行高的方向。如果行距方向为向上,行高就是一行的基线与前一行的基线之间的距离。如果行距方向为向下,行高就是一行的基线与下一行的基线之间的距离。4容器和流TLF 文本属性检查器的“容器和流”部分控制影响整个文本容器的选项。这些属性包括:(1)行为:此选项可控制容器如何随文本量的增加而扩展。(2)最大字符数:文本容器中允许的最大字符数。仅适用于类型设置为“可编辑”的文本容器。最大值为 65535。对齐方式指定容器内文本的对齐方式。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(3)列数:指定容器内文本的列数。此属性仅适用于区域文本容器。默认值是 1。最大值为 50。列间距指定选定容器中的每列之间的间距。默认值是 20。最大值为 1000。此度量单位根据“文档设置”中设置的“标尺单位”进行设置。(4)填充:指定文本和选定容器之间的边距宽度。所有四个边距都可以设置“填充”。(5)边框颜色:容器外部周围笔触的颜色。默认为无边框。(6)边框宽度:容器外部周围笔触的宽度。仅在已选择边框颜色时可用。最大值为 200。(7)背景色:文本后的背景色。默认值是无色。(8)首行偏移:指定首行文本与文本容器的顶部的对齐方式。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性5使用定位标尺 可以使用定位标尺将制表位添加到 TLF 文本容器中。当 TLF 文本容器处于编辑模式时将显示定位标尺。定位标尺显示为当前选定段落定义的制表位,还显示段落边距和首行缩进的标记。(1)隐藏或显示定位标尺:选择“文本”“TLF 定位标尺”。(2)设置制表符的类型:双击一个标记或按住 Shift 单击多个标记,并从菜单中选择一个类型。l开始、中心 或末尾 制表符:将文本的开始、末尾或中心与制表位对齐。l小数制表符:将文本中的一个字符与制表位对齐。此字符通常是默认显示在菜单中的一个小数点。若要与短划线或其他字符对齐,在菜单中输入短划线或其他字符。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性(3)添加标签在定位标尺中单击。制表符标记将显示在定位标尺中的该位置。(4)移动制表符将制表符标记拖动到新位置。(若要精确移动,请双击其制表符标记并为该标记输入一个像素位置。)(5)删除制表符向下拖动其标记,使之离开定位标尺,直到其消失。(如果文本纵向对齐,则将标记向左朝文本的方向拖动,直到其消失。)(6)更改度量单位选择“修改”“文档”。然后从对话框的“标尺单位”菜单中选择一个单位。3.1.2 TLF文本属性文本属性3.1 案例:制作电子小报案例:制作电子小报TLF文本文本6色彩效果 TLF文本可以设置文本的色彩效果,在文本属性面板中的“色彩效果”中进行设置,样式下拉列表中包含以下几个子项。l无:默认选项,不设置颜色效果。l亮度:设置文本的相对亮度和暗度。度量范围是从100%(黑)到100%(白),0为默认值。在文本框中输入值,或者单击拖动滑杆可调整亮度。l色调:为文本着色。可以直接单击调色板或者输入红、绿、蓝的颜色值,使用滑杆可设置色调百分比,从0%(完全透明)到100%(完全饱和)。l高级:可以单独调整实例的红、绿、蓝三原色和透明度。lAlpha:调整实例的透明度,调节范围是从0%(完全不可见)到100%(完全饱和)。3.1 案例:制作电子小报案例:制作电子小报TLF文本文本3.1.2 TLF文本属性文本属性3.2案例:制作文本效果传统文本【案例目的】使用传统文本制作各种文本效果。【知识要点】创建传统文本,分离文本。【案例效果】如图3-2-1所示。演示案例:文本效果演示案例:文本效果3.2.1传统文本类型和创建Flash中的传统文本分为静态文本、动态文本和输入文本3种类型。l静态文本:在动画播放时,文字的内容是固定不变的,只能通过Flash文本工具创建。l动态文本:在动画播放时,可以动态更新的文本字段,通过事件的激发来改变文本的内容。l输入文本:在动画播放时