Flash CC动画设计与制作课件：Flash CC基础知识

FlashCC动画设计与制作FlashCC基础知识教学目标1.熟悉FlashCC操作界面。2.了解绘制的基本概念。3.掌握文件的基本操作。4.掌握页面设置的基本操作。教学内容：

FlashCC是一款优秀的设计和制作二维动画的专业软件，它采用了网络流式媒体技术和矢量技术，突破了网络带宽的限制，能在网络上快速地播放动画，并实现动画交互。本章带领大家了解Flash的历史、现状和未来，并介绍FlashCC中的新增功能以及操作界面、软件的安装与卸载、新建Flash文档等。这些知识是FlashCC的基础内容，对后续的进阶学习非常重要，是必须熟练掌握的。目录

1.1认识Flash动画1.2FlashCC的安装与卸载1.3FlashCC新增功能介绍1.4FlashCC操作界面介绍1.5综合案例（一）绘制铅笔1.6综合案例（二）绘制灯笼本章小结1.1认识Flash动画

1.1.1Flash历史回顾

1.1.2Flash应用领域与市场1.1.3Flash动画特点

1.1.1Flash历史回顾

Flash的前身是一家名为FutureWave的小公司于1996年发布的FutureSplashAnimator，它是世界上第一个商用二维矢量动画软件。1997年，一直致力于在网页多媒体市场上发展的Macromedia公司收购了该公司，先后发布了Flash3、Flash4、和Flash5，得到了用户的认可。2003年12月，在众多用户的期待和关心中，增强了多媒体功能的FlashMX2004发布了。到了2005年，Flash发展到了最新的Flash8版本，各方面的性能进一步提高。2005年底，Macromedia公司被Adobe公司收购，同年发布了FlashCS3.0。如果说FlashCS3.0的发布是Flash新世纪的开端，那么2008年9月FlashCS4.0的发布就是Flash发展史上的“工业革命”。从FlashCS4以全新的Flash动画制作开创一个新时代。到2013年9月，AdobeFlashProfessionalCC诞生了，这是Flash目前最新的版本，它是一个新的软件设计理念溶入，仿佛是回归，又仿佛是飞跃，它精简并提升和完善了CS系列的很多元素，开始界面也较之前的版本更具有视觉冲击力，功能也变得更加强大了。

1.1.2Flash应用领域与市场

Flash技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电视、教育、卡通、声乐也成为展示风采的舞台。Flash从网络走向电影、电视、教育、卡通、声乐，推动了传统媒体和互联网媒体的融合。在影视电影领域，如宝马汽车推出的网络电影《Thehire》，也是靠运用了大量的Flash技术。在广告动画领域，以动画为主的广告形式也随之出现，它不但可以给创意策划带来更大的空间，而且也节省了财力物力，可避免实物拍摄所产生的弊端。最重要的能给观众带来一个全新的视觉感受，让人们在娱乐的同时对广告宣传的产品有了一个深刻的记忆。目前，新浪、搜狐、亚马逊、京东、淘宝等大型门户商业网站都很大程度地使用了Flash动画。在教育教学领域，相对于以往的PPT制作课件，用Flash制作更为灵活、互动性强，特别是网络教学的方式更能突出其优势，更能激发学习兴趣。在二维动画片领域，如《喜羊羊和灰太狼》、《奇趣俱乐部》等，都受到了业内人士及大众的一致好评。可见，中国电视观众已经完全接受了Flash动画这种新的艺术表现形式。短短几年时间，Flash动画就从网络迅速推广到影视媒介，其发展速度之快，出乎很多人的意料。在音乐领域，网络视频音频播放器能迅速打开，一边加载一边播放，减少了缓存时间。网络MTV、FlashMV更好的提供了在唱片宣传上既保证质量又降低成本的有效途径。国外许多流行歌手，以Flash制作的MTV可以同时在网络与电视台播出。国内众多歌手也纷纷尝试效仿FlashMV。动态贺卡、请柬，加入了声音、动画等元素，更具互动性。在游戏领域，鉴于体积小、互动性强、便于网络传播的特点，如今很多网页游戏都是用Flash开发制作的，索尼公司也宣布它将把这项技术用于制作PLAYSTATION2的片头，为DVD游戏软件节省更多的空间。游戏互动程序开发，如：制作投影游戏互动，人在投射区域里行走，水会出现波纹，同时会惊动到水中的鱼；手划过投射区，该区域出现的水果就会被切成两半，同事果汁会溅到墙面等效果。

1.1.3Flash动画特点

Flash是一种交互的矢量动画，能够在低文件数据传输率下实现高质量的动画效果。除此之外，相对于其他动画而言，Flash动画还具有以下显著特点。1．矢量图形系统2．支持流式下载3．支持平台广泛4．Flash动画文件容量小5．多种多样的文件格式6．交互式动画1.2FlashCC的安装与卸载

1.2.1FlashCC软件的安装

1.2.2FlashCC软件的卸载1.2.3启动与退出

1.2.1FlashCC软件的安装第1步：在相应的文件夹下双击Set-up.exe软件安装程序。第2步：双击Set-up.exe软件安装程序”，就会弹出“Adobe安装程序”对话框。第3步：初始化程序完成后，会弹出AdobeFlashProfessionalCC的欢迎对话框，用鼠标在该界面中，单击左键选择“安装”选项。第4步：画面会弹出“Adobe软件许可协议”界面，单击“接受”按钮。第5步：画面弹出“序列号”界面，在对应的文本框内输入序列号，然后单击“下一步”按钮。第6步：画面弹出“选项”界面，为其更改一个正确的安装路径，设置完成后，单击“安装”按钮。第7步：此时显示“安装”界面，安装过程以进度条的形式显示。第8步：进入“安装完成”界面，单击“关闭”按钮，完成安装。

1.2.2FlashCC软件的卸载第1步：单击电脑桌面的“开始”按钮或“Windows”图标，选择“所有程序”菜单栏下的“控制面板”命令。第2步：弹出“控制面板”窗口，鼠标左键单击“程序—卸载程序”选项。第3步：弹出“卸载或更改程序”界面，在界面中选择AdobeFlashProfessionalCC选项，鼠标左键单击“卸载”命令。第4步：弹出“卸载选项”界面，根据自己的需求勾选卸载内容，然后鼠标左键单击“卸载”按钮。第5步：进入“卸载”界面，进度条显示卸载过程。第6步：卸载完成后，弹出“卸载完成”界面，鼠标左键单击“关闭”按钮，完成FlashCC卸载。1.2.3启动与退出1．启动FlashCC，常见的启动方式有3种。第1种：执行单击“开始”按钮，选择“程序”菜单中的FlashCC命令启动程序，如图1-16所示。（首次启动将弹出登录欢迎界面。）第2种：在电脑桌面上单击（AdobeFlashprofessionalCC）的快捷方式。第3种：双击Flash相关联的文档，即双击一个Flash文档。2．退出FlashCC，常见的退出方式有4种。第1种：在菜单栏中选择【文件】>【退出】命令，即可退出Flash。第2种：在程序窗口左上角的图标上右击，在弹出的快捷菜单中选择【关闭】命令，如图1—17所示。第3种：单击程序窗口右上角的按钮，关闭FlashCC。第4种：按Alt+F4组合键关闭FlashCC。

1.3FlashCC新增功能介绍

1．云同步2．64位的系统和高清导出3．用户界面4．实时测试和代码5．时间轴和画板绘制1.4FlashCC操作界面介绍

1.4.1启动并新建空白文档1.4.2菜单栏1.4.3时间轴1.4.4工具箱1.4.5场景和舞台1.4.6操作工作区1.4.7“属性”面板1.4.1启动并新建空白文档1．启动FlashCC后，弹出开始页面。2．新建文档3．文档背景颜色设定4．文档大小设定5．动画播放速率设定6．打开文档7．文档内容测试8．保存和关闭文档1.4.2菜单栏【文件】菜单、【编辑】菜单、【视图】菜单、【插入】菜单、【修改】菜单、【文本】菜单、【命令】菜单、【控制】菜单、【调试】菜单、【窗口】菜单、【帮助】菜单1.4.3时间轴时间轴是Flash动画制作的基础操作面板，分别由显示播放状况的“帧”、“帧查看窗口”、和表示阶层的“图层”“图层查看窗口”等组成。可以控制影片播放和停止等操作。时间轴上的每一个小格叫做帧，是Flash动画最小的时间单位。连续的帧保持着相仿的动作轨迹，便形成了动画。1.4.4工具箱工具箱是在Flash动画制作的过程中不能缺少的。和普通Photoshop软件一样工具箱里工具的使用方式和功能都极为相似。通常人们会用工具箱中的工具来绘制和编辑矢量图形，以达到不同的绘制效果。主要由选择变换工具、绘画工具、绘画调整工具、视图工具、颜色工具、工具选项区等6部分组成。1.4.5场景和舞台场景是专门用来容纳、包含图层里面的各种对象的平台。舞台是创作影片中各个帧的内容的区域，可以在其中进行编辑、修改动画、绘制图像或安排导入图像的场所。生成swf格式的文件中，只会播放出舞台上出现的对象。Flash允许建立一个或多个甚至N个场景，以此来扩充更多的舞台范围。简单的说，舞台就像是话剧里演员站着的舞台一样，而场景就是这个话剧的一幕戏。1.4.6操作工作区操作工作区是舞台外围绕舞台的灰色区域，可以放置对象，通常用作动画的开始和结束点的设置，最终作品中工作区内的对象是不会显示的。如图1—39所示，灰色部分为操作工作区。1.4.7“属性”面板“属性”面板的内容不是固定的，它会显示所选中对象的属性信息，并通过该面板对对象进行编辑修改，提高了动画编辑的工作效率和准确性。1.5综合案例（一）绘制铅笔

1.5.1案例描述

1.5.2制作步骤

1.5.1案例描述

本案例使用透视的原理进行铅笔的排列，利用近大远小，让作品产生强烈的空间感、立体感以及丰富的层次感，是把三维空间呈现在平面上的一种方法。制作过程中，通过使用“矩形工具”、“椭圆工具”等绘图工具绘制，使用“颜料桶工具”对绘制的铅笔上色。最终如效果图所示。

1.5.2制作步骤

制作过程中主要使用“矩形工具”、“多边星形工具”、“线条工具”、“钢笔工具”等组合完成。1.6综合案例（二）绘制灯笼

1.6.1案例描述

1.6.2制作步骤

1.6.1案例描述

本案例制作一个大红灯笼高高挂起，以增添节日的喜庆气氛。该案例主要练习Flash绘图及属性设置能力，制作过程中使用文件导