化学设计的实现技术讲稿.ppt

《化学设计的实现技术讲稿.ppt》由会员分享，可在线阅读，更多相关《化学设计的实现技术讲稿.ppt（44页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、化学设计的实现技术化学设计的实现技术第一页，讲稿共四十四页哦FlashFlash简述简述 Flash 是Macromadia公司推出的一款基于矢量的动画制作软件。Flash的特点具有很强的交互性丰富的图形处理功能，可以支持矢量图绘制是一种基于Web的开发平台,开发的软件可以以.swf格式导出Flash开发软件的描述语言 ActionScript是实现智能反馈性的基础第二页，讲稿共四十四页哦工具箱工作区时间轴标题栏/菜单栏/工具栏面板Flash的操作环境第三页，讲稿共四十四页哦Flash的操作环境标题栏:显示当前文件名称.菜单栏:存放各种不同功能菜单命令.工具栏:主工具栏/控制器工具栏/编辑栏时

2、间轴：由帧和图层组成,以二维空间(时间和深度)按图形方式排列动画内容.帧长体现了时间,图层体现了深度.工具箱：包含绘图工具、查看工具、颜色工具、选项设置4部分。主要用于图形的绘制与编辑、设置对象的移动等操作。工作区：影片编辑和演示的空间(含舞台与操作区域)。面板：是Flash工作窗口中最重要的操作对象,有【动作】面板、【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。第四页，讲稿共四十四页哦FlashFlash的的文件类型文件类型 源文件源文件*.fla:是是flash flash 的源文件格式，保存成此格式的的源文件格式，保存成此格式的文档能被重新修改文档能被重新修改 输

3、出文件输出文件*.swf:是是flashflash的导出的影片格式，此格式只能观的导出的影片格式，此格式只能观看不能修改看不能修改(可播放可播放,但需但需FLASHFLASH播放器播放器)EXE EXE文件文件(可直接播放可直接播放,不需播放器不需播放器)第五页，讲稿共四十四页哦FlashFlash文档的创建文档的创建绘图工具的使用绘图工具的使用（对象的建立与修改）（对象的建立与修改）对象的属性对象是Flash中使用的图形总称。大体可分由工具箱绘制出来的基本图形(Shape)、组合(Group)、文本(Text)、位图(Bitmap)、元件(Symbol)等5种。利用工具箱绘制出来的图形对象具

4、有可分解成线条和填充区域的矢量属性。组合 Ctrl+G(修改/组合)打散 Ctrl+B第六页，讲稿共四十四页哦 位图图像位图图像位图图像是通过像素点记录图像的。其存在位图图像是通过像素点记录图像的。其存在 的方式以及所占空间的大小是由像素点的数的方式以及所占空间的大小是由像素点的数 量控制的。像素点越多，即分辨率越大，图量控制的。像素点越多，即分辨率越大，图 像所占的空间也越大。像所占的空间也越大。放大到一定程度，会出现模糊或锯齿。放大到一定程度，会出现模糊或锯齿。位图与矢量图的区别第七页，讲稿共四十四页哦 矢量图像矢量图像 矢量图像是用包含颜色和位置属性的点和线来描述矢量图像是用包含颜色和位

5、置属性的点和线来描述的图像。的图像。具有独立的分辨率，能以不同的分辨率显示和输出，具有独立的分辨率，能以不同的分辨率显示和输出，而不损失图像的质量，保持原有的清晰度。而不损失图像的质量，保持原有的清晰度。第八页，讲稿共四十四页哦工具箱的使用第九页，讲稿共四十四页哦曲线的修改（部分选取/钢笔工具）对象的修剪添加轮廓线（墨水瓶）封闭框图 在绘制封闭框图时，需按下对齐对象工具图形填充只对闭合的矢量图有效，而对组合(Ctrl+G)后的图形需打散后才能填充。图形的对齐 （导入位图/与舞台匹配）位图用Ctrl+B 改变为以像素为单位的位图属性，可用魔术棒。第十页，讲稿共四十四页哦文本的操作打散Ctrl+B

6、(一次），可添加滤镜效果静态文本：用于书写标示、题目及正文等普通文本动态文本：当文本作为输出文本区域使用时采用输入文本：用于输入与输出数据第十一页，讲稿共四十四页哦 颜色面板颜色面板混色器混色器 亮度调节条线性和放射状填充线性和放射状填充 (1)(1)添加着色棒添加着色棒 (2)(2)删除着色棒删除着色棒 (3)(3)调整着色棒的位置调整着色棒的位置 (4)(4)着色棒的色彩设置着色棒的色彩设置第十二页，讲稿共四十四页哦打光操作打光操作填充的方向与填充效果第十三页，讲稿共四十四页哦利用滴管工具吸取颜色可以将所选颜色按纯色和渐变色进行分类保存到颜色样本中 颜色面板颜色样本第十四页，讲稿共四十四页

7、哦位图填充(轮廓或填充区域)文件/导入到库 (位图自动保存到混色器中)利用填充变形工具调节大小和方向第十五页，讲稿共四十四页哦透明度的概念透明度的概念 透明度（透明度（AlphaAlpha通道）通道）0%0%为全透明为全透明（1 1）着色时透明度的设置）着色时透明度的设置 改变改变着色棒着色棒的透明度的透明度（2 2）元件的透明度的设置）元件的透明度的设置第十六页，讲稿共四十四页哦Flash的基本术语场景(scene):场景是设计者直接绘制帧图或从外部导入图形后进行编辑处理，形成单独的帧图，再将单独的帧图合成为动画的主要场所。具有特定的长、宽、分辨率、帧的播放速率(帧频)等。增加场景：Shif

8、t+F2场景切换第十七页，讲稿共四十四页哦图层的操作：图层的操作：(1)锁锁 (2)眼睛眼睛 (3)选中层选中层 (4)层的叠放层的叠放 (5)添加与删除添加与删除 (6)图层文件夹图层文件夹 (7)图层的命名图层的命名 (8)显示模式显示模式（右键（右键/属性：改变图层轮属性：改变图层轮廓颜色）廓颜色）图层分布功能：图层分布功能：选中对象，右键选中对象，右键/分散到图层分散到图层图层:图层是时间轴上一组平行的帧,用来控制不同类型或不同时间段的对象。包括普通层(layer)、运动引导层(motion guide layer)、遮照层(mask layer)Shift键：选多图层Ctrl键：单击

9、特定图层Alt键：反向应用图层的选项第十八页，讲稿共四十四页哦元件元件(Symbol):(Symbol):元件是位于当前动画库中的可以元件是位于当前动画库中的可以反复使用反复使用的的 图形、按钮、动画、声音图形、按钮、动画、声音资源资源(材料材料)。合理使用元件可以减小文件的容量。合理使用元件可以减小文件的容量。元件按类型分为：元件按类型分为：图形元件图形元件(Graphic)(Graphic)、按钮按钮 元件元件(Button)(Button)、影片剪辑元件影片剪辑元件(Movie Clip)(Movie Clip)。第十九页，讲稿共四十四页哦图形元件选中，F8Ctrl+B 库打开库：窗口/

10、库元件的来源：直接创建元件:插入/新建元件(Ctrl+F8)转换元件:选中对象，修改/转换为元件(F8)共享库中现有元件。第二十页，讲稿共四十四页哦【弹起弹起upup】帧：表示鼠标指针不在按钮上时的状态。帧：表示鼠标指针不在按钮上时的状态。【指针经过指针经过overover】帧：表示鼠标指针在按钮上时的状态。帧：表示鼠标指针在按钮上时的状态。【按下按下downdown】帧：表示鼠标单击按钮时的状态。帧：表示鼠标单击按钮时的状态。【点击点击hithit】帧：定义对鼠标做出反应的区域，这个反应区域在影片播放帧：定义对鼠标做出反应的区域，这个反应区域在影片播放时是看不到的。它可以定义对鼠标单击所能够

11、做出反应的按钮区域。也时是看不到的。它可以定义对鼠标单击所能够做出反应的按钮区域。也可以不定义可以不定义【点击点击】帧。帧。【弹起弹起】状态下的对象就会被作为鼠标响应区。状态下的对象就会被作为鼠标响应区。按钮元件利用Flash的公用库调用按钮执行【窗口】|【公用库】|【按钮】第二十一页，讲稿共四十四页哦库(Library):是用来存放元、位图、声音、视频文件的。利用库可以查看和组织库中的元素。第二十二页，讲稿共四十四页哦实例(Instance)：被拖放到舞台上的元件就称实例。元件与实例的关系：一个元件对应多个实例，一个实例只能对应一个元件。修改元件对应的实例都会改变，而修改实例其对应的元件和其

12、他实例不发生任何变化。第二十三页，讲稿共四十四页哦元件的应用元件的应用库（元件）场景（实例）拖入场景（实例）变形改变Alpha属性改变变形工具（影片剪辑和按钮元件可以有实例名)元件的修改 是在元件编辑环境中（库中）进行双击库中的元件双击场景中的元件第二十四页，讲稿共四十四页哦 帧帧(frame)(frame)：帧是一个数据传输中的发送单位，帧内包：帧是一个数据传输中的发送单位，帧内包含一个信息或一个动画片断，动画播放时帧内的内含一个信息或一个动画片断，动画播放时帧内的内容会随着时间轴连续播放。在时间轴上，一个一个容会随着时间轴连续播放。在时间轴上，一个一个的格子就是帧。帧是构成一个连续动画最基

13、本的元的格子就是帧。帧是构成一个连续动画最基本的元素，一个动画是由若干个帧按照时间序列排列而成素，一个动画是由若干个帧按照时间序列排列而成的。这些帧按照从左到右播放，就形成了动画。的。这些帧按照从左到右播放，就形成了动画。关于帧Flash动画基础第二十五页，讲稿共四十四页哦关键帧关键帧 (key frame)(key frame)关键帧是指动画中定义的可以更改的帧，它通常关键帧是指动画中定义的可以更改的帧，它通常显示动画的开始与结束的决定画面。显示动画的开始与结束的决定画面。Flash Flash 可以在两可以在两个关键帧之间创建补间或填充帧，而不需要用户编辑中个关键帧之间创建补间或填充帧，而

14、不需要用户编辑中间每一帧的内容就可以生产流畅的动画。也就是说，只间每一帧的内容就可以生产流畅的动画。也就是说，只要安排好前后两相邻关键帧的画面内容，就可以制作出要安排好前后两相邻关键帧的画面内容，就可以制作出动画。在动画。在FlashFlash中，关键帧是所有帧的基础。中，关键帧是所有帧的基础。第二十六页，讲稿共四十四页哦帧的添加与删除帧的添加与删除F5:F5:创建普通帧创建普通帧F6F6：创建关键帧创建关键帧(复制前一关键帧复制前一关键帧)F7F7：创建空白关键帧创建空白关键帧Shift+F5Shift+F5：删除帧：删除帧Shift+F6Shift+F6：删除关键帧：删除关键帧(转换为普通

15、帧转换为普通帧)Ctrl键：延长/缩短帧Alt键：复制或移动帧（可在不同图层间）第二十七页，讲稿共四十四页哦各类影帧（无对象)（有对象)第二十八页，讲稿共四十四页哦逐帧动画 通过更改连续帧，在逐帧动画中需要在每一帧都生成图像。要求对每一帧上的对象的颜色、形状、大小、数量、位置、透明度等进行编辑。优点是做成的动画逼真。缺点是文件体积大且耗时。动画制作 Flash8.0中有五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。第二十九页，讲稿共四十四页哦补间动画Flash会在开始和结束帧之间均匀的自动改变对象的大小，旋向，颜色及其它属性，从而产生移动的效果。形状补间动画

16、动作补间动画 第三十页，讲稿共四十四页哦 形状补间动画 可以实现两个图形之间颜色、形状、大小、位置的相互变化，动画的对象必须是矢量对象或者是打散的位图和文字。如果使用图形元件、文字等，则必先“打散”才能创建变形动画。创建：在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】第三十一页，讲稿共四十四页哦文本变形：添加形状提示控制点菜单-修改/形状/添加形状提示，会出现一个红色的“a”点。接着按“Ctrl+Shift+H”键多次，会依次出现“b”、“c”、“d”。散图形状变化位置移动色彩变化第三十二页，讲稿共四十四页哦2.动作补间动画 可以实现改变元件的大小、颜色、位置、透明度等，

17、构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等。创建：鼠标右键/创建补间动画或【属性面板/动画补间】第三十三页，讲稿共四十四页哦大小变化；位置变化色彩/透明度变化 旋转动画翻转动画 (变形工具)属性面板的应用第三十四页，讲稿共四十四页哦 将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为动画形式被称为“引导层动画引导层动画”。这种动画可以使一个或多个元件完成曲线或不规。这种动画可以使一个或多个元件完成曲线或不规则运动。则运动。引导层是用来指示元件运行路径的，

18、所以引导层是用来指示元件运行路径的，所以“引导层引导层”中的内容可以是用钢笔、中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。“被引导层被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状文字等，但不能应用形状(最常用的动画形式是动作补间动画最常用的动画形式是动作补间动画)。引导层动画第三十五页，讲稿共四十四页哦遮照动画可以得到特殊的显示效果，可以用蒙板(MASK)创建任意形状的视窗。蒙板下方图层上的图象可以通

19、过这个窗口显示出来，而窗口之外的对象不会显示出来。这个视窗就是蒙板。遮照的原理，简单的说就是，被遮住的物体能看见，未被遮住的物体看不见。遮照动画第三十六页，讲稿共四十四页哦遮照动画至少有两层(遮照层和被遮照层)遮照动画的一个遮照层可以有多个被遮照层遮照层对象可以是元件、动画、文字、位图、动画和其他除纯线条以外的任何对象；被遮照层上的对象可以是任何的对象可以在遮罩层、被遮罩层中分别或同时使用各种动画（如果是动作补间动画，最好创建为元件，遮罩层为图形元件）第三十七页，讲稿共四十四页哦在动画中加入声音效果 主要包括WAV和MP3两种格式 1）导入声音执行【文件】【导入】【导入到库】命令 2）引用声音

20、在图层上新建一个图层，并选择这个图层相应帧,然后将【库】面板中的“背景音乐”声音对象拖放到场景中注:【数据流】选项将同步声音，强制动画和音频流同步。【例】给按钮加上声效步骤1 打开按钮元件步骤2 新建声效图层并引用声音，按F7键插入一个空白关键帧注：给按钮加声效时一定要使用【事件】同步类型 第三十八页，讲稿共四十四页哦是一种简单脚本语言，能使flash更好地与用户进行交互。动作面板(f9)Actionscript简介命令分类列表区域命令跟踪区域动作编写区域第三十九页，讲稿共四十四页哦Actionscript 的添加对象1.Frame:加在frame上的脚本，不需要任何的触发事件。2.Butto

21、n:加在button上的脚本，必须有以on()开始的触发事件。3.MovieClip:加在movieclip上的脚本，必须有以on Clip Event()开始的触发事件。第四十页，讲稿共四十四页哦ActionScript的基本命令 时间轴控制命令（教材P201）gotoAndPlay 跳转并播放 gotoAndStop 跳转并停止播放 play（）播放 stop（）停止播放 语法形式：gotoAndPlay（“scene”，frame）；scene跳转至场景的名称；frame跳转至帧的名称(帧标签)或帧数。第四十一页，讲稿共四十四页哦 鼠标（按钮）事件命令on（参数）事件处理函数所支持的事件

22、 Release 鼠标点击后释放 Press 鼠标按下时Release outside 鼠标点击后在按钮外释放 Key press 按键盘上定义的键Roll over 鼠标划过Roll out 鼠标划出Drag over 鼠标拖过按钮Drag out 鼠标拖出按钮例：on（press）gotoAndPlay（2）；第四十二页，讲稿共四十四页哦 MovieClip的触发事件onClipEvent（参数）事件处理函数所支持的事件Load 载入影片时 Enter frame 进入影片的帧播放时Unload 卸载影片时Mouse up 鼠标松开左键Mouse down 鼠标按下时Mouse move 鼠标移动Key up 按键弹起Key down 按下键盘上的任意键时Data 载入数据时第四十三页，讲稿共四十四页哦拖拽影片剪辑命令（教材P195）startDrag()拖拽影片stopDrag()停止拖拽影片 冲突hitTest()的使用方法 条件语句If(条件)else 第四十四页，讲稿共四十四页哦