Flash CC整站动画项目实战

FlashCC整站动画项目实战第1篇春花弄蝶FlashCC整站动画项目实战什么是元件一创建新元件二元件与实例三逐帧动画原理四逐帧动画创建方法五什么是元件第一部分FlashCC整站动画项目实战一、什么是元件元件是指在Flash中创建而且保存在库中的图形、按钮或影片剪辑，元件只需创建一次，即可在整个文档或其他文档中重复使用。1、元件的概念元件可以重复使用，当需要对重复使用的元素修改时，只需编辑元件，Flash会对所有该元件的实例进行更新。2、元件的优点一、什么是元件3、元件的类型影片剪辑元件电影中的小电影完全独立于场景时间轴图形元件一般是静止画面依附于场景时间轴播放按钮元件制作交互动画根据鼠标动作做出响应创建新元件第二部分FlashCC整站动画项目实战转换为元件菜单命令快捷键二、创建元件创建新元件菜单命令快捷键库面板注意：转换为元件仅为一帧静态画面二、创建元件方法1：打开库面板，双击元件即进入该元件编辑层级。方法2：在舞台上，双击某个元件的实例即进入该元件编辑层级。进入元件编辑层级后，可以在文档左上角的标题栏下方查看当前所处的编辑层级，单击元件名称即可切换到该元件编辑层级，单击“场景1”即可回到主场景。编辑元件元件与实例第三部分FlashCC整站动画项目实战三、元件与实例当元件从库中拖放到舞台上，称作该元件的一个实例，一个元件可以有很多个实例，而一个实例只归属某一个元件。每个实例都有自己的属性，在属性面板可以对实例进行整体缩放、旋转、调色等操作，还可以单独对某个实例进行命名以方便操作。1、什么是实例三、元件与实例三种类型的元件在舞台上的实例都可以相互转换角色，方法是在属性面板中更改类型。2、修改实例类型三、元件与实例元件是类的概念，实例是具体的对象。编辑元件会更新它所产生的所有实例，但对元件的一个实例应用效果则只更新该实例，即编辑实例不会影响它所在的元件内容，也不会影响同一元件创建的其他实例内容。3、元件和实例的关系逐帧动画原理第四部分FlashCC整站动画项目实战四、逐帧动画原理人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的作用结束后，视觉形象并不立即消失，这一现象则被称为“视觉暂留”，其时值是二十四分之一秒。1、什么是视觉暂留现象四、逐帧动画原理动画是许多帧静止的画面连续播放时的过程，当所有连续动作的单帧画面串连在一起，并且以一定的速度播放，就会使眼睛产生错觉，形成动画。2、动画是怎么产生的四、逐帧动画原理逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。3、什么是逐帧动画逐帧动画创建方法第五部分FlashCC整站动画项目实战五、逐帧动画创建方法导入静态图片逐帧绘图制作文字逐帧动画导入序列图像五、逐帧动画创建方法使用数码相机等连拍图片，连续导入到Flash中，即会建立一段逐帧动画。（1）使用数码相机连拍照片。（2）新建Flash文档，选择“文件”菜单“导入到库”命令打开对话框，右下角文件类型选择“所有文件”。1、导入静态图片五、逐帧动画创建方法（3）按下快捷键Ctrl+L打开库面板，拖动第一幅图片到舞台上，按下快捷键Ctrl+I打开信息面板，设置图片X和Y坐标均为0，使图片冲齐舞台左上角。五、逐帧动画创建方法（4）同理，制作第3帧、第4帧，将所有图片按顺序分别放入相应关键帧中。五、逐帧动画创建方法依据动画原理将动作进行分解，一帧帧的画出关键画面，然后顺序播放，例如马走路。2、逐帧绘图五、逐帧动画创建方法使用文字作为帧中的元件，实现文字跳跃、旋转等特效。（1）打开Flash，输入文字“跳动”。（2）在第2帧处创建关键帧，将文字向上移动十个像素。在第3帧处创建关键帧，将文字旋转180度。在第4帧处创建关键帧，将文字向下移动十个像素。3、制作文字逐帧动画五、逐帧动画创建方法导入gif序列图像、swf动画或者利用第3方软件产生的动画序列，即会自动建立一段逐帧动画，打开Flash，按下快捷键Ctrl+R打开“导入”对话框，选择gif图像。4、导入序列图像FlashCC整站动画项目实战第2篇夏荷浮翠FlashCC整站动画项目实战认识补间动画一创建补间动画二图形元件三影片剪辑元件四图形元件与影片剪辑元件五认识补间动画第一部分FlashCC整站动画项目实战一、认识补间动画补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash将自动根据二者之间的帧的值产生中间动画。补间动画是Flash中非常重要的表现手段之一。1、补间动画的概念一、认识补间动画2、补间动画的形式（1）传统补间动画：用于制作位置、旋转、放大缩小、透明度等变化效果的动画。（2）补间动画：用于制作传统补间动画效果的动画，外加3d补间动画。（3）补间形状：用于制作形状变形效果的动画。一、认识补间动画3、补间动画的构成元素构成补间动画的元素是元件，包括影片剪辑、图形元件、按钮等，除了元件，其他元素包括文本都不能创建补间动画。只有把形状“组合”或者“转换成元件”后才可以制作补间动画。创建补间动画第二部分FlashCC整站动画项目实战二、创建补间动画传统补间动画需要两个关键帧。只需要设置起始关键帧和结束关键帧对象的状态，系统会自动生成中间的过渡帧动画。创建第1帧元件创建第2个关键帧修改第2个关键帧内容创建传统补间动画二、创建补间动画FlashCS4及以上版本使用基于对象的动画对个别动画属性实现全面控制，只需要设置开始帧就可以做动画了。创建第1帧插入普通帧创建补间动画修改元件状态图形元件第三部分FlashCC整站动画项目实战三、图形元件在Flash中图形元件适用于静态图像的重复使用，或者创建与主时间轴相关联的动画，图形元件与影片的时间轴同步运行。图形元件不能提供实例名称，也不能在动作脚本中被引用，主要使用在不需要循环的动画或做静止的背景，以及做为运动补间动画的关键帧时使用。三、图形元件1、位置和大小三、图形元件2、色彩效果三、图形元件3、循环图形元件也可以存放动画，其动画依附于主时间轴播放。动画播放的开始位置由参数“第1帧”中的数值来设定。影片剪辑元件第四部分FlashCC整站动画项目实战四、影片剪辑元件影片剪辑元件可以理解为电影中的小电影，用于创建可重复使用的动画片段。影片剪辑元件完全独立于主场景时间轴并且可以重复播放，可以包含交互式控件、声音甚至其他剪辑实例。图形元件与影片剪辑元件第五部分FlashCC整站动画项目实战五、图形元件与影片剪辑元件1、相同点图形元件与影片剪辑元件的相同点是都可以重复使用，且当需要对重复使用的元素进行修改时，只需编辑元件，而不必对所有该元件的实例一一进行修改。影片剪辑中可以嵌套另一个影片剪辑，图形元件中也可以嵌套另一个图形元件。五、图形元件与影片剪辑元件2、区别及注意问题（1）影片剪辑元件独立于主时间轴，图形元件依附于主时间轴。（2）图形元件随时间轴暂停而暂停播放，影片剪辑元件必须使用动作脚本来暂停。（3）影片剪辑元件在主时间轴上无法预览动画效果，图形元件可以在主时间轴上实时观察到动画效果。五、图形元件与影片剪辑元件（4）影片剪辑中可以包含声音，图形元件中即使包含了声音，也不会发声。（5）影片剪辑可以设置实例名称，图形元件则不行。（6）影片剪辑可以设置滤镜，图形元件则不行。（7）图形元件可以设置播放方式，影片剪辑只能从第一帧开始循环播放。五、图形元件与影片剪辑元件影片剪辑由于肩负着重大的控制任务，使得数据结构变得复杂，也增大了播放器的负担。使用图形元件可以减轻播放器的负担，所以在可以使用图形元件来实现的地方，就不要使用影片剪辑了。3、注意FlashCC整站动画项目实战第3篇秋风瑟瑟绘图纸外观一形状补间动画二信息面板和对齐面板三滤镜的应用四库面板五声音的应用六绘图纸外观第一部分一、绘图纸外观Flash在舞台中一次显示动画序列的一个帧，为了帮助定位和编辑逐帧动画，可以在舞台中一次查看两个或多个帧。单击“绘图纸外观”按钮，在起始和结束标记之间的所有帧的内容即会被重叠，看起来好像每个帧画在一张半透明的绘图纸上。一、绘图纸外观一、绘图纸外观1、绘图纸外观：按下此按钮出现绘图纸外观标记，拉动外观标记的两端，可以扩大或缩小显示范围。2、绘图纸外观轮廓：按下此按钮场景中显示各帧内容的轮廓线，适合观察对象轮廓，另外可以节省系统资源。3、编辑多个帧：按下后可以显示全部帧内容，并且可以进行多帧同时编辑。4、修改绘图纸标记：按下后弹出菜单进行各项选择。形状补间动画第三部分二、形状补间动画形状补间动画是在Flash的时间轴面板上，在一个关键帧上绘制一个形状，然后更改该形状，或在另一个关键帧上绘制另一个形状，Flash将内插中间帧的中间形状。与动画补间不同，构成形状补间动画的元素是为形状，而不能是元件、按钮、文字等，如果使用这些元素，必先打散（快捷键Ctrl+B）成图形。二、形状补间动画创建第1帧图形创建第2帧图形创建形状补间信息面板和对齐面板第三部分三、信息面板和对齐面板使用信息面板可以更精确的设置对象大小和定位对象。快捷键Ctrl+I。三、信息面板和对齐面板设置对象大小设置对象位置修改坐标原点三、信息面板和对齐面板使用对齐工具可以快速对齐多个图形。快捷键Ctrl+K。对齐分布与舞台对齐匹配大小间隔滤镜的应用第四部分四、滤镜的应用在Flash中选中文本、按钮或者影片剪辑对象。打开属性面板，加号按钮可选择一种滤镜，减号按钮可删除滤镜。四、滤镜的应用四、滤镜的应用四、滤镜的应用四、滤镜的应用四、滤镜的应用四、滤镜的应用四、滤镜的应用选中滤镜单击复制按钮选中对象单击粘贴按钮注意：通过单击加号按钮下拉列表底部的启用和禁用命令可以显示或隐藏滤镜效果。复制和预设滤镜四、滤镜的应用可以为对象添加预设滤镜效果，方法是选中某个对象滤镜选项，单击属性面板的预设按钮，执行另存为命令，下次使用时可以直接应用预设的滤镜效果。库面板第五部分五、库面板库用来存储创建的元件和导入的文件，例如位图、矢量插图等，快捷键为Ctrl+L。当选择库面板中的项目时，库面板的顶部会出现该项目的缩略图预览。如果选定项目是动画或者声音文件，则可以使用库预览窗口或控制器中的“播放”按钮预览该项目。五、库面板使用库项目应用其他文档编辑库项目重命名库项目删除库项目创建文件夹修改项目属性元件直接复制打开外部库五、库面板导入到库导入到舞台1、导入文件五、库面板2、批量删除无用文件随着动画制作过程的进展，库中的项目将变得越来越杂乱，一些元件几乎没用上，却浪费着宝贵的源文件空间，可以将它们筛选并批量删除。声音的应用第六部分六、声音的应用Flash可以导入8位或16位的声音，采样比率为11kHz、22kHz或44kHz，如果声音无法导入,说明它的压缩率不在Flash允许之内，解决方法是重新对声音文件进行压缩或采样。常用的可以直接导入到Flash中的声音格式包括WAV、MP3、AIFF三种。六、声音的应用注意：声音要使用大量的磁盘空间和内存。MP3声音数据经过了压缩，比WAV或AIFF声音数据小。如果要向Flash中添加声音效果，最好导入16位声音。如果内存有限，就使用短的声音剪辑或用8位声音而不是16位声音。六、声音的应用WaveCN视图缩放定位编辑点选中某段声音复制和删除撤销和恢复撤销声音特效FlashCC整站动画项目实战第4篇冬雪霏霏遮罩动画一引导层动画二发布设置三动画色彩基础四动画剧本五遮罩动画第一部分一、遮罩动画遮罩类似Photoshop软件中的蒙板，遮罩层中的对象决定其下一层中的显示区域。遮罩层中有对象的地方下一层的内容即显示，遮罩层中空白的地方下一层中的内容即隐藏。遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，在遮罩层和被遮罩层中均可设定补间或者逐帧动画。1、什么是遮罩动画一、遮罩动画上面图层设为遮罩层即可。（1）遮罩需要两层实现，上层叫遮罩层，下层叫被遮罩层。（2）遮罩结果显示的是二层叠加区域的被遮罩层内容。（3）遮罩层中的图形对象在播放时是看不到的。2、如何创建遮罩动画一、遮罩动画在遮罩层和被遮罩层中均可制作动画，以制作七彩效果文字为例。引导层动画第三部分二、引导层动画引导层动画用来实现对象沿着复杂路径移动的效果。引导层动画由引导层和被引导层组成，引导层用来放置对象运动路径，运动路径即引导线在最终生成动画时不可见，被引导层用来放置运动对象。利用一个引导层可以同时引导多个被引导层。1、什么是引导层动画二、引导层动画2、如何创建引导层动画（1）在时间轴面板单击“添加引导层”按钮。（2）右击图层名，在打开的快捷菜单中选择“添加引导层”命令。（3）选择某个图层，选择“插入”菜单“时间轴”级联菜单下的“引导层”命令。（4）可以将普通层转变为引导层，方法是右击选择“引导层”。二、引导层动画3、引导和解除引导要使元件能够沿着路径运动，在动画开始和结束的关键帧上，元件的中心点必须吸附到路径上，可以使用任意变形工具手动调整元件的注册点。要解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择“属性”，在对话框中选择“正常”作为图层类型。二、引导层动画4、绘制引导线有哪些技巧？（1）引导线不能是封闭曲线。（2）起点和终点之间的线条必须是连续的。（3）引导线转折处不宜过急过多。（4）引导线允许重叠，例如螺旋状引导线，但在重叠处的线段必需保持圆润。二、引导层动画5、如何让元件注册点自动吸附到路径上？在做引导路径动画时，在被引导层图层，制作动画后选择任意一帧，打开属性面板，选择“贴紧”，可以使“对象附着于引导线”的操作更容易成功。二、引导层动画6、如何使对象自动随着路径的转折而调整自身方向？在被引导层图层，制作动画后选择任意一帧，打开属性面板，选择“贴紧”，可以使“对象附着于引导线”的操作更容易成功。二、引导层动画7、如何制作圆周运动？要想让对象做圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点。发布设置第三部分1、发布为SWF动画2、发布为HTML文件3、发布为gif动画4、发布为图片4、发布为图片动画色彩基础第四部分一、色彩三要素色相是指色彩的相貌,是色彩最显著的特征,是不同波长的色彩被感觉的结果。光谱上的红、橙、黄、绿、青、蓝、紫就是七种不同的基本色相。1、色相一、色彩三要素明度是指色彩的明暗、深浅程度的差别,它取决于反射光的强弱。它包括两个含义:一是指一种颜色本身的明与暗,二是指不同色相之间存在着明与暗的差别。2、明度一、色彩三要素纯度也称彩度、艳度、浓度、饱和度,是指色彩的纯净程度。3、纯度二、色彩搭配1、单色搭配二、色彩搭配2、类比色搭配二、色彩搭配3、补色搭配二、色彩搭配4、分离补色搭配二、色彩搭配5、原色搭配二、色彩搭配6、二次色搭配二、色彩搭配7、全色相搭配三、配色案例1、同色系配色三、配色案例2、近邻色配色三、配色案例3、对比色配色动画剧本第五部分一、动画主题通过叙事或者抒情的方式用动画短片中的人物语言、动作和细腻的心理活动来表达一种感情，例如奥斯卡获奖短片《父与女》，整个动画没有一句对话，画面非常朴素，只是简单的线描和淡彩，动画通过细腻的动作刻画和完美的背景音乐营造出一种极其感人的深刻情感和对人生的感悟。1、情感型动画一、动画主题通过动画中角色的夸张行为动作、语言笑料或者有趣情节产生让人捧腹的效果，例如经典动画《唐老鸭》。2、幽默型动画画面和情节可能非常单一，但是在单一的表象下隐藏了很多深层次的哲理，回味无穷。3、哲理型动画二、动画剧本1、小说式写作指把剧本写成小说，导演或者负责划分镜头的工作人员可以按照小说式剧本的内容来构造镜头。小说式剧本缺陷在于描叙过于文学性，许多时间与空间概念比较含糊，镜头划分人员必须用大量的精力来筛选可用情节，并构想如何表达各个剧情场面。二、动画剧本2、运镜式写作使用视觉特征强烈的文字表达方式，把各种时间、空间氛围用直观的视觉感受量词表现出来。运镜式剧本其实就是使用镜头语言来写作，用文字形式来划分镜头。FlashCC整站动画项目实战第5篇四季沐歌认识交互一按钮元件二基本概念和语法三常用脚本四认识交互第一部分一、认识交互交互动画是指在动画作品播放时支持事件响应和交互功能的动画。例如，可以单击动画中的按钮跳转到不同位置继续播放、可以移动动画中的对象、可以在表单中输入信息等等。按钮元件第二部分二、按钮元件1、什么是按钮元件？时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并跳转到相应的帧。按钮元件可以重复使用。按钮元件中可以嵌套图形元件或者影片剪辑元件，但是不能够嵌套另外一个按钮元件。二、按钮元件2、编辑按钮元件弹起指针按下点击二、按钮元件3、属性设置基本概念和语法第三部分三、基本概念和语法Flash的动作脚本ActionScript，简称AS，最新版本AS3.0是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似JavaScript，多用于互动性、娱乐性、实用性开发，同时也用于网页制作和RIA应用程序开发。1、基本概念三、基本概念和语法2、基本语法标识符关键字数据类型常量和变量常用脚本第四部分四、常用脚本1、指定跳转on(release){stop();}on(release){play();}on(release){gotoAndPlay(10);}on(release){gotoAndStop(10);}on(release){nextScene();play();}on(release){prevScene();paly();}四、常用脚本2、设置播放器窗口on(release){fscommand("fullscreen"，true);}on(release){fscommand("fullscreen"，false);}on(release){fscommand("allowscale"，true);}on(release){fscommand("allowscale"，false);}四、常用脚本3、声音常用动作脚本（1）newSound()//创建一个新的声音对象（2）mysound.attachSound()//加载库里的声音（3）mysound.start()//播放声音（4）mysound.getVolume()//读取声音的音量（5）mysound.setVolume()//设置音量四、常用脚本3、声音常用动作脚本（5）mysound.setVolume()//设置音量（6）mysound.getPan()//读取声音的平衡值（7）mysound.setPan()//设置声音的平衡值（8）mysound.position//声音播放的当前位置（9）mysound.duration//声音的总长度FlashCC整站动画项目实战项目综述什么是动画一Flash动画应用领域二什么是Flash网站三商业Flash网站制作流程四图的分类五图层六帧和帧频七舞台和工作区八什么是动画第一部分一、什么是动画动画，狭义上是指动画片、卡通片。动画的英文有很多表述，其中较正式的“Animation”动词animate是“赋予生命”的意思，引申为使某物活起来，广义上的动画可以定义为创造生命运动的艺术，不管使用何种技术手段，只要观看时形成了活动影像，它就是动画。1、动画的概念一、什么是动画二维动画二维动画即平面上的画面。绝对经典的二维矢量动画设计软件非Flash莫属。此外还有ToonHarlequin、ToonBoomStudio等。2、动画的分类XY

国产经典动画片迪士尼动画三维动画也称3D动画，三维画面中景物有正面，也有侧面和反面，调整三维空间的视点，能够看到不同的内容。一、基本概念XYZ三维电脑动画同一角色既可以制作成二维效果，也可以制作成三维效果。一、基本概念一、基本概念流式播放技术文件非常小多种流媒体格式交互性优势强制作相对简单编程功能强大制作成本低特点Flash动画应用领域第二部分多媒体演示Flash动画能做什么多媒体课件电子杂志网站制作动漫短片电视广告MV制作游戏开发？二、Flash动画应用领域在动画制作过程中，可以个人制作，也可以团队通力合作！！！非艺术生艺术生二、Flash动画应用领域二、Flash动画应用领域应用程序开发系统界面开发手机领域开发游戏开发网站建设Flash动画发展前景什么是Flash网站第三部分三、什么是Flash网站Flash网站又称纯Flash网站、Flash整站，多以动画为主要表现形式，在视觉效果和互动效果上更加美观动感，能够获得较高的用户体验。由于Flash网站基本以图形和动画为主，所以比较适合文字内容不多，以平面和动画效果为主的应用，广泛应用于房地产、汽车和奢侈品等高端行业。1、概念三、什么是Flash网站2、特点视觉优势互动优势创意优势投入比较大编辑载入时间长优化困难优点缺点商业Flash网站制作流程